:root{color:#e9eef2;background:#050606;--brand-blue: #075bff;--brand-violet: #5f2bd8;--brand-magenta: #cf168f;--brand-cyan: #55dfff;--brand-red: #d64545;--ink: #171921;--muted: #5f6d82;--panel: #0d1117;--line: #d9e1ef;--brand-gradient: linear-gradient(135deg, var(--brand-magenta), var(--brand-violet) 46%, var(--brand-blue));font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#050606}button,input,select{font:inherit}.app-shell{display:grid;grid-template-columns:minmax(0,1fr) 300px;min-height:100vh}.stage-area{position:relative;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 18% 12%,rgba(207,22,143,.13),transparent 22rem),radial-gradient(circle at 72% 30%,rgba(7,91,255,.12),transparent 28rem),linear-gradient(135deg,#030404,#101318 48%,#050607)}.stage-logo{position:absolute;top:6px;left:14px;width:clamp(180px,18vw,300px);height:auto;z-index:2;filter:drop-shadow(0 0 18px rgba(85,223,255,.2))}.stage-frame{position:relative;width:min(80vh,calc(100vw - 352px),1080px);aspect-ratio:1;min-width:360px;overflow:hidden;background:#000;border:1px solid rgba(255,255,255,.08);box-shadow:0 28px 90px #00000085}.stage-access{position:absolute;left:18px;bottom:18px;z-index:3;display:flex;align-items:end;gap:10px}.help-button{display:grid;width:42px;height:42px;min-height:42px;place-items:center;border:1px solid rgba(85,223,255,.5);border-radius:50%;color:#dff9ff;background:#0d1117c7;box-shadow:0 0 24px #55dfff29;font-size:22px;line-height:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.help-button:hover{color:#050606;background:linear-gradient(135deg,var(--brand-cyan),#ffffff)}.stage-access .client-code-field{width:min(190px,calc(100vw - 92px))}.stage-access .client-code-field input{min-height:42px;border-color:#55dfff70;background:#0d1117b8;box-shadow:0 0 24px #55dfff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.model-counter{min-height:42px;min-width:96px;display:grid;place-items:center;border:1px solid rgba(85,223,255,.36);padding:0 12px;color:#eef6f8d1;background:#0d1117b8;box-shadow:0 0 24px #55dfff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:13px;white-space:nowrap}.model-counter.is-ready{color:#dff9ff;border-color:#55dfff94}.model-counter.is-empty{color:#ffd2d8e0;border-color:#d6454585}canvas{display:block;width:100%;height:100%}.safe-circle{position:absolute;top:7%;right:7%;bottom:7%;left:7%;border:1px solid rgba(85,223,255,.34);border-radius:50%;pointer-events:none}.control-panel{display:flex;flex-direction:column;gap:6px;height:100vh;overflow-y:auto;padding:10px 12px;border-left:1px solid rgba(7,91,255,.16);background:radial-gradient(circle at 90% 10%,rgba(7,91,255,.16),transparent 16rem),var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-row{display:flex;align-items:center}h1{margin:0 0 4px;font-size:20px;line-height:1.05}p{margin:0;color:#d8e4e7b8;font-size:12px;line-height:1.45}.upload-box{display:grid;gap:3px;padding:9px;border:1px dashed rgba(85,223,255,.58);background:#ffffff09;cursor:pointer}.upload-box input{position:absolute;inline-size:1px;block-size:1px;opacity:0}.upload-box span{font-weight:720}.upload-box small{display:none;color:#d2dee194}.upload-box output{min-height:16px;color:#e2eef0a8;font-size:12px}.upload-progress{height:4px;overflow:hidden;background:#ffffff1f}.upload-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--brand-cyan),#ffffff)}.control-grid{display:grid;gap:4px}.control-grid label{display:grid;gap:2px;color:#eef6f8db;font-size:13px}input[type=range]{accent-color:var(--brand-cyan);height:14px}select{min-height:30px;width:100%;border:1px solid rgba(85,223,255,.28);border-radius:0;padding:0 10px;color:#fff;background:#ffffff12;outline:none}select:focus{border-color:#55dfffdb;box-shadow:0 0 0 2px #55dfff2e}input[type=range]:disabled{cursor:not-allowed;opacity:.34}label:has(input:disabled){color:#eef6f86b}.button-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}.client-code-field{display:grid;gap:3px;color:#eef6f8db;font-size:13px}.client-code-field input{min-height:32px;width:100%;border:1px solid rgba(85,223,255,.36);border-radius:0;padding:0 12px;color:#fff;background:#ffffff12;outline:none}.client-code-field input:focus{border-color:#55dfffdb;box-shadow:0 0 0 2px #55dfff2e}button{min-height:34px;border:0;color:#fff;background:var(--brand-gradient);font-weight:760;cursor:pointer}button.secondary{color:#eef8fa;background:#ffffff1a}.toggle-button{color:#dff9ff;border:1px solid rgba(85,223,255,.35)}.toggle-button.is-active{color:#050606;background:linear-gradient(135deg,var(--brand-cyan),#ffffff)}button:disabled{cursor:progress;opacity:.7}.download-button{color:#fff;background:linear-gradient(135deg,var(--brand-red),var(--brand-magenta) 48%,var(--brand-blue))}.timeline{display:grid;gap:4px;margin-top:auto}.timeline-track{height:7px;overflow:hidden;background:#ffffff1f}.timeline-track span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--brand-cyan),#ffffff)}output{color:#e2eef0a8;font-size:12px}.app-modal[hidden]{display:none}.app-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:16px}.app-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.app-modal__card{position:relative;display:grid;width:min(1120px,100%);max-height:calc(100vh - 32px);gap:12px;overflow:auto;padding:24px 34px;border:1px solid rgba(85,223,255,.26);background:radial-gradient(circle at 100% 0%,rgba(85,223,255,.13),transparent 16rem),linear-gradient(145deg,#13171ffa,#090c12fa);box-shadow:0 32px 90px #000000a3,0 0 0 1px #ffffff0a inset;text-align:left}.app-modal__card h2{margin:0;color:#fff;font-size:22px;line-height:1.2;text-align:left}.app-modal__body{display:grid;gap:8px;color:#e6f2f5c7;font-size:13px;line-height:1.34;white-space:pre-line}.app-modal__body.is-rich{gap:12px;white-space:normal}.app-modal__body strong{color:#fff}.app-modal__body h3{margin:2px 0 0;color:#fff;font-size:15px;line-height:1.25}.app-modal__body p{color:#e6f2f5cc;font-size:13px;line-height:1.38}.app-modal__body a{color:#dff9ff;font-weight:760}.app-modal__body ol{margin:0;padding-left:24px}.app-modal__body li{margin:0 0 4px;padding-left:4px}.app-modal__body .notice{display:grid;gap:8px;padding:12px;border:1px solid rgba(85,223,255,.25);background:#55dfff0f}.app-modal__body .notice strong{color:#dff9ff}.app-modal__body .contact{color:#fff;font-weight:720}.app-modal__ok{justify-self:center;min-width:128px;padding:0 28px}.app-modal__close{position:absolute;top:10px;right:10px;width:32px;height:32px;min-height:32px;border-radius:50%;color:#ffffffd1;background:#ffffff14;font-size:20px;line-height:1}.is-dragging .stage-frame{border-color:#075bffbf}@media (max-width: 900px){.app-shell{grid-template-columns:1fr}.stage-area{min-height:56vh;padding:82px 18px 18px}.stage-logo{top:6px;left:8px;width:162px}.stage-access{left:12px;bottom:12px;align-items:end;max-width:calc(100% - 24px)}.stage-access .client-code-field{width:min(170px,calc(100vw - 84px))}.model-counter{min-width:86px;padding:0 9px}.stage-frame{width:min(100%,76vh);min-width:0}.control-panel{min-height:auto;border-left:0;border-top:1px solid rgba(255,255,255,.09)}}