:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#090b12;color:#f4f7fb;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#2a395a33,#090b1200 32rem),#090b12}button,a{font:inherit}a{color:inherit;text-decoration:none}.app-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,4vw,2.5rem);border-bottom:1px solid rgba(148,163,184,.16);background:#090b12db;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:.75rem}.brand-mark{display:grid;width:2.25rem;height:2.25rem;place-items:center;border:1px solid rgba(125,146,255,.48);border-radius:.75rem;background:linear-gradient(135deg,#3c82f6,#8066ff);box-shadow:0 0 22px #4c77ff47;font-weight:800}.brand strong,.brand small{display:block}.brand strong{font-size:1rem}.brand small{margin-top:.1rem;color:#98a4b8;font-size:.78rem}.header-pill,.status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:1.75rem;padding:.25rem .65rem;border:1px solid rgba(148,163,184,.2);border-radius:999px;background:#171c2ae6;color:#dbe6ff;font-size:.78rem;font-weight:700;text-transform:uppercase}.status-badge--created,.status-badge--online{border-color:#4db4ff6b;background:#196fcc2e;color:#9bdcff}.status-badge--completed{border-color:#42d39266;background:#26a06f29;color:#94f0c0}.status-badge--expired,.status-badge--cancelled,.status-badge--failed,.status-badge--offline{border-color:#ff74745c;background:#af363626;color:#ffb6b6}.status-badge--checking{color:#c8d2e7}.page{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:clamp(2rem,5vw,4rem) 0}.page--centered{display:grid;min-height:calc(100vh - 4.75rem);place-items:center}.home-page{min-height:calc(100vh - 4.75rem);display:grid;align-items:center}.docs-page{width:min(1240px,calc(100% - 2rem))}.home-hero{display:grid;grid-template-columns:minmax(0,1fr) 18rem;gap:2rem;align-items:end}.docs-hero{display:grid;grid-template-columns:minmax(0,1fr) 20rem;gap:2rem;align-items:end;padding:clamp(2rem,6vw,4.5rem) 0 3rem}.hero-content h1{margin:.45rem 0 0;font-size:clamp(3rem,9vw,7rem);line-height:.88;letter-spacing:0}.hero-secondary{max-width:760px;margin:.85rem 0 0;color:#94a3b8;font-size:1rem;line-height:1.7}.hero-actions,.badge-row{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.35rem}.doc-badge{display:inline-flex;min-height:1.85rem;align-items:center;padding:.3rem .7rem;border:1px solid rgba(148,163,184,.2);border-radius:999px;background:#141a28d1;color:#c6d2e6;font-size:.78rem;font-weight:800}.doc-badge--accent{border-color:#8066ff6b;background:#5c4cd633;color:#cfc7ff}.doc-badge--success{border-color:#42d3925c;background:#22976924;color:#a7f3c9}.hero-status-card{display:grid;gap:1rem;padding:1.2rem;border:1px solid rgba(148,163,184,.16);border-radius:1rem;background:#10141fe6;box-shadow:0 24px 70px #00000047}.hero-status-card>span,.hero-status-card small{color:#8290aa;font-size:.8rem}.hero-status-card strong{display:block;margin-top:.25rem;overflow-wrap:anywhere;color:#e7eefc;font-size:.86rem}.docs-layout{display:grid;grid-template-columns:14rem minmax(0,1fr);gap:2rem;align-items:start}.toc{position:sticky;top:5.5rem;display:grid;gap:.25rem;padding:1rem;border:1px solid rgba(148,163,184,.13);border-radius:.9rem;background:#0a0e18ad}.toc span{margin-bottom:.45rem;color:#7f8da7;font-size:.75rem;font-weight:900;text-transform:uppercase}.toc a{padding:.45rem .5rem;border-radius:.5rem;color:#aab6cc;font-size:.88rem}.toc a:hover{background:#405daa2e;color:#eef4ff}.docs-content{display:grid;gap:1.25rem}.docs-section{scroll-margin-top:6rem;padding:clamp(1.2rem,3vw,1.6rem);border:1px solid rgba(148,163,184,.14);border-radius:1rem;background:#10141fe0;box-shadow:0 24px 70px #0003}.section-heading{max-width:820px;margin-bottom:1rem}.section-heading h2{margin:.2rem 0 0;font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:0}.section-heading p,.docs-section>p,.endpoint-card p,.info-card p,.warning-box p,.roadmap-grid p{color:#a4b0c4;line-height:1.65}.scope-grid,.base-url-grid,.roadmap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.scope-item,.base-url-grid div,.workflow-step,.endpoint-card,.info-card,.warning-box,.roadmap-grid article,.bullet-card{border:1px solid rgba(148,163,184,.12);border-radius:.8rem;background:#070a1275}.scope-item{padding:.85rem;color:#dce6ff;font-weight:700}.flow-strip{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.flow-strip span{padding:.55rem .7rem;border:1px solid rgba(125,146,255,.25);border-radius:999px;background:#2d4da229;color:#cddcff;font-size:.84rem;font-weight:800}.workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.workflow-step{min-height:7rem;padding:.85rem}.workflow-step span{color:#82a7ff;font-weight:900}.workflow-step p{margin:.55rem 0 0;color:#d9e3f6;line-height:1.45}.info-card,.warning-box,.bullet-card{padding:1rem;margin-bottom:.85rem}.base-url-grid{margin-bottom:1rem}.base-url-grid div{padding:.85rem}.base-url-grid span{display:block;color:#8290aa;font-size:.8rem}.base-url-grid strong{display:block;margin-top:.35rem;overflow-wrap:anywhere}.endpoint-list{display:grid;gap:.85rem}.endpoint-card{padding:1rem}.endpoint-heading{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem}.endpoint-heading code{overflow-wrap:anywhere;color:#e8efff}.method-badge{padding:.25rem .5rem;border-radius:.45rem;font-size:.74rem;font-weight:900}.method-badge--get{background:#2297692e;color:#9cf1c5}.method-badge--post{background:#2d71ff38;color:#a9c7ff}.endpoint-code-grid,.examples-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.code-block{overflow:hidden;border:1px solid rgba(148,163,184,.14);border-radius:.8rem;background:#050814}.code-block-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem .75rem;border-bottom:1px solid rgba(148,163,184,.12);color:#91a0bb;font-size:.78rem;font-weight:800}.copy-button{padding:.25rem .55rem;border:1px solid rgba(148,163,184,.18);border-radius:.5rem;background:#161b28e6;color:#dce6ff;cursor:pointer;font-weight:800}.code-block pre{margin:0;padding:.9rem;overflow-x:auto}.code-block code{color:#d9e5ff;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:.82rem;line-height:1.6;white-space:pre}.bullet-card{display:grid;gap:.45rem}.bullet-card p{margin:0;color:#dce6ff}.warning-box{border-color:#ffc55747;background:#9a67191f}.warning-box strong{color:#ffe0a3}.roadmap-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.roadmap-grid article{padding:1rem}.roadmap-grid h3{margin:0}.docs-footer{display:flex;flex-wrap:wrap;gap:.75rem 1rem;padding:1.3rem 0 .5rem;color:#8290aa}.docs-footer strong{color:#f4f7fb}.home-hero h1,.summary-card h1,.state-card h1{margin:0;letter-spacing:0}.home-hero h1{max-width:760px;font-size:clamp(2.4rem,6vw,4.8rem);line-height:.96}.hero-copy{max-width:680px;margin:1.2rem 0 0;color:#aab6cc;font-size:1.08rem;line-height:1.7}.api-status-card,.summary-card,.workspace-card,.state-card{border:1px solid rgba(148,163,184,.16);border-radius:1rem;background:#10141fe6;box-shadow:0 24px 70px #00000047}.api-status-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem;color:#aab6cc}.session-page{display:grid;gap:1.25rem}.summary-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(20rem,.8fr);gap:1.5rem;padding:clamp(1.25rem,3vw,1.75rem)}.summary-card h1{margin-top:.25rem;font-size:clamp(2rem,4vw,3.4rem);line-height:1}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.summary-grid div{min-width:0;padding:.85rem;border:1px solid rgba(148,163,184,.12);border-radius:.75rem;background:#070a1273}.summary-grid span,.api-status-card span{display:block;color:#8290aa;font-size:.8rem}.summary-grid small,.countdown{display:block;margin-top:.25rem;color:#8290aa;font-size:.75rem}.countdown--expired{color:#ffb6b6}.summary-grid strong{display:block;margin-top:.35rem;overflow-wrap:anywhere;font-size:.9rem}.workspace-card{padding:clamp(1rem,3vw,1.25rem)}.editor-layout{display:grid;gap:1rem}.upload-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.upload-panel,.placement-card,.merged-preview-panel,.success-card{border:1px solid rgba(148,163,184,.14);border-radius:.9rem;background:#080c16ad}.upload-panel{display:grid;gap:.9rem;padding:.9rem}.drop-zone{display:grid;min-height:18rem;overflow:hidden;place-items:center;border:1px dashed rgba(141,157,189,.34);border-radius:.8rem;background:#060a13db;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.drop-zone:hover,.drop-zone--dragging{border-color:#6f96ffb8;background:#1c2a4e85}.drop-zone--dragging{transform:translateY(-1px)}.drop-zone-empty{display:grid;justify-items:center;padding:1rem;text-align:center}.drop-zone-empty h3{margin:1rem 0 .25rem}.drop-zone-empty p{margin:0;color:#96a3b8;line-height:1.55}.upload-preview{width:100%;height:100%;max-height:24rem;object-fit:contain}.upload-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-width:0}.upload-meta div{min-width:0}.upload-meta strong,.upload-meta span{display:block}.upload-meta strong{overflow:hidden;color:#edf3ff;font-size:.92rem;text-overflow:ellipsis;white-space:nowrap}.upload-meta span,.segmented-field>span,.crop-note{color:#8795ad;font-size:.8rem}.segmented-field{display:grid;gap:.45rem}.segmented-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;padding:.3rem;border:1px solid rgba(148,163,184,.14);border-radius:.75rem;background:#02060e8c}.segmented-option{min-height:2.25rem;padding:.5rem .65rem;border:1px solid transparent;border-radius:.55rem;background:transparent;color:#aebbd1;cursor:pointer;font-weight:750}.segmented-option--active{border-color:#7696ff75;background:linear-gradient(135deg,#2d71ff57,#7d58ff47);color:#f5f8ff}.segmented-option:disabled,.text-button:disabled{cursor:not-allowed;opacity:.48}.text-button{padding:.3rem 0;border:0;background:transparent;color:#9fbbff;cursor:pointer;font-weight:800}.crop-note{margin:0}.placement-card{padding:.9rem}.merged-preview-panel{padding:1rem}.preview-panel-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.preview-panel-header h2{margin:.25rem 0 0}.dimension-badge{flex:0 0 auto;padding:.4rem .65rem;border:1px solid rgba(148,163,184,.16);border-radius:999px;background:#121928e6;color:#b8c7e6;font-size:.8rem;font-weight:800}.merged-preview-frame{display:grid;width:100%;overflow:hidden;place-items:center;border:1px solid rgba(88,113,182,.32);border-radius:.85rem;background:#050814;aspect-ratio:16 / 9}.merged-preview-frame img{display:block;width:100%;height:100%;object-fit:contain}.merged-preview-empty{display:grid;justify-items:center;gap:.5rem;padding:1.5rem;text-align:center}.merged-preview-empty span{display:grid;width:5.25rem;height:3rem;place-items:center;border:1px solid rgba(119,145,255,.38);border-radius:.65rem;background:#3a5fff29;color:#cfe0ff;font-weight:900}.merged-preview-empty p{margin:0;color:#96a3b8}.success-card{margin-bottom:1rem;padding:1rem;border-color:#42d39252;background:#21805c1f}.success-card h2{margin:.25rem 0}.error-message{margin:1rem 0 0;padding:.75rem .85rem;border:1px solid rgba(255,116,116,.28);border-radius:.75rem;background:#af36361f;color:#ffc4c4}.action-group{display:flex;flex-wrap:wrap;gap:.75rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.workspace-grid{display:grid;grid-template-columns:minmax(13rem,.8fr) minmax(18rem,1.3fr) minmax(13rem,.8fr);gap:1rem}.upload-placeholder,.preview-placeholder{min-height:19rem;border:1px dashed rgba(141,157,189,.28);border-radius:.9rem;background:#080c16c7}.upload-placeholder{display:grid;align-content:center;justify-items:center;padding:1.5rem;text-align:center}.placeholder-icon{display:grid;width:3rem;height:3rem;place-items:center;border:1px solid rgba(119,145,255,.42);border-radius:.85rem;background:#3a5fff2e;color:#a9c7ff;font-size:1.8rem;line-height:1}.upload-placeholder h3,.preview-placeholder h3{margin:1rem 0 .35rem}.upload-placeholder p,.preview-placeholder p,.muted{color:#96a3b8;line-height:1.55}.preview-placeholder{display:grid;align-content:center;gap:1rem;padding:1.2rem;text-align:center}.preview-frame{display:grid;width:min(100%,31rem);aspect-ratio:16 / 9;place-items:center;margin:0 auto;border:1px solid rgba(88,113,182,.32);border-radius:.85rem;background:linear-gradient(135deg,#397aff38,#845cff2e),#101624;color:#cfdbff;font-weight:800}.action-bar,.session-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem;margin-top:1rem}.session-actions{justify-content:flex-start;margin-top:0}.primary-button,.secondary-button{min-height:2.65rem;padding:.7rem 1rem;border-radius:.75rem;border:1px solid rgba(148,163,184,.2);cursor:pointer;font-weight:800}.primary-button{border-color:#6b8bff8c;background:linear-gradient(135deg,#2976ff,#7c58ff);color:#fff}.primary-button:disabled{cursor:not-allowed;opacity:.46}.secondary-button{background:#161b28eb;color:#dce6ff}.secondary-button:hover{border-color:#7e99ff6b}.state-card{width:min(100%,42rem);padding:clamp(1.5rem,4vw,2rem)}.state-card--loading{text-align:center}.state-card h2{margin:.35rem 0 0;font-size:clamp(1.45rem,3vw,2.2rem)}.eyebrow{margin:0;color:#82a7ff;font-size:.75rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.spinner{width:2rem;height:2rem;margin:0 auto 1rem;border:3px solid rgba(148,163,184,.2);border-top-color:#77a1ff;border-radius:999px;animation:spin .9s linear infinite}.toast{position:fixed;right:1rem;bottom:1rem;max-width:min(24rem,calc(100vw - 2rem));padding:.85rem 1rem;border:1px solid rgba(119,145,255,.38);border-radius:.75rem;background:#0f1523f2;box-shadow:0 20px 60px #00000059;color:#dce6ff}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.home-hero,.docs-hero,.docs-layout,.summary-card,.workspace-grid,.upload-panels,.endpoint-code-grid,.examples-grid,.workflow-grid,.roadmap-grid{grid-template-columns:1fr}.toc{position:static}.summary-grid,.scope-grid,.base-url-grid{grid-template-columns:1fr}}@media(max-width:560px){.app-header{align-items:flex-start}.brand small{max-width:12rem}.action-bar,.session-actions{align-items:stretch;flex-direction:column}.primary-button,.secondary-button{width:100%;text-align:center}.action-group{width:100%}}