.system-workbench,.system-overlay{--input-surface:#fff;--input-border:#d9d9d9;--input-border-hover:#b8b8b8;--input-focus:var(--muted-foreground);--input-success:var(--peec-green-text);--input-placeholder:#6b6b6b;--input-unavailable-text:#666}.dark .system-workbench,.dark .system-overlay{--input-surface:var(--peec-field);--input-border:var(--input);--input-border-hover:#737373;--input-success:var(--peec-green);--input-placeholder:var(--muted-foreground);--input-unavailable-text:var(--muted-foreground)}.system-input{gap:var(--space-4);min-width:0}.system-input-frame{background:var(--input-surface);border:1px solid var(--input-border);border-radius:var(--button-radius);height:28px;box-shadow:none;transition:border-color .12s ease-out,background-color .12s ease-out;overflow:visible}@media (hover:hover){.system-input-frame:where(:not(.system-input-disabled,.system-input-readonly,[data-state=error])):hover{border-color:var(--input-border-hover)}}.system-input-frame:has(.system-input-control:focus){outline:2px solid var(--input-focus);outline-offset:-1px;border-color:var(--input-focus);box-shadow:none}.system-input-frame[data-state=error]{border-color:var(--destructive);box-shadow:none}.system-input-frame[data-state=error]:has(.system-input-control:focus){outline-color:var(--destructive)}.system-input-control{min-width:0;padding-inline:var(--space-12);font-family:var(--font-sans);font-size:var(--type-body-size);font-weight:400;line-height:var(--type-body-leading);color:var(--foreground);caret-color:var(--foreground);border-radius:inherit;background:0 0}.system-input-control:focus-visible{box-shadow:none;outline:none}.system-input-control::placeholder{color:var(--input-placeholder);opacity:1}.system-input-control.pl-10{padding-left:28px}.system-input-control.pr-10{padding-right:32px}.system-input-leading{left:var(--space-8)}.system-input-trailing{right:var(--space-4)}.system-input-trailing .system-input-action{border-radius:var(--button-radius);width:24px;height:24px;padding:0}.system-input-action:focus-visible{outline-offset:-3px}.system-input-success{right:var(--space-8);width:16px;height:16px;color:var(--input-success)}.system-input-success path{stroke-width:1.5px}.system-input-compact .system-input-frame{height:24px}.system-input-compact .system-input-control{padding-inline:var(--space-8);font-size:var(--type-label-size);line-height:var(--type-label-leading)}.system-input-compact .system-input-control.pl-10{padding-left:28px}.system-input-compact .system-input-control.pr-10{padding-right:28px}.system-input-compact .system-input-trailing .system-input-action{width:24px;height:24px}.system-input-disabled{cursor:not-allowed;background:var(--accent);border-color:var(--border);opacity:1}.system-input-disabled .system-input-control{color:var(--input-unavailable-text);cursor:not-allowed}.system-input-readonly{background:0 0;border-color:#0000}.input-system-group+.input-system-group{margin-top:var(--space-32)}.input-system-group h3{margin-bottom:var(--space-16);font-size:var(--type-body-size);font-weight:500;line-height:var(--type-body-leading)}.input-system-grid{gap:var(--space-24);grid-template-columns:repeat(2,minmax(0,1fr));max-width:880px;display:grid}.input-system [data-slot=field]{gap:var(--space-4)}.input-system [data-slot=field]>label,.system-input-label{font-size:var(--type-label-size);font-weight:500;line-height:var(--type-label-leading);padding:0}.input-system [data-slot=field]>span,.system-input-error{font-size:var(--type-label-size);line-height:var(--type-label-leading);padding:0}.input-system [data-slot=field]>span:not(.text-destructive),.input-system [data-slot=field].input-system-disabled-field>label{color:var(--muted-foreground)}.input-system-alignment{gap:var(--space-8);align-items:center;display:flex}.input-system-alignment .system-input{flex:1}.input-system-form{gap:var(--space-16);flex-direction:column;align-items:flex-start;max-width:428px;display:flex}.input-system-form [data-slot=field]{width:100%;min-height:68px}.input-system-status{min-height:16px;font-size:var(--type-label-size);line-height:var(--type-label-leading);color:var(--muted-foreground)}@media (max-width:600px){.input-system-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.system-input-frame{transition:none}}