.widget .pu-tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.09375rem;margin:0 0 1.25rem}@media(max-width:768px){.widget .pu-tools-grid{grid-template-columns:1fr}}.widget .pu-tool-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--rounded);padding:.9375rem;display:flex;flex-direction:column;gap:.625rem}.widget .pu-tool-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.625rem;margin-bottom:.3125rem}.widget h3.pu-tool-title{font-size:.9375rem;font-weight:600;margin:0;line-height:1.3;color:var(--color-text-primary)}.widget .pu-direction-badge{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:.25rem .5rem;border-radius:var(--rounded-sm);white-space:nowrap;flex-shrink:0}.widget .pu-direction-badge.pu-bidirectional{background:color-mix(in srgb,var(--accent-default) 10%,transparent);color:var(--accent-default);border:1px solid color-mix(in srgb,var(--accent-default) 25%,transparent)}.widget .pu-direction-badge.pu-unidirectional{background:var(--color-surface-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.widget .pu-io-area{display:flex;flex-direction:column;gap:.625rem}.widget .pu-field-group{display:flex;flex-direction:column;gap:.25rem}.widget .pu-field-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);line-height:1.2}.widget .pu-field-hint{font-weight:400;text-transform:none;letter-spacing:0;color:var(--color-text-tertiary)}.widget .pu-tag{display:inline-block;font-size:.5625rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:.1875rem .375rem;border-radius:var(--rounded-sm);background:var(--color-surface-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border);vertical-align:middle;margin-left:.25rem}.widget input.pu-input{width:100%;margin:0;padding:.4375rem .625rem;border:1px solid var(--color-border);border-radius:var(--rounded-sm);font-size:.78125rem;font-family:var(--md-code-font);color:var(--color-text-primary);background:var(--color-surface-secondary);line-height:1.5;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;box-sizing:border-box}.widget input.pu-input::placeholder{color:var(--color-text-tertiary)}.widget input.pu-input:hover{border-color:var(--color-border-strong);background:var(--color-surface)}.widget input.pu-input:focus{outline:none;border-color:var(--accent-default);background:var(--color-surface);box-shadow:0 0 0 3px var(--accent-soft)}.widget input.pu-input.error{border-color:var(--error)}.widget input.pu-output-field{cursor:default}.widget input.pu-input-sm{width:6.25rem}.widget .pu-input-with-copy{display:flex;align-items:center;gap:.46875rem}.widget .pu-input-with-copy .pu-input{flex:1;min-width:0}.widget .pu-options-row{display:flex;align-items:flex-end;gap:.9375rem;flex-wrap:wrap}.widget .pu-option{display:flex;flex-direction:column;gap:.25rem}.widget .pu-option-checkbox{flex-direction:row;align-items:center;gap:.375rem;padding-bottom:.125rem}.widget .pu-checkbox-label{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--color-text-primary);cursor:pointer;white-space:nowrap}.widget input.pu-checkbox{width:auto;margin:0;padding:0;cursor:pointer;accent-color:var(--accent-default)}.widget select.pu-select{margin:0;padding:.375rem .625rem;border:1px solid var(--color-border);border-radius:var(--rounded-sm);font-size:.78125rem;font-family:var(--md-code-font);color:var(--color-text-primary);background:var(--color-surface-secondary);cursor:pointer;transition:border-color .15s ease}.widget select.pu-select:hover{border-color:var(--color-border-strong)}.widget select.pu-select:focus{outline:none;border-color:var(--accent-default);box-shadow:0 0 0 3px var(--accent-soft)}.widget button.pu-copy-btn{position:relative;flex-shrink:0;min-width:2.1875rem;height:2.1875rem;margin:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--rounded-sm);cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s ease;display:flex;align-items:center;justify-content:center;padding:0 .625rem}.widget button.pu-copy-btn:hover,.widget button.pu-copy-btn.copied{background:var(--accent-default);border-color:var(--accent-default)}.widget button.pu-copy-btn:hover svg,.widget button.pu-copy-btn.copied svg{stroke:var(--accent-on)}.widget button.pu-copy-btn:active{transform:scale(.96)}.widget .pu-copy-icon,.widget .pu-check-icon{white-space:nowrap;font-size:var(--sl-text-xs);color:var(--color-text-primary);transition:color .2s ease}.widget button.pu-copy-btn .pu-check-icon,.widget button.pu-copy-btn.copied .pu-copy-icon{display:none}.widget button.pu-copy-btn.copied .pu-check-icon{display:block}.widget .pu-copy-feedback{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:.625rem;padding:.46875rem .9375rem;background:var(--accent-default);color:var(--accent-on);font-size:.8125rem;white-space:nowrap;border-radius:var(--rounded);display:none;pointer-events:none;box-shadow:0 2px 8px #0000003d}.widget .pu-copy-feedback:after{content:"";position:absolute;top:100%;left:50%;margin-left:-.375rem;border:.46875rem solid transparent;border-top-color:var(--accent-default)}.widget button.pu-copy-btn.copied .pu-copy-feedback{display:block}.widget .pu-tool-error{background:#dc262614;border-left:3px solid var(--error);padding:.46875rem .625rem;margin-top:.3125rem;font-size:.75rem;border-radius:var(--rounded-sm);color:var(--error);display:none;line-height:1.4}.widget .pu-tool-error.show{display:block}@media(max-width:640px){.widget .pu-tool-card{padding:.78125rem}.widget h3.pu-tool-title{font-size:.875rem}.widget input.pu-input-sm{width:5rem}.widget .pu-options-row{gap:.625rem}}