.zsu-container{--zsu-color-primary:#2563eb;--zsu-color-primary-dark:#1d4ed8;--zsu-color-accent:#0f172a;--zsu-color-bg:#ffffff;--zsu-color-bg-subtle:#f8fafc;--zsu-color-border:#e2e8f0;--zsu-color-border-strong:#cbd5e1;--zsu-color-text:#0f172a;--zsu-color-text-secondary:#64748b;--zsu-color-error:#dc2626;--zsu-color-error-bg:#fef2f2;--zsu-radius:10px;--zsu-radius-sm:6px;--zsu-space-1:4px;--zsu-space-2:8px;--zsu-space-3:12px;--zsu-space-4:16px;--zsu-space-5:24px;--zsu-space-6:32px;box-sizing:border-box;margin:0 auto;padding:var(--zsu-space-6);background:var(--zsu-color-bg);border:1px solid var(--zsu-color-border);border-radius:var(--zsu-radius);color:var(--zsu-color-text);font-size:16px;line-height:1.5}.zsu-container *,.zsu-container *::before,.zsu-container *::after{box-sizing:border-box}.zsu-header{margin-bottom:var(--zsu-space-5);padding-bottom:var(--zsu-space-4);border-bottom:1px solid var(--zsu-color-border)}.zsu-title{margin:0 0 var(--zsu-space-2) 0;font-size:1.375em;font-weight:700;color:var(--zsu-color-accent);line-height:1.3}.zsu-subtitle{margin:0;font-size:.9375em;color:var(--zsu-color-text-secondary)}.zsu-form{display:grid;grid-template-columns:1fr 1fr;gap:var(--zsu-space-5) var(--zsu-space-4);margin:0}.zsu-field{display:flex;flex-direction:column;gap:var(--zsu-space-2);min-width:0}.zsu-label{font-size:.875em;font-weight:600;color:var(--zsu-color-text);letter-spacing:.01em}.zsu-input{width:100%;padding:var(--zsu-space-3) var(--zsu-space-4);font-size:1.0625em;font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;letter-spacing:.02em;color:var(--zsu-color-text);background:var(--zsu-color-bg-subtle);border:1.5px solid var(--zsu-color-border-strong);border-radius:var(--zsu-radius-sm);transition:border-color 0.15s ease,box-shadow 0.15s ease,background-color 0.15s ease}.zsu-input::placeholder{color:var(--zsu-color-text-secondary);opacity:.7}.zsu-input:hover{border-color:var(--zsu-color-primary)}.zsu-input:focus{outline:none;border-color:var(--zsu-color-primary);background:var(--zsu-color-bg);box-shadow:0 0 0 3px rgba(37,99,235,.18)}.zsu-input:focus-visible{outline:2px solid var(--zsu-color-primary);outline-offset:1px}.zsu-field.zsu-field-invalid .zsu-input{border-color:var(--zsu-color-error);background:var(--zsu-color-error-bg)}.zsu-field.zsu-field-invalid .zsu-input:focus{box-shadow:0 0 0 3px rgba(220,38,38,.16)}.zsu-field.zsu-field-active .zsu-input{border-color:var(--zsu-color-primary-dark);background:var(--zsu-color-bg);font-weight:600}.zsu-error{min-height:1.2em;font-size:.8125em;color:var(--zsu-color-error);line-height:1.4}.zsu-error:empty{display:block}.zsu-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;margin-top:var(--zsu-space-2);padding-top:var(--zsu-space-4);border-top:1px solid var(--zsu-color-border)}.zsu-btn{appearance:none;cursor:pointer;font-size:.9375em;font-weight:600;padding:var(--zsu-space-3) var(--zsu-space-5);border-radius:var(--zsu-radius-sm);border:1.5px solid var(--zsu-color-border-strong);background:var(--zsu-color-bg);color:var(--zsu-color-text);transition:background-color 0.15s ease,border-color 0.15s ease,color 0.15s ease}.zsu-btn:hover{border-color:var(--zsu-color-primary);color:var(--zsu-color-primary-dark)}.zsu-btn:focus-visible{outline:2px solid var(--zsu-color-primary);outline-offset:2px}.zsu-btn:active{background:var(--zsu-color-bg-subtle)}.zsu-status{margin:var(--zsu-space-4) 0 0 0;min-height:1em;font-size:.8125em;color:var(--zsu-color-text-secondary);text-align:right}@media (max-width:640px){.zsu-container{padding:var(--zsu-space-4);border-radius:var(--zsu-radius-sm)}.zsu-form{grid-template-columns:1fr;gap:var(--zsu-space-4)}.zsu-actions{justify-content:stretch}.zsu-btn{width:100%;text-align:center}.zsu-title{font-size:1.25em}}@media (prefers-reduced-motion:reduce){.zsu-container .zsu-input,.zsu-container .zsu-btn{transition:none}}