@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-mono-latin-ext-500-normal-BtRyHRi6.woff2) format("woff2"),url(/assets/dm-mono-latin-ext-500-normal-Dw3M13d8.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-mono-latin-500-normal-DRMDZjhP.woff2) format("woff2"),url(/assets/dm-mono-latin-500-normal-CN8Miw6E.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#101318;font-family:Space Grotesk Variable,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #101318;--ink-soft: #363c44;--paper: #e9f1f2;--glass: rgba(255, 255, 255, .58);--glass-strong: rgba(255, 255, 255, .72);--cyan: #55e4df;--yellow: #ffe66d;--coral: #ff806f;--green: #8defb5;--danger: #ff665a;--line: 3px solid var(--ink);--hard-shadow: 8px 8px 0 var(--ink);--mono: "DM Mono", monospace}*{box-sizing:border-box}html{min-width:320px;background:var(--paper)}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 13% 18%,rgba(85,228,223,.56) 0 10%,transparent 29%),radial-gradient(circle at 88% 73%,rgba(255,128,111,.43) 0 11%,transparent 30%),linear-gradient(135deg,#d9e8eb,#f8f3df 58%,#d8e8e9);overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:radial-gradient(rgba(16,19,24,.17) .7px,transparent .7px);background-size:9px 9px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 84%);mask-image:linear-gradient(to bottom,#000,transparent 84%)}button,textarea,input{font:inherit}button,label{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,textarea:focus-visible,input:focus-visible,a:focus-visible,label:has(input:focus-visible){outline:4px solid white;box-shadow:0 0 0 7px var(--ink)}.app-shell{position:relative;z-index:1;width:min(1160px,calc(100% - 32px));min-height:100vh;margin:0 auto;padding:26px 0 38px}.orb{position:fixed;z-index:-1;border:2px solid rgba(16,19,24,.12);border-radius:50%;filter:blur(1px);pointer-events:none;animation:orb-float 9s ease-in-out infinite alternate}.orb-cyan{top:-80px;left:-90px;width:340px;height:340px;background:#55e4df33}.orb-coral{right:-160px;bottom:-200px;width:520px;height:520px;background:#ff806f2e;animation-delay:-3s}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:70px;animation:reveal-down .65s cubic-bezier(.2,.75,.2,1) both}.brand{display:inline-flex;align-items:center;gap:13px;color:var(--ink);text-decoration:none;font-size:21px;font-weight:850;letter-spacing:-.045em}.brand-mark{display:grid;width:44px;height:44px;flex:0 0 auto;place-items:center;border:var(--line);border-radius:13px 7px 12px 5px;background:var(--yellow);box-shadow:4px 4px 0 var(--ink);font-family:var(--mono);font-size:20px;font-weight:700}.server-pill{display:inline-flex;min-height:38px;align-items:center;gap:8px;padding:8px 13px;border:2px solid var(--ink);border-radius:999px;background:#ffffff7a;box-shadow:3px 3px #1013181f;-webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%);font-family:var(--mono);font-size:11px;font-weight:500;text-transform:uppercase;white-space:nowrap}.server-dot{width:9px;height:9px;border-radius:50%;background:#d8982f;box-shadow:0 0 0 4px #d8982f26}.server-pill.is-ready .server-dot{background:#22b96d;box-shadow:0 0 0 4px #22b96d26}.main-grid{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(330px,.84fr);align-items:start;gap:40px}.source-section{min-width:0;animation:reveal-up .7s .08s cubic-bezier(.2,.75,.2,1) both}.hero-sticker{display:inline-block;padding:8px 12px;border:2px solid var(--ink);background:var(--coral);box-shadow:4px 4px 0 var(--ink);transform:rotate(-2deg);font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.07em;text-transform:uppercase}h1{max-width:720px;margin:20px 0 14px;font-size:clamp(58px,7.4vw,101px);font-weight:850;line-height:.83;letter-spacing:-.075em;text-transform:uppercase}.hero-copy{max-width:610px;margin:0;color:var(--ink-soft);font-size:17px;font-weight:620;line-height:1.58}.source-panel{margin-top:33px;padding:20px;border:var(--line);border-radius:28px 12px 26px 10px;background:var(--glass);box-shadow:var(--hard-shadow);-webkit-backdrop-filter:blur(24px) saturate(145%);backdrop-filter:blur(24px) saturate(145%)}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:6px;border:2px solid var(--ink);border-radius:16px 8px;background:#10131812}.mode-button{display:inline-flex;min-height:49px;align-items:center;justify-content:center;gap:9px;padding:10px 14px;border:2px solid transparent;border-radius:11px 5px;background:transparent;cursor:pointer;font-family:var(--mono);font-size:12px;font-weight:500;text-transform:uppercase;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.mode-button:hover{background:#fff6}.mode-button:disabled{cursor:not-allowed;opacity:.52}.mode-button.is-active{border-color:var(--ink);background:var(--yellow);box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.source-input-wrap{margin-top:18px}.drop-zone{display:flex;min-height:188px;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding:24px;border:3px dashed var(--ink);border-radius:22px 10px;background:#ffffff61;cursor:pointer;text-align:center;transition:transform .18s ease,background .18s ease}.drop-zone:hover,.drop-zone.is-dragging{background:#55e4df33;transform:translateY(-2px)}.drop-zone.has-file{background:#8defb538}.drop-zone input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.upload-icon{display:grid;width:56px;height:56px;margin-bottom:7px;place-items:center;border:var(--line);border-radius:50%;background:var(--cyan);box-shadow:4px 4px 0 var(--ink)}.drop-zone.has-file .upload-icon{background:var(--green)}.upload-icon svg{width:26px;height:26px;stroke-width:2.5}.drop-zone strong{max-width:100%;overflow-wrap:anywhere;font-size:20px;font-weight:780}.drop-zone>span:last-child{color:#4d535b;font-size:14px;font-weight:560}.url-field{min-height:188px;padding:18px;border:3px solid var(--ink);border-radius:22px 10px;background:#ffffff6b}.url-field label{display:block;margin-bottom:10px;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.url-field textarea{display:block;width:100%;min-height:105px;resize:vertical;padding:13px 14px;border:2px solid var(--ink);border-radius:12px 5px;background:#f7faf5d1;color:var(--ink);font-family:var(--mono);font-size:12px;line-height:1.55}.url-field textarea::placeholder{color:#747a81}.url-locked{display:flex;min-height:105px;align-items:center;gap:13px;padding:15px;border:2px solid var(--ink);border-radius:12px 5px;background:#8defb542}.url-locked>svg{width:34px;height:34px;flex:0 0 auto;padding:7px;border:2px solid var(--ink);border-radius:10px 4px;background:var(--green)}.url-locked strong,.url-locked span{display:block}.url-locked strong{font-size:14px}.url-locked span{margin-top:5px;color:#565c64;font-size:12px;font-weight:600}.url-field p{margin:10px 0 0;color:#565c64;font-size:12px;font-weight:600}.error-banner{display:flex;align-items:flex-start;gap:10px;margin-top:15px;padding:12px 13px;border:2px solid var(--ink);border-radius:11px 5px;background:#ffd0ca;box-shadow:3px 3px 0 var(--ink);font-size:13px;font-weight:680}.error-banner svg{flex:0 0 auto}.security-line{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:16px;font-family:var(--mono);font-size:11px;font-weight:500;line-height:1.45}.security-line svg{flex:0 0 auto}.bridge-state{margin-left:auto;padding:5px 8px;border:2px solid var(--ink);border-radius:999px;background:var(--yellow);color:var(--ink);white-space:nowrap}.bridge-state.is-ready{background:var(--green)}.live-strip{display:flex;width:100%;min-height:56px;align-items:center;justify-content:center;gap:10px;margin-top:19px;padding:13px 20px;border:var(--line);border-radius:15px 7px;background:#ffffff80;box-shadow:5px 5px 0 var(--ink);color:var(--ink);font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.035em;text-transform:uppercase}.live-strip.is-checking,.live-strip.is-waiting{background:var(--yellow)}.live-strip.is-live{background:var(--green)}.live-strip.is-error,.live-strip.is-invalid{background:#ffd0ca}.live-strip svg{width:20px;height:20px;flex:0 0 auto}.spin{animation:spin .8s linear infinite}.status-card{position:relative;min-width:0;margin-top:64px;padding:26px;border:var(--line);border-radius:18px 38px 14px 30px;background:#ffffff85;box-shadow:10px 10px 0 var(--ink);transform:rotate(1.25deg);-webkit-backdrop-filter:blur(28px) saturate(160%);backdrop-filter:blur(28px) saturate(160%)}.status-card.is-invalid{box-shadow:10px 10px 0 var(--coral)}.local-sticker{position:absolute;top:-17px;right:-14px;padding:8px 10px;border:2px solid var(--ink);background:var(--cyan);box-shadow:3px 3px #10131833;transform:rotate(4deg);font-family:var(--mono);font-size:10px;font-weight:500}.status-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:2px solid var(--ink)}.eyebrow{margin:0;color:#666c74;font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.status-heading h2{margin:7px 0 0;font-size:clamp(24px,2.5vw,29px);font-weight:800;line-height:1.02;letter-spacing:-.055em}.status-icon{display:grid;width:50px;height:50px;flex:0 0 auto;place-items:center;border:var(--line);border-radius:14px 7px;background:var(--yellow);box-shadow:4px 4px 0 var(--ink)}.status-icon.is-success{background:var(--green)}.status-icon.is-invalid{background:var(--coral)}.status-icon svg{width:25px;height:25px;stroke-width:2.8}.live-meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px 12px;padding:15px 0 2px;border-bottom:1px solid rgba(16,19,24,.23);font-family:var(--mono);font-size:9px;text-transform:uppercase}.live-badge{display:inline-flex;min-height:28px;align-items:center;gap:7px;padding:5px 8px;border:2px solid var(--ink);border-radius:999px;background:#ffffff80;font-weight:500}.live-dot{width:8px;height:8px;border-radius:50%;background:#888}.live-badge.is-live{background:var(--green)}.live-badge.is-live .live-dot,.live-badge.is-checking .live-dot{background:#119653;box-shadow:0 0 0 4px #11965329;animation:live-pulse 1.25s ease-in-out infinite}.live-badge.is-checking{background:var(--yellow)}.live-badge.is-invalid,.live-badge.is-offline{background:#ffd0ca}.live-badge.is-invalid .live-dot,.live-badge.is-offline .live-dot{background:var(--danger)}.updated-at{display:inline-flex;align-items:center;gap:5px}.refresh-countdown{margin-left:auto;color:#60666d}.result-list{margin:17px 0 0}.result-row{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid rgba(16,19,24,.23)}.result-row dt{color:#686e76;font-family:var(--mono);font-size:10px;font-weight:500;text-transform:uppercase}.result-row dd{min-width:0;margin:0;overflow-wrap:anywhere;font-size:14px;font-weight:760;text-align:right}.value-live{color:#087542}.value-invalid{color:#b12b24}.source-tag{display:inline-block;padding:6px 8px;border:2px solid var(--ink);border-radius:8px 3px;background:var(--yellow);font-family:var(--mono);font-size:10px;font-weight:500;white-space:nowrap}.api-message{margin-top:16px;padding:12px 13px;border:2px solid var(--ink);border-radius:12px 5px;background:#ffd0ca;font-size:12px;font-weight:680;line-height:1.45}.api-message.is-live{background:#8defb566}.privacy-note{display:flex;align-items:flex-start;gap:10px;margin-top:17px;padding:13px;border:2px solid var(--ink);border-radius:13px 6px;background:#55e4df2b;font-size:12px;font-weight:630;line-height:1.5}.privacy-note svg{flex:0 0 auto;margin-top:1px}.result-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.refresh-button,.reset-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;padding:9px 12px;border:2px solid var(--ink);border-radius:10px 4px;cursor:pointer;font-family:var(--mono);font-size:11px;font-weight:500;text-transform:uppercase}.refresh-button{background:var(--cyan)}.refresh-button:hover:not(:disabled){background:var(--green)}.refresh-button:disabled{cursor:wait;opacity:.65}.reset-button{background:#ffffff80}.reset-button:hover{background:var(--yellow)}.reset-button:disabled{cursor:not-allowed;opacity:.58}.empty-state{padding-top:20px}.empty-state>p{margin:0;color:#4a5058;font-size:14px;font-weight:620;line-height:1.55}.empty-state ol{display:grid;gap:11px;margin:20px 0 0;padding:0;list-style:none}.empty-state li{display:flex;min-height:45px;align-items:center;gap:11px;padding:8px 10px;border:2px solid rgba(16,19,24,.72);border-radius:11px 5px;background:#ffffff52;font-size:13px;font-weight:700}.empty-state li span{display:grid;width:27px;height:27px;flex:0 0 auto;place-items:center;border:2px solid var(--ink);border-radius:50%;background:var(--cyan);font-family:var(--mono);font-size:10px}.empty-state li:nth-child(2) span{background:var(--yellow)}.empty-state li:nth-child(3) span{background:var(--coral)}.checking-copy{margin-top:15px!important;font-family:var(--mono);font-size:11px!important}.upload-studio{position:relative;margin-top:82px;padding:28px;border:var(--line);border-radius:36px 15px 32px 12px;background:linear-gradient(125deg,#ffffffad,#ffffff61),radial-gradient(circle at 88% 10%,rgba(255,230,109,.48),transparent 31%);box-shadow:12px 12px 0 var(--ink);overflow:hidden;-webkit-backdrop-filter:blur(30px) saturate(160%);backdrop-filter:blur(30px) saturate(160%);animation:reveal-up .68s cubic-bezier(.2,.75,.2,1) both}.upload-studio:before{content:"";position:absolute;top:0;right:0;left:0;height:9px;border-bottom:2px solid var(--ink);background:repeating-linear-gradient(135deg,var(--cyan) 0 15px,var(--cyan) 15px 25px,var(--yellow) 25px 40px,var(--yellow) 40px 50px)}.upload-studio.is-success{box-shadow:12px 12px #39b975}.upload-studio.is-error{box-shadow:12px 12px 0 var(--coral)}.upload-studio-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-top:9px}.upload-studio-heading h2{margin:8px 0 0;font-size:clamp(42px,6vw,76px);font-weight:850;line-height:.9;letter-spacing:-.07em;text-transform:uppercase}.upload-step{position:absolute;top:20px;right:25px;padding:7px 10px;border:2px solid var(--ink);border-radius:8px 3px;background:var(--coral);box-shadow:3px 3px 0 var(--ink);transform:rotate(2deg);font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.05em}.upload-phase{display:inline-flex;min-height:43px;align-items:center;gap:8px;padding:9px 12px;border:2px solid var(--ink);border-radius:999px;background:var(--yellow);box-shadow:4px 4px 0 var(--ink);font-family:var(--mono);font-size:10px;font-weight:500;text-transform:uppercase;white-space:nowrap}.upload-phase.is-running,.upload-phase.is-queued,.upload-phase.is-preparing{background:var(--cyan)}.upload-phase.is-success{background:var(--green)}.upload-phase.is-error{background:#ffd0ca}.upload-phase svg{width:18px;height:18px}.upload-workbench{display:grid;grid-template-columns:minmax(300px,.88fr) minmax(0,1.12fr);gap:24px;margin-top:30px}.upload-composer,.upload-console-card{min-width:0;padding:18px;border:var(--line);border-radius:22px 9px 20px 8px;background:#ffffff75;box-shadow:6px 6px #101318db}.image-drop-zone{display:grid;min-height:390px;place-items:center;padding:13px;border:3px dashed var(--ink);border-radius:19px 7px 18px 6px;background:linear-gradient(45deg,rgba(16,19,24,.035) 25%,transparent 25%,transparent 75%,rgba(16,19,24,.035) 75%),linear-gradient(45deg,rgba(16,19,24,.035) 25%,transparent 25%,transparent 75%,rgba(16,19,24,.035) 75%),#ffffff57;background-position:0 0,10px 10px;background-size:20px 20px;cursor:pointer;overflow:hidden;transition:transform .18s ease,background-color .18s ease}.image-drop-zone:hover,.image-drop-zone.is-dragging{background-color:#55e4df33;transform:translateY(-2px)}.image-drop-zone.has-file{border-style:solid;background-color:#8defb51f}.image-drop-zone input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.image-empty-preview{display:flex;max-width:290px;align-items:center;flex-direction:column;gap:8px;text-align:center}.image-empty-preview svg{width:65px;height:65px;margin-bottom:8px;padding:14px;border:var(--line);border-radius:50%;background:var(--cyan);box-shadow:5px 5px 0 var(--ink)}.image-empty-preview strong{font-size:20px;font-weight:800}.image-empty-preview span{color:#565c64;font-family:var(--mono);font-size:10px;font-weight:500;text-transform:uppercase}.image-preview-frame{position:relative;display:grid;width:min(100%,300px);height:352px;place-items:center;border:var(--line);border-radius:15px 5px;background:#1a2027;box-shadow:6px 6px 0 var(--ink);overflow:hidden}.image-preview-frame img{width:100%;height:100%;object-fit:contain}.preview-stamp{position:absolute;right:8px;bottom:8px;padding:5px 7px;border:2px solid var(--ink);background:var(--yellow);color:var(--ink);font-family:var(--mono);font-size:9px;font-weight:500;transform:rotate(-2deg)}.selected-image-meta{display:flex;align-items:center;gap:10px;margin-top:13px;padding:11px;border:2px solid var(--ink);border-radius:11px 4px;background:#8defb542}.selected-image-meta>svg{width:32px;height:32px;flex:0 0 auto;padding:6px;border:2px solid var(--ink);border-radius:8px 3px;background:var(--green)}.selected-image-meta strong,.selected-image-meta span{display:block;overflow-wrap:anywhere}.selected-image-meta strong{font-size:13px}.selected-image-meta span{margin-top:3px;color:#565c64;font-size:11px;font-weight:600}.public-switch{display:grid;width:100%;min-height:72px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;margin-top:14px;padding:10px 12px;border:var(--line);border-radius:14px 6px;background:#ffffff80;cursor:pointer;text-align:left}.public-switch.is-on{background:var(--yellow);box-shadow:4px 4px 0 var(--ink)}.public-switch:disabled{cursor:wait;opacity:.72}.public-switch-icon{display:grid;width:39px;height:39px;place-items:center;border:2px solid var(--ink);border-radius:11px 4px;background:#fff}.public-switch-icon svg{width:20px;height:20px}.public-switch strong,.public-switch small{display:block}.public-switch strong{font-size:13px;font-weight:800}.public-switch small{margin-top:3px;color:#4d535b;font-size:10px;font-weight:620;line-height:1.35}.switch-track{position:relative;width:45px;height:25px;border:2px solid var(--ink);border-radius:999px;background:#c3c8cc}.switch-track>span{position:absolute;top:3px;left:3px;width:15px;height:15px;border:2px solid var(--ink);border-radius:50%;background:#fff;transition:transform .18s ease}.public-switch.is-on .switch-track{background:var(--green)}.public-switch.is-on .switch-track>span{transform:translate(20px)}.publish-button{display:inline-flex;width:100%;min-height:56px;align-items:center;justify-content:center;gap:10px;margin-top:14px;padding:12px 16px;border:var(--line);border-radius:15px 6px;background:var(--coral);box-shadow:6px 6px 0 var(--ink);cursor:pointer;font-family:var(--mono);font-size:12px;font-weight:500;text-transform:uppercase;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.publish-button:hover:not(:disabled){background:var(--green);box-shadow:3px 3px 0 var(--ink);transform:translate(3px,3px)}.publish-button:disabled{cursor:not-allowed;filter:grayscale(.35);opacity:.58}.publish-button svg{width:21px;height:21px}.upload-error{display:flex;align-items:flex-start;gap:9px;margin-top:14px;padding:11px;border:2px solid var(--ink);border-radius:11px 4px;background:#ffd0ca;font-size:12px;font-weight:700}.upload-error svg{width:18px;height:18px;flex:0 0 auto}.upload-console-card{display:flex;min-height:100%;flex-direction:column;background:#dce7e88c}.console-toolbar{display:flex;min-height:42px;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px;font-family:var(--mono);font-size:10px;font-weight:500;text-transform:uppercase}.console-toolbar>span:first-child,.console-status{display:inline-flex;align-items:center;gap:7px}.console-toolbar svg{width:18px;height:18px}.console-status{padding:5px 8px;border:2px solid var(--ink);border-radius:999px;background:#fff}.console-status i{width:8px;height:8px;border-radius:50%;background:#8a9299}.console-status.is-preparing i,.console-status.is-queued i,.console-status.is-running i{background:#28c87b;box-shadow:0 0 0 4px #28c87b29;animation:live-pulse 1.1s ease-in-out infinite}.console-status.is-success i{background:#28c87b}.console-status.is-error i{background:var(--danger)}.console-screen{min-height:430px;max-height:530px;flex:1;padding:17px;border:var(--line);border-radius:14px 5px;background:radial-gradient(circle at 92% 7%,rgba(85,228,223,.12),transparent 28%),#11161c;box-shadow:inset 0 0 0 1px #ffffff0f,5px 5px 0 var(--ink);color:#dae7e5;overflow:auto;overscroll-behavior:contain;scrollbar-color:var(--cyan) #222a32;font-family:var(--mono);font-size:11px;line-height:1.6}.console-placeholder{display:flex;min-height:360px;align-items:center;justify-content:center;gap:9px;color:#89949e;text-align:center}.console-placeholder span{color:var(--cyan);font-size:22px}.console-placeholder p{max-width:330px;margin:0}.console-line{display:grid;grid-template-columns:68px minmax(0,1fr);gap:11px;padding:6px 0;border-bottom:1px solid rgba(218,231,229,.08)}.console-line time{color:#6f7b85;font-variant-numeric:tabular-nums}.console-line span{overflow-wrap:anywhere}.console-line.is-success span{color:#8defb5}.console-line.is-warning span{color:#ffe66d}.console-line.is-error span{color:#ff9386}.upload-result{display:flex;align-items:flex-start;gap:10px;margin-top:15px;padding:12px;border:var(--line);border-radius:12px 5px}.upload-result.is-success{background:var(--green)}.upload-result.is-error{background:#ffd0ca}.upload-result>svg{width:23px;height:23px;flex:0 0 auto}.upload-result strong,.upload-result span{display:block}.upload-result strong{font-size:13px}.upload-result span{margin-top:3px;font-size:11px;font-weight:620}.another-upload-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;margin-top:12px;padding:9px 12px;border:2px solid var(--ink);border-radius:10px 4px;background:var(--yellow);cursor:pointer;font-family:var(--mono);font-size:10px;font-weight:500;text-transform:uppercase}.another-upload-button:hover{background:var(--cyan)}.another-upload-button svg{width:17px;height:17px}.footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:86px;font-family:var(--mono);font-size:10px;font-weight:500;text-transform:uppercase}@keyframes reveal-down{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes orb-float{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(18px,-12px,0) scale(1.04)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}@media(max-width:900px){.app-shell{width:min(100% - 24px,680px)}.topbar{margin-bottom:46px}.main-grid{grid-template-columns:1fr;gap:28px}h1{font-size:clamp(55px,14vw,88px)}.status-card{margin:6px 3px 0;transform:rotate(-.5deg)}.upload-studio{margin-top:62px}.upload-workbench{grid-template-columns:1fr}.image-drop-zone{min-height:360px}.footer{margin-top:58px}}@media(max-width:560px){.app-shell{width:min(100% - 20px,480px);padding-top:15px}.topbar{align-items:flex-start;margin-bottom:39px}.brand-name{display:none}.server-pill{min-height:42px;padding-inline:10px;font-size:9px}h1{margin-top:17px;font-size:clamp(49px,17.5vw,73px);line-height:.86}.hero-copy{font-size:15px}.source-panel{margin-top:25px;padding:13px;border-radius:22px 9px 20px 8px;box-shadow:6px 6px 0 var(--ink)}.mode-tabs{gap:5px;padding:5px}.mode-button{min-height:50px;gap:6px;padding:8px 7px;font-size:9px}.mode-button svg{width:16px;height:16px}.drop-zone{min-height:205px;padding:20px 14px}.drop-zone strong{font-size:18px}.security-line{align-items:flex-start;font-size:9px}.live-strip{min-height:58px;padding-inline:12px;font-size:10px;line-height:1.45;text-align:center}.status-card{padding:22px 17px;border-radius:15px 28px 12px 23px;box-shadow:7px 7px 0 var(--ink)}.status-card.is-invalid{box-shadow:7px 7px 0 var(--coral)}.local-sticker{right:5px}.status-heading{gap:12px}.status-icon{width:46px;height:46px}.result-row{align-items:flex-start}.result-row dd{max-width:58%}.refresh-countdown{width:100%;margin-left:0}.bridge-state{margin-left:0}.result-actions{display:grid;grid-template-columns:1fr 1fr}.upload-studio{margin-top:50px;padding:20px 12px 14px;border-radius:24px 9px 22px 8px;box-shadow:7px 7px 0 var(--ink)}.upload-studio.is-success{box-shadow:7px 7px #39b975}.upload-studio.is-error{box-shadow:7px 7px 0 var(--coral)}.upload-studio-heading{align-items:flex-start;flex-direction:column}.upload-studio-heading h2{max-width:300px;font-size:clamp(42px,14vw,60px)}.upload-step{top:17px;right:12px;font-size:8px}.upload-phase{min-height:38px}.upload-workbench{gap:16px;margin-top:22px}.upload-composer,.upload-console-card{padding:11px;border-radius:16px 6px 15px 5px;box-shadow:4px 4px #101318db}.image-drop-zone{min-height:320px;padding:10px}.image-preview-frame{height:292px}.public-switch{grid-template-columns:auto minmax(0,1fr)}.switch-track{display:none}.console-toolbar{align-items:flex-start;flex-direction:column}.console-screen{min-height:370px;max-height:440px;padding:12px;font-size:10px}.console-line{grid-template-columns:58px minmax(0,1fr);gap:7px}.footer{align-items:flex-start;flex-direction:column;gap:7px;margin-top:52px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}