.field{margin-bottom:var(--field-gap)}.field:last-child{margin-bottom:0}.field-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin-bottom:7px;font-size:10.5px;font-weight:500;display:block}.field-hint{color:var(--ink-3);margin:7px 0 0;font-size:12px;line-height:1.5}.field-error{color:#c0392b;margin:7px 0 0;font-size:12px;font-weight:500;line-height:1.5}.input,.textarea,.select{width:100%;font-family:var(--font-body);color:var(--ink);background-color:var(--field-bg);border:1px solid var(--field-border);border-radius:var(--field-radius);transition:background .18s var(--ease), border-color .18s var(--ease), box-shadow .18s var(--ease);padding:13px 15px;font-size:16px;line-height:1.45;display:block;box-shadow:inset 0 1px 2px #0000000d}.input::placeholder,.textarea::placeholder{color:var(--ink-3)}.textarea{resize:vertical;min-height:96px}.input:focus,.textarea:focus,.select:focus{background-color:var(--field-bg-focus);border-color:var(--accent-bold);box-shadow:0 0 0 4px var(--ring);outline:none}.input.is-error,.textarea.is-error,.select.is-error{box-shadow:0 0 0 4px var(--ring-err);border-color:#c0392b}.input:disabled,.textarea:disabled,.select:disabled{color:var(--ink-3);background-color:color-mix(in oklab, var(--field-bg) 60%, var(--bg));box-shadow:none;cursor:not-allowed}.input[readonly],.textarea[readonly]{color:var(--ink-2);cursor:default}.input[readonly]:focus,.textarea[readonly]:focus{border-color:var(--accent-bold)}.input.is-mono,.textarea.is-mono{font-family:var(--font-mono);letter-spacing:-.01em;font-size:14px}.input-sm{border-radius:10px;padding:9px 12px;font-size:14px}.select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none' stroke='%238c939b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5l4 4 4-4'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}.select.input-sm{background-position:right 11px center;padding-right:34px}[data-mode=dark] .select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none' stroke='%23a4abb4' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5l4 4 4-4'/%3E%3C/svg%3E")}.checkbox,.radio{font-family:var(--font-body);color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;font-size:15px;display:inline-flex}.checkbox-input,.radio-input{opacity:0;width:0;height:0;position:absolute}.checkbox-box,.radio-box{background:var(--field-bg);border:1px solid var(--line);width:20px;height:20px;transition:background .14s var(--ease), border-color .14s var(--ease), box-shadow .14s var(--ease);flex-shrink:0;position:relative;box-shadow:inset 0 1px 2px #0000000d}.checkbox-box{border-radius:6px}.radio-box{border-radius:50%}.checkbox-box:after{content:"";border:solid var(--on-accent);width:5px;height:10px;transition:transform .14s var(--ease);border-width:0 2px 2px 0;position:absolute;top:2px;left:6px;transform:rotate(45deg)scale(0)}.radio-box:after{content:"";background:var(--on-accent);width:8px;height:8px;transition:transform .14s var(--ease);border-radius:50%;margin:auto;position:absolute;inset:0;transform:scale(0)}.checkbox-input:checked+.checkbox-box,.radio-input:checked+.radio-box{background:var(--accent-bold);border-color:var(--accent-bold);box-shadow:none}.checkbox-input:checked+.checkbox-box:after,.radio-input:checked+.radio-box:after{transform:rotate(45deg)scale(1)}.radio-input:checked+.radio-box:after{transform:scale(1)}.checkbox-input:focus-visible+.checkbox-box,.radio-input:focus-visible+.radio-box{border-color:var(--accent-bold);box-shadow:0 0 0 4px var(--ring)}.checkbox-input:disabled+.checkbox-box,.radio-input:disabled+.radio-box{opacity:.5}:is(.checkbox:has(.checkbox-input:disabled),.radio:has(.radio-input:disabled)){color:var(--ink-3);cursor:not-allowed}.switch{font-family:var(--font-body);color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:15px;display:inline-flex}.switch-input{opacity:0;width:0;height:0;position:absolute}.switch-track{background:var(--ink-3);width:38px;height:22px;transition:background .16s var(--ease), box-shadow .16s var(--ease);border-radius:999px;flex-shrink:0;position:relative}.switch-track:after{content:"";width:16px;height:16px;transition:transform .16s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.switch-input:checked+.switch-track{background:var(--accent-bold)}.switch-input:checked+.switch-track:after{transform:translate(16px)}.switch-input:focus-visible+.switch-track{box-shadow:0 0 0 4px var(--ring)}.switch-input:disabled+.switch-track{opacity:.5}.switch:has(.switch-input:disabled){color:var(--ink-3);cursor:not-allowed}.input-group{align-items:stretch;gap:10px;display:flex}.input-group>.input,.input-group>.select{flex:auto;min-width:0}.input-affix{font-family:var(--font-mono);color:var(--ink-3);background:var(--field-bg);border-radius:var(--field-radius);flex-shrink:0;align-items:center;padding:0 14px;font-size:13px;display:inline-flex}.ui-copyfield .input{flex:auto;min-width:0}[data-mode=dark] .input,[data-mode=dark] .textarea,[data-mode=dark] .select,[data-mode=dark] .checkbox-box,[data-mode=dark] .radio-box{box-shadow:inset 0 1px 1px #00000059}[data-mode=dark] .input:focus,[data-mode=dark] .textarea:focus,[data-mode=dark] .select:focus{box-shadow:0 0 0 4px var(--ring)}[data-mode=dark] .input.is-error,[data-mode=dark] .textarea.is-error,[data-mode=dark] .select.is-error{box-shadow:0 0 0 4px var(--ring-err)}[data-mode=dark] .checkbox-input:checked+.checkbox-box,[data-mode=dark] .radio-input:checked+.radio-box{box-shadow:none}[data-mode=dark] .checkbox-input:focus-visible+.checkbox-box,[data-mode=dark] .radio-input:focus-visible+.radio-box{box-shadow:0 0 0 4px var(--ring)}.combobox{position:relative}.combobox-list{z-index:50;background:var(--card);border:1px solid var(--line);border-radius:var(--field-radius);max-height:220px;margin:0;padding:6px 0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.combobox-option{text-align:left;width:100%;font-family:var(--font-body);color:var(--ink);cursor:pointer;transition:background .12s var(--ease);background:0 0;border:none;padding:8px 14px;font-size:15px;display:block}.combobox-option:hover,.combobox-option:focus,.combobox-option.is-active{background:var(--field-bg-focus);outline:none}.combobox-mono .combobox-input,.combobox-mono .combobox-option{font-family:var(--font-mono);letter-spacing:-.01em;font-size:14px}@media (prefers-reduced-motion:reduce){.input,.textarea,.select,.checkbox-box,.radio-box,.checkbox-box:after,.radio-box:after,.switch-track,.switch-track:after{transition:none}}
