.idi-root{--idi-surface:#fffffff2;--idi-surface-strong:#fffffffc;--idi-surface-subtle:#f4f6f8f5;--idi-toolbar:#f8f9fbeb;--idi-dropzone-background:linear-gradient(180deg, var(--idi-surface-strong), #f5f7f9fa);--idi-drag-background:linear-gradient(180deg, #fffffffe, #f4f7fcfa);--idi-placeholder-surface:linear-gradient(180deg, #fafafbf5, #f0f2f5f5);--idi-overlay-background:linear-gradient(180deg, #0a0f1a03, #0a0f1a0f);--idi-line:#0f172a14;--idi-line-strong:#0f172a24;--idi-shadow:0 10px 26px #0f172a0b;--idi-shadow-hover:0 16px 32px #0f172a0e;--idi-shadow-float:0 8px 20px #0f172a11;--idi-dialog-shadow:0 24px 52px #0f172a29;--idi-text:#162033;--idi-muted:#1620339e;--idi-accent:#2f6fed;--idi-accent-soft:#2f6fed14;--idi-danger:#a33f3f;--idi-ease:.18s cubic-bezier(.22, 1, .36, 1);--idi-focus-ring:#2f6fed24;--idi-drag-line:#2f6fed38;--idi-drag-shadow:0 0 0 1px #2f6fed0a, 0 16px 32px #2f6fed14, inset 0 1px 0 #ffffffd1;--idi-placeholder-border:#11182714;--idi-icon-hover:#0f172a0f;--idi-icon-active:#0f172a17;--idi-error-surface:#fff6f5f5;--idi-error-border:#a33f3f29;--idi-footer-button-surface:#ffffffe0;--idi-footer-button-surface-hover:#fffffff5;--idi-footer-button-surface-active:#ffffffd1;--idi-danger-focus-ring:#a33f3f1f;--idi-progress-track:#0f172a14;--idi-dialog-backdrop:#0c121c61;--idi-dialog-surface:#fcfcfdfa;--idi-dialog-border:#ffffff6b;--idi-control-size:2.75rem;color:var(--idi-text);--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;inline-size:100%;position:relative;container-type:inline-size}@media (prefers-color-scheme:dark){.idi-root{--lightningcss-light: ;--lightningcss-dark:initial}}.idi-input{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;position:absolute;inset:0;overflow:hidden}.idi-dropzone{background:var(--idi-dropzone-background);border:1px solid var(--idi-line);box-shadow:var(--idi-shadow), inset 0 1px 0 #ffffffc2;cursor:pointer;min-block-size:18rem;transition:border-color var(--idi-ease), box-shadow var(--idi-ease), background var(--idi-ease);border-radius:24px;align-items:stretch;padding:.875rem;display:grid;position:relative;overflow:hidden}.idi-dropzone:hover{border-color:var(--idi-line-strong);box-shadow:var(--idi-shadow-hover), inset 0 1px 0 #fffc}.idi-dropzone:focus-visible{border-color:color-mix(in srgb, var(--idi-accent) 65%, var(--idi-surface-strong));box-shadow:0 0 0 4px var(--idi-focus-ring), var(--idi-shadow-hover), inset 0 1px 0 #ffffffd1;outline:none}.idi-dropzone[data-dragging=true]{background:var(--idi-drag-background);border-color:var(--idi-drag-line);box-shadow:var(--idi-drag-shadow)}.idi-dropzone[data-disabled=true]{cursor:not-allowed;opacity:.72}.idi-dropzone[data-has-image=true]{cursor:default}.idi-dropzone[data-has-image=true]:hover{border-color:var(--idi-line);box-shadow:var(--idi-shadow), inset 0 1px 0 #ffffffc2}.idi-dropzone[data-disabled=true][data-has-image=true]{cursor:not-allowed}.idi-dropzone[data-disabled=true]:hover{border-color:var(--idi-line);box-shadow:var(--idi-shadow), inset 0 1px 0 #ffffffc2}.idi-preview,.idi-image{block-size:100%;inline-size:100%}.idi-preview{min-block-size:0;margin:0;position:relative}.idi-image{object-fit:cover;-webkit-user-select:none;user-select:none;border-radius:18px;display:block}.idi-overlay{background:var(--idi-overlay-background);pointer-events:none;border-radius:18px;position:absolute;inset:0}.idi-placeholder{text-align:center;align-content:center;justify-items:center;gap:.7rem;min-block-size:100%;padding:2.25rem 1.75rem;display:grid}.idi-placeholderIcon{background:var(--idi-placeholder-surface);border:1px solid var(--idi-placeholder-border);color:color-mix(in srgb, var(--idi-accent) 84%, var(--idi-text));border-radius:999px;justify-content:center;align-items:center;min-block-size:3.25rem;min-inline-size:3.25rem;display:inline-flex;box-shadow:inset 0 1px #ffffffc7}.idi-placeholderTitle{letter-spacing:0;font-size:1.02rem;font-weight:600;line-height:1.3}.idi-placeholderCopy{color:var(--idi-muted);max-inline-size:18rem;font-size:.9rem;line-height:1.55}.idi-actions{background:var(--idi-toolbar);border:1px solid var(--idi-line);box-shadow:var(--idi-shadow-float);border-radius:999px;gap:.125rem;padding:.22rem;display:flex;position:absolute;top:1rem;right:1rem}.idi-actions:empty{display:none}.idi-iconButton{color:var(--idi-text);cursor:pointer;min-block-size:var(--idi-control-size);min-inline-size:var(--idi-control-size);transition:background var(--idi-ease), box-shadow var(--idi-ease), color var(--idi-ease);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.idi-iconButton:hover{background:var(--idi-icon-hover)}.idi-iconButton:focus-visible{box-shadow:0 0 0 4px var(--idi-focus-ring);outline:none}.idi-iconButton:active{background:var(--idi-icon-active)}.idi-iconButton:disabled{cursor:not-allowed;opacity:.56}.idi-iconButton:disabled:hover{background:0 0}.idi-footer{align-self:end;gap:.45rem;display:grid;position:absolute;inset-block-end:.875rem;inset-inline:.875rem}.idi-status{background:var(--idi-toolbar);border:1px solid var(--idi-line);color:var(--idi-text);box-shadow:var(--idi-shadow-float);overflow-wrap:anywhere;border-radius:999px;justify-self:start;max-inline-size:min(100%,26rem);padding:.42rem .74rem;font-size:.83rem;line-height:1.35}.idi-errorSurface{background:var(--idi-error-surface);border:1px solid var(--idi-error-border);box-shadow:var(--idi-shadow-float);color:var(--idi-danger);overflow-wrap:anywhere;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.625rem;max-inline-size:min(100%,28rem);padding:.8rem .9rem;display:flex}.idi-footerButton{appearance:none;background:var(--idi-footer-button-surface);border:1px solid var(--idi-error-border);color:inherit;cursor:pointer;font:inherit;min-block-size:var(--idi-control-size);min-inline-size:var(--idi-control-size);transition:background var(--idi-ease), border-color var(--idi-ease), box-shadow var(--idi-ease);border-radius:999px;justify-content:center;align-items:center;padding:0 1rem;font-size:.82rem;font-weight:600;display:inline-flex}.idi-footerButton:hover{background:var(--idi-footer-button-surface-hover);border-color:color-mix(in srgb, var(--idi-danger) 22%, transparent)}.idi-footerButton:focus-visible{box-shadow:0 0 0 4px var(--idi-danger-focus-ring);outline:none}.idi-footerButton:active{background:var(--idi-footer-button-surface-active)}.idi-progress{background:var(--idi-progress-track);border:0;border-radius:999px;block-size:.25rem;overflow:hidden}.idi-progressBar{background:linear-gradient(90deg, var(--idi-accent), color-mix(in srgb, var(--idi-accent) 72%, white));border-radius:inherit;block-size:100%;transition:width var(--idi-ease)}.idi-spinner{animation:.9s linear infinite idi-spin}.idi-dialogOverlay{background:var(--idi-dialog-backdrop);z-index:999;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.idi-dialog{background:var(--idi-dialog-surface);border:1px solid var(--idi-dialog-border);box-shadow:var(--idi-dialog-shadow);border-radius:28px;max-block-size:calc(100vh - 4rem);max-inline-size:min(72rem,100vw - 4rem);padding:.75rem;position:relative;overflow:hidden}.idi-dialogClose{z-index:1;position:absolute;top:1.25rem;right:1.25rem}.idi-dialogImage{object-fit:contain;border-radius:20px;max-block-size:calc(100vh - 5.5rem);max-inline-size:min(72rem,100vw - 5.5rem);display:block}@keyframes idi-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.idi-dropzone,.idi-iconButton,.idi-footerButton,.idi-progressBar,.idi-spinner{transition:none;animation:none}}@media (prefers-color-scheme:dark){.idi-root{--idi-surface:#0e1218f0;--idi-surface-strong:#121820fa;--idi-surface-subtle:#181f29f5;--idi-toolbar:#161c26e6;--idi-dropzone-background:linear-gradient(180deg, var(--idi-surface-strong), #181f29fa);--idi-drag-background:linear-gradient(180deg, #1a222dfc, #141c26fa);--idi-placeholder-surface:linear-gradient(180deg, #191f28fa, #141922f5);--idi-overlay-background:linear-gradient(180deg, #04081014, #04081047);--idi-line:#cbd5e11f;--idi-line-strong:#e2e8f038;--idi-shadow:0 14px 30px #02060c57;--idi-shadow-hover:0 18px 36px #02060c6b;--idi-shadow-float:0 10px 24px #02060c66;--idi-dialog-shadow:0 28px 60px #0000007a;--idi-text:#edf3ff;--idi-muted:#e2e8f0b8;--idi-accent:#7eb4ff;--idi-accent-soft:#7eb4ff24;--idi-danger:#ffb4ab;--idi-focus-ring:#7eb4ff38;--idi-drag-line:#7eb4ff57;--idi-drag-shadow:0 0 0 1px #7eb4ff1f, 0 18px 34px #04081080, inset 0 1px 0 #ffffff14;--idi-placeholder-border:#e2e8f01f;--idi-icon-hover:#ffffff14;--idi-icon-active:#ffffff24;--idi-error-surface:#441c1cad;--idi-error-border:#ffb4ab42;--idi-footer-button-surface:#ffffff14;--idi-footer-button-surface-hover:#ffffff24;--idi-footer-button-surface-active:#ffffff2e;--idi-danger-focus-ring:#ffb4ab2e;--idi-progress-track:#e2e8f029;--idi-dialog-backdrop:#02060cb8;--idi-dialog-surface:#11161ef5;--idi-dialog-border:#e2e8f01f}.idi-dropzone{box-shadow:var(--idi-shadow), inset 0 1px 0 #ffffff0a}.idi-dropzone:hover,.idi-dropzone[data-has-image=true]:hover,.idi-dropzone[data-disabled=true]:hover{box-shadow:var(--idi-shadow-hover), inset 0 1px 0 #ffffff0d}.idi-dropzone:focus-visible{box-shadow:0 0 0 4px var(--idi-focus-ring), var(--idi-shadow-hover), inset 0 1px 0 #ffffff0f}.idi-placeholderIcon{box-shadow:inset 0 1px #ffffff0f}}@media (prefers-contrast:more){.idi-root{--idi-line:color-mix(in srgb, var(--idi-text) 24%, transparent);--idi-line-strong:color-mix(in srgb, var(--idi-text) 42%, transparent);--idi-shadow:none;--idi-shadow-hover:none;--idi-shadow-float:none;--idi-dialog-shadow:none;--idi-overlay-background:linear-gradient(180deg, #0000, color-mix(in srgb, var(--idi-text) 18%, transparent));--idi-focus-ring:color-mix(in srgb, var(--idi-accent) 34%, transparent);--idi-danger-focus-ring:color-mix(in srgb, var(--idi-danger) 28%, transparent)}.idi-dropzone,.idi-actions,.idi-status,.idi-errorSurface,.idi-dialog{box-shadow:none}.idi-iconButton,.idi-footerButton,.idi-placeholderIcon{border:1px solid var(--idi-line-strong)}.idi-status,.idi-errorSurface{border-width:2px}}@media (prefers-reduced-transparency:reduce){.idi-root{--idi-surface:#fff;--idi-surface-strong:#fff;--idi-surface-subtle:#f4f6f8;--idi-toolbar:#f8f9fb;--idi-dropzone-background:linear-gradient(180deg, var(--idi-surface-strong), var(--idi-surface-subtle));--idi-drag-background:linear-gradient(180deg, #fff, #eef3fb);--idi-placeholder-surface:linear-gradient(180deg, #fafafb, #f0f2f5);--idi-error-surface:#fff6f5;--idi-footer-button-surface:#fff;--idi-footer-button-surface-hover:#fff;--idi-footer-button-surface-active:#f7f7f8;--idi-dialog-backdrop:#0c121cad;--idi-dialog-surface:#fcfcfd}}@media (prefers-color-scheme:dark) and (prefers-reduced-transparency:reduce){.idi-root{--idi-surface:#10161d;--idi-surface-strong:#121922;--idi-surface-subtle:#18212b;--idi-toolbar:#18212b;--idi-dropzone-background:linear-gradient(180deg, var(--idi-surface-strong), var(--idi-surface-subtle));--idi-drag-background:linear-gradient(180deg, #1b2530, #17212b);--idi-placeholder-surface:linear-gradient(180deg, #1c2530, #17202a);--idi-error-surface:#3f1f20;--idi-footer-button-surface:#202a35;--idi-footer-button-surface-hover:#26323f;--idi-footer-button-surface-active:#2a3745;--idi-dialog-backdrop:#02060cd1;--idi-dialog-surface:#131a23}}@media (forced-colors:active){.idi-root{--idi-surface:Canvas;--idi-surface-strong:Canvas;--idi-surface-subtle:Canvas;--idi-toolbar:Canvas;--idi-dropzone-background:Canvas;--idi-drag-background:Canvas;--idi-placeholder-surface:Canvas;--idi-overlay-background:linear-gradient(180deg, transparent, transparent);--idi-line:CanvasText;--idi-line-strong:Highlight;--idi-shadow:none;--idi-shadow-hover:none;--idi-shadow-float:none;--idi-dialog-shadow:none;--idi-text:CanvasText;--idi-muted:CanvasText;--idi-accent:Highlight;--idi-danger:Mark;--idi-focus-ring:Highlight;--idi-drag-line:Highlight;--idi-drag-shadow:none;--idi-placeholder-border:ButtonText;--idi-icon-hover:Highlight;--idi-icon-active:Highlight;--idi-error-surface:Canvas;--idi-error-border:Mark;--idi-footer-button-surface:ButtonFace;--idi-footer-button-surface-hover:ButtonFace;--idi-footer-button-surface-active:ButtonFace;--idi-danger-focus-ring:Highlight;--idi-progress-track:Canvas;--idi-dialog-backdrop:#000000b8;--idi-dialog-surface:Canvas;--idi-dialog-border:ButtonText}.idi-dropzone,.idi-actions,.idi-status,.idi-errorSurface,.idi-footerButton,.idi-dialog,.idi-iconButton{box-shadow:none}.idi-iconButton,.idi-footerButton,.idi-placeholderIcon{border:1px solid buttontext}.idi-dropzone:focus-visible,.idi-iconButton:focus-visible,.idi-footerButton:focus-visible{box-shadow:none;outline-offset:2px;outline:2px solid highlight}.idi-progress{border:1px solid buttontext}.idi-progressBar{background:highlight}}@container (width<=30rem){.idi-dropzone{border-radius:22px;min-block-size:16rem;padding:.75rem}.idi-image,.idi-overlay{border-radius:16px}.idi-actions{top:.75rem;right:.75rem}.idi-footer{inset-block-end:.75rem;inset-inline:.75rem}.idi-status,.idi-errorSurface{max-inline-size:100%}.idi-placeholder{gap:.6rem;padding:1.75rem 1.2rem}.idi-placeholderCopy{max-inline-size:15rem}.idi-dialogOverlay{padding:1rem}.idi-dialog{border-radius:24px;max-inline-size:calc(100vw - 2rem);padding:.625rem}.idi-dialogImage{max-inline-size:calc(100vw - 3.25rem)}}@container (width<=22rem){.idi-root{--idi-control-size:2.5rem}.idi-dropzone{min-block-size:14rem}.idi-actions{gap:.0625rem;padding:.18rem}.idi-placeholderTitle{font-size:.96rem}.idi-placeholderCopy{max-inline-size:12.5rem;font-size:.86rem}.idi-status,.idi-footerButton{font-size:.8rem}}.demo-shell{color:#162033;background:#eef2f4;min-height:100vh}.demo-page{gap:24px;max-width:1160px;margin:0 auto;padding:40px 20px 72px;display:grid}.demo-header{gap:14px;display:grid}.demo-badges{flex-wrap:wrap;gap:8px;display:flex}.demo-badge{color:#162033b8;background:#ffffffe6;border:1px solid #16203314;border-radius:6px;align-items:center;gap:6px;padding:8px 10px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.demo-badgeStrong{color:#0f6f56;background:#108f6c1a;border-color:#108f6c2e}.demo-badgeWarm{color:#a54d36;background:#dc603d1a;border-color:#dc603d2e}.demo-headerTop{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.demo-headerCopy{gap:10px;max-width:48rem;display:grid}.demo-title{letter-spacing:0;text-wrap:balance;max-width:11ch;margin:0;font-size:3.55rem;font-weight:600;line-height:1.02}.demo-body{color:#162033b3;margin:0;font-size:16px;line-height:1.7}.demo-locale{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.demo-localeLabel{color:#16203394;font-size:12px;font-weight:600}.demo-localeButton{appearance:none;color:#162033b8;cursor:pointer;font:inherit;letter-spacing:0;text-transform:uppercase;background:#ffffffe0;border:1px solid #16203314;border-radius:6px;padding:8px 10px;font-size:12px;font-weight:700;line-height:1}.demo-localeButton[data-active=true]{color:#fffffff5;background:#162033;border-color:#162033}.demo-workbench,.demo-ship{background:#ffffffe6;border:1px solid #16203314;border-radius:8px;overflow:hidden}.demo-workbench{grid-template-columns:minmax(0,1.45fr) minmax(320px,.95fr);display:grid}.demo-stage{gap:20px;padding:24px;display:grid}.demo-stageHeader{gap:18px;display:grid}.demo-eyebrow{color:#16203385;letter-spacing:0;text-transform:uppercase;margin:0;font-size:12px;font-weight:700;line-height:1}.demo-stageTitle{letter-spacing:0;margin:0;font-size:28px;font-weight:600;line-height:1.1}.demo-stageDescription{color:#162033b3;max-width:40rem;margin:0;font-size:15px;line-height:1.65}.demo-toolbar{gap:12px;display:grid}.demo-toggleGroup{gap:8px;display:grid}.demo-toggleLabel{color:#1620338a;letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:700;line-height:1}.demo-toggleRow{flex-wrap:wrap;gap:8px;display:flex}.demo-failureRow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.demo-failureButton{appearance:none;color:#162033c7;cursor:pointer;font:inherit;background:#fffffff5;border:1px solid #1620331a;border-radius:6px;padding:10px 12px;font-size:13px;font-weight:700;line-height:1}.demo-failureButton[data-active=true]{color:#8e3029;background:#ae362c1a;border-color:#ae362c3d}.demo-failureHint{color:#16203394;font-size:13px;line-height:1.5}.demo-toggleButton{appearance:none;color:#162033b8;cursor:pointer;text-align:left;background:#f2f5f7f5;border:1px solid #16203314;border-radius:8px;gap:2px;min-width:10.5rem;padding:12px 14px;display:grid}.demo-toggleButton[data-active=true]{color:#fffffff5;background:#162033f5;border-color:#162033f5}.demo-toggleTitle{letter-spacing:0;font-size:14px;font-weight:600;line-height:1.2}.demo-toggleCopy{opacity:.74;font-size:12px;line-height:1.45}.demo-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;display:grid}.demo-metric{background:#f2f5f7eb;padding:12px 14px}.demo-metric dt{color:#16203385;letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700;line-height:1}.demo-metric dd{letter-spacing:0;margin:0;font-size:14px;font-weight:600;line-height:1.4}.demo-canvas{gap:12px;display:grid}.demo-canvasHint{color:#1620339e;margin:0;font-size:13px;line-height:1.6}.demo-inspector{border-left:1px solid #16203314;display:grid}.demo-panel{gap:12px;padding:20px;display:grid}.demo-panel+.demo-panel{border-top:1px solid #16203314}.demo-panelTitle{letter-spacing:0;margin:0;font-size:16px;font-weight:600;line-height:1.3}.demo-panelBody{color:#162033a8;margin:0;font-size:13px;line-height:1.6}.demo-code,.demo-json{color:#162033d6;background:#f3f6f8fa;border:1px solid #16203314;border-radius:6px;margin:0;padding:14px;font-family:SF Mono,Menlo,Monaco,monospace;font-size:12px;line-height:1.65;overflow-x:auto}.demo-code{white-space:pre}.demo-json{white-space:pre-wrap;word-break:break-word}.demo-proof,.demo-recipes,.demo-headless{gap:18px;display:grid}.demo-sectionHeader{gap:9px;max-width:48rem;display:grid}.demo-sectionTitle{letter-spacing:0;margin:0;font-size:26px;font-weight:600;line-height:1.15}.demo-sectionBody{color:#162033ad;margin:0;font-size:15px;line-height:1.65}.demo-proofGrid,.demo-recipeGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.demo-proofCard,.demo-recipeCard{background:#ffffffe6;border:1px solid #16203314;border-radius:8px}.demo-proofCard{gap:8px;padding:18px;display:grid}.demo-proofCard h3,.demo-recipeCard h3{letter-spacing:0;margin:0;font-size:16px;font-weight:600;line-height:1.3}.demo-proofCard p,.demo-recipeCard p{color:#162033a8;margin:0;font-size:13px;line-height:1.6}.demo-recipeCard{gap:12px;min-width:0;padding:16px;display:grid}.demo-headlessGrid{grid-template-columns:minmax(0,1fr) minmax(300px,.75fr);align-items:start;gap:16px;display:grid}.demo-headlessSurface{aspect-ratio:1;cursor:pointer;background:linear-gradient(#fffffffa,#f2f5f7f5);border:1px dashed #16203333;border-radius:8px;place-items:center;max-width:24rem;min-height:15rem;padding:18px;display:grid;overflow:hidden}.demo-headlessSurface[data-dragging=true]{background:#15866a14;border-color:#15866a61}.demo-headlessImage{object-fit:cover;border-radius:8px;width:100%;height:100%;display:block}.demo-headlessPlaceholder{color:#16203394;font-size:14px;font-weight:700;line-height:1.4}.demo-headlessControls{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.demo-headlessControls button{appearance:none;color:#162033c7;cursor:pointer;font:inherit;background:#fffffff5;border:1px solid #1620331a;border-radius:6px;padding:10px 12px;font-size:13px;font-weight:700;line-height:1}.demo-headlessControls button:disabled{cursor:not-allowed;opacity:.45}.demo-headlessControls span{color:#1620339e;font-size:13px;line-height:1.5}.demo-ship{gap:0;display:grid}.demo-shipHeader{gap:10px;padding:22px 24px 18px;display:grid}.demo-shipTitle{letter-spacing:0;margin:0;font-size:24px;font-weight:600;line-height:1.15}.demo-shipBody{color:#162033ad;max-width:44rem;margin:0;font-size:15px;line-height:1.65}.demo-stepList{margin:0;padding:0;list-style:none}.demo-step{grid-template-columns:minmax(0,180px) minmax(0,1fr);align-items:center;column-gap:16px;padding:16px 24px;display:grid}.demo-step+.demo-step{border-top:1px solid #16203314}.demo-stepLabel{color:#162033b8;letter-spacing:0;text-transform:uppercase;font-size:13px;font-weight:700;line-height:1.3}.demo-command{color:#162033db;overflow-wrap:anywhere;background:#f3f6f8f5;border:1px solid #16203314;border-radius:6px;padding:10px 12px;font-family:SF Mono,Menlo,Monaco,monospace;font-size:13px;line-height:1.45;display:inline-flex}.demo-stepCopy{color:#16203399;margin-top:8px;font-size:13px;line-height:1.6}.demo-idiDropzone,.demo-idiPreview,.demo-idiImage,.demo-idiOverlay,.demo-idiError,.demo-idiDialog,.demo-idiDialogImage{border-radius:8px}.demo-idiActions{border-radius:8px;top:.75rem;right:.75rem}.demo-idiIconButton,.demo-idiStatus,.demo-idiFooterButton{border-radius:6px}.demo-idiFooter{inset-block-end:.75rem;inset-inline:.75rem}@media (width<=960px){.demo-workbench,.demo-headlessGrid,.demo-proofGrid,.demo-recipeGrid{grid-template-columns:minmax(0,1fr)}.demo-inspector{border-top:1px solid #16203314;border-left:0}}@media (width<=720px){.demo-page{padding-inline:16px}.demo-headerTop{flex-direction:column}.demo-title{font-size:2.35rem}.demo-stage,.demo-panel,.demo-shipHeader,.demo-step{padding-inline:18px}.demo-step{grid-template-columns:minmax(0,1fr);gap:10px}.demo-metrics{grid-template-columns:minmax(0,1fr)}}