.echo-field{--ctl-h:var(--echo-control-default);--ctl-font:var(--echo-text-md);--ctl-px:var(--echo-space-8);--ctl-radius:var(--echo-radius-xl);display:flex;flex-direction:column;gap:var(--echo-space-4)}.echo-field[data-size=sm]{--ctl-h:var(--echo-control-compact);--ctl-font:var(--echo-text-sm);--ctl-px:var(--echo-space-6);--ctl-radius:var(--echo-radius-lg)}.echo-field[data-size=lg]{--ctl-h:var(--echo-control-large);--ctl-font:var(--echo-text-lg);--ctl-px:var(--echo-space-9);--ctl-radius:var(--echo-radius-2xl)}.echo-field__label{overflow-wrap:anywhere;font-family:var(--echo-font-machine,ui-sans-serif,system-ui,sans-serif);font-size:var(--echo-text-3xs);font-weight:var(--echo-weight-bold,700);letter-spacing:var(--echo-tracking-label,.2em);text-transform:uppercase;color:var(--echo-text-dim);transition:color var(--echo-duration-swap) var(--echo-ease-swap)}.echo-field:focus-within .echo-field__label{color:var(--echo-text)}.echo-field__well{padding:0 var(--ctl-px);border-radius:var(--ctl-radius);background:var(--echo-drawn-hollow,linear-gradient(160deg,color-mix(in oklab,var(--echo-well) 72%,var(--echo-shade-ink,black)),color-mix(in oklab,var(--echo-lcd) 88%,var(--echo-shade-ink,black))));box-shadow:var(
    --echo-shadow-well,inset 0 2px 5px color-mix(in oklab,var(--echo-cast-ink,black) calc(.6 * var(--echo-shade, 1) * 100%),transparent),inset 0 -1px 0 rgb(255 255 255/calc(.05 * var(--echo-gloss, 1))),inset 0 0 0 var(--echo-line-width,0) var(--echo-line,transparent)
  );transition:box-shadow var(--echo-duration-swap) ease;position:relative;isolation:isolate}.echo-field__well[data-adorned]{display:flex;align-items:center;gap:var(--echo-space-4)}.echo-field__well[data-adorned] .echo-field__input{flex:1 1;min-width:0}.echo-field__adornment{position:relative;z-index:var(--echo-z-raised,1);display:inline-flex;align-items:center;flex:none;gap:var(--echo-space-3);font-family:var(--echo-font-mono,ui-monospace,SFMono-Regular,Menlo,monospace);font-size:var(--ctl-font);color:var(--echo-text-dim);text-shadow:0 1px 0 rgb(255 255 255/calc(.05 * var(--echo-gloss, 1)))}.echo-field__adornment>svg{width:var(--echo-icon-md,16px);height:var(--echo-icon-md,16px)}.echo-field__adornment[data-side=end]:has(.echo-hw){margin-inline-end:calc(var(--echo-space-3) - var(--ctl-px))}.echo-field__floor{position:absolute;inset:0;z-index:var(--echo-z-base,0);border-radius:inherit;pointer-events:none;box-shadow:inset 0 calc(1px + 3px * var(--well-depth, 0)) calc(3px + 8px * var(--well-depth, 0)) color-mix(in oklab,var(--echo-cast-ink,black) calc(.3 * var(--echo-shade, 1) * 100%),transparent),inset 0 0 0 var(--echo-line-width,0) var(--echo-line,transparent);opacity:min(1,var(--well-depth,0))}.echo-field__caret{position:absolute;top:0;inset-inline-start:0;z-index:var(--echo-z-top,2);width:2px;border-radius:var(--echo-radius-full);background:var(--echo-accent-glow);box-shadow:0 0 6px color-mix(in oklch,var(--echo-accent-glow) 70%,transparent);pointer-events:none;opacity:0;display:none}.echo-field__well[data-caret=drawn] .echo-field__caret{display:block}.echo-field__well[data-caret=drawn] .echo-field__input{caret-color:transparent}.echo-field__well:focus-within{outline:2px solid transparent;outline-offset:-2px;box-shadow:inset 0 0 0 var(--echo-border-thick,2px) var(--echo-accent-ink,var(--echo-accent-glow)),inset 0 2px 5px color-mix(in oklab,var(--echo-cast-ink,black) calc(.7 * var(--echo-shade, 1) * 100%),transparent)}.echo-field__input{position:relative;z-index:var(--echo-z-raised,1);box-sizing:border-box;width:100%;height:var(--ctl-h);padding-block:0;border:0;outline:none;background:transparent;color:var(--echo-text);caret-color:var(--echo-accent-glow);font-family:var(--echo-font-machine,ui-sans-serif,system-ui,sans-serif);font-size:var(--ctl-font)}.echo-field__input--mono{font-family:var(--echo-font-mono,ui-monospace,SFMono-Regular,Menlo,monospace);font-size:var(--ctl-font)}.echo-field__input::placeholder{color:var(--echo-text-dim)}.echo-field[data-disabled]{opacity:.45}.echo-field[data-disabled] .echo-field__input{cursor:not-allowed}.echo-field__description,.echo-field__error{margin:0;font-size:var(--echo-text-xs);line-height:var(--echo-leading-snug,1.4);overflow-wrap:anywhere}.echo-field__description{color:var(--echo-text-dim)}.echo-field__error{display:flex;gap:var(--echo-space-3);align-items:baseline;color:var(--echo-text)}.echo-field__error:before{content:"";flex-shrink:0;width:8px;height:8px;border-radius:var(--echo-radius-xs);background:var(--echo-primary-cap-mid);box-shadow:var(--echo-shadow-edge,inset 0 1px 0 rgb(255 255 255/calc(.4 * var(--echo-gloss, 1))))}.echo-field[data-invalid] .echo-field__well{box-shadow:inset 0 2px 5px color-mix(in oklab,var(--echo-cast-ink,black) calc(.6 * var(--echo-shade, 1) * 100%),transparent),inset 0 0 0 1.5px color-mix(in oklch,var(--echo-primary-cap-mid) 80%,transparent),inset 0 0 0 var(--echo-line-width,0) var(--echo-line,transparent)}@media (forced-colors:active){.echo-field__error:before{forced-color-adjust:none;background:CanvasText}.echo-field__well{border:var(--echo-border-hairline,1px) solid CanvasText}.echo-field__caret,.echo-field__well[data-caret=drawn] .echo-field__caret{display:none}.echo-field__well[data-caret=drawn] .echo-field__input{caret-color:auto}}