:root{--k-desk-1: #edeff2;--k-desk-2: #d9dde2;--k-metal-1: #fdfefe;--k-metal-2: #e6eaee;--k-metal-3: #ccd2d9;--k-graphite-1: #737b86;--k-graphite-2: #3b434e;--k-ink: #1e2732;--k-ink-2: #56616d;--k-ink-3: #8b95a1;--k-line: #a9b2bd;--k-line-lt: #ffffff;--k-sky-hi: #eaf6ff;--k-sky-1: #a2daf6;--k-sky-2: #3fb0e8;--k-sky-3: #1f83bd;--k-lime-hi: #f4ffce;--k-lime-1: #d0ea78;--k-lime-2: #a7d028;--k-lime-3: #7ea015;--k-tang-hi: #ffe6c9;--k-tang-1: #ffb063;--k-tang-2: #ff8a1e;--k-tang-3: #db6300;--k-mango-hi: #fff6cf;--k-mango-1: #ffdd63;--k-mango-2: #f6bf18;--k-mango-3: #cf9a00;--k-cherry: #e11d2e;--k-cherry-2: #b3121f;--k-sans: "Helvetica Neue", Helvetica, Arial, "Segoe UI", sans-serif;--k-mono: ui-monospace, "SF Mono", "Lucida Console", Menlo, monospace;--k-r: 12px;--k-r-sm: 8px;--k-rail: 244px;--k-insp: 340px}.k-app{height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--k-desk-1),var(--k-desk-2));color:var(--k-ink);font-family:var(--k-sans);font-size:13px;-webkit-font-smoothing:antialiased}.k-label{font-family:var(--k-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--k-ink-2);text-shadow:0 1px 0 #fff}.k-count{font-family:var(--k-mono);font-size:10px;color:var(--k-ink-3)}.k-mono{font-family:var(--k-mono)}.k-muted{color:var(--k-ink-2);font-size:12px;line-height:1.5}.k-masthead{flex:none;height:50px;display:flex;align-items:center;gap:14px;padding:0 12px 0 16px;background:repeating-linear-gradient(0deg,#ffffff0f 0,#ffffff0f 1px,#0000000f 1px,#0000000f 2px),linear-gradient(180deg,#7c8794,#545e6b 52%,#3c4550);border-bottom:1px solid #2a323c;box-shadow:inset 0 1px #fff6,0 2px 6px #00000040;position:relative;z-index:20}.k-brand{font-weight:800;letter-spacing:.04em;font-size:19px;font-style:italic;background:linear-gradient(180deg,var(--k-tang-hi),var(--k-tang-1) 55%,var(--k-tang-2));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 1px 1px rgba(0,0,0,.35)}.k-brand sup{font-family:var(--k-mono);font-size:8px;letter-spacing:.1em;-webkit-text-fill-color:#c6d2dd;margin-left:3px}.k-mast-spacer{flex:1}.k-mast-status{font-family:var(--k-mono);font-size:11px;color:var(--k-lime-hi);text-shadow:0 1px 1px rgba(0,0,0,.4)}.k-user{font-family:var(--k-mono);font-size:11px;color:#c6d2dd}.k-user b{color:#fff;font-weight:600}.k-proj{position:relative}.k-proj-btn{display:flex;align-items:center;gap:10px;height:32px;padding:0 10px 0 12px;border-radius:999px;cursor:pointer;font-family:var(--k-mono);font-size:12px;color:var(--k-ink);background:linear-gradient(180deg,#fff,#dbe2ea);border:1px solid #9aa6b3;box-shadow:inset 0 1px #fff,0 1px 2px #0000004d}.k-proj-btn:hover{background:linear-gradient(180deg,#fff,#e9eef4)}.k-proj-btn .k-proj-slug{color:var(--k-tang-3)}.k-proj-btn .k-caret{color:var(--k-ink-3);font-size:10px}.k-proj-menu{position:absolute;top:40px;left:0;z-index:60;width:264px;padding:7px;border-radius:var(--k-r);border:1px solid #8f9ba8;box-shadow:0 16px 36px #00000059,inset 0 1px #fff;background:linear-gradient(180deg,#fbfdff,#e6ebf1)}.k-proj-item{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;width:100%;padding:9px 10px;border:1px solid transparent;border-radius:var(--k-r-sm);background:none;cursor:pointer;text-align:left;color:var(--k-ink);font-size:13px}.k-proj-item:hover{background:#ff8a1e1f}.k-proj-item.on{border-color:var(--k-tang-3);background:linear-gradient(180deg,var(--k-tang-hi),var(--k-tang-1));box-shadow:inset 0 1px #fff}.k-proj-item .k-proj-slug{font-family:var(--k-mono);font-size:11px;color:var(--k-ink-2)}.k-proj-new{width:100%;margin-top:5px;padding:9px;border-radius:var(--k-r-sm);cursor:pointer;font-family:var(--k-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--k-ink);background:linear-gradient(180deg,#fff,#e0e6ee);border:1px solid #9aa6b3;box-shadow:inset 0 1px #fff}.k-proj-new:hover{background:linear-gradient(180deg,#fff,#eaf0f6)}.k-body{flex:1;display:flex;min-height:0}.resizer{flex:none;width:6px;cursor:col-resize;background:linear-gradient(90deg,#0000001f,#ffffff80,#0000001f)}.resizer:hover{background:linear-gradient(90deg,var(--k-tang-1),var(--k-tang-2))}.k-rail{flex:none;overflow-y:auto;border-right:1px solid #8f9ba8;background:repeating-linear-gradient(0deg,#ffffff59 0,#ffffff59 1px,#00000004 1px,#00000004 2px),linear-gradient(180deg,#eef0f3,#dde1e6);box-shadow:inset -1px 0 #ffffff80}.k-sec{border-bottom:1px solid #b7c1cc}.k-sec-head{display:flex;align-items:center;justify-content:space-between;padding:11px 14px 7px}.k-sec-body{padding:0 8px 12px;display:flex;flex-direction:column;gap:4px}.k-screen{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:8px 10px;border:1px solid transparent;border-radius:var(--k-r-sm);background:none;cursor:pointer;text-align:left;color:var(--k-ink)}.k-screen:hover{background:#ffffff8c;border-color:#cdd6df}.k-screen.on{border-color:var(--k-tang-3);color:#5a2500;background:linear-gradient(180deg,var(--k-tang-hi),var(--k-tang-1) 60%,#ff9d47);box-shadow:inset 0 1px #fff,0 1px 2px #0000002e}.k-screen-no{font-family:var(--k-mono);font-size:10px;color:var(--k-ink-3)}.k-screen.on .k-screen-no{color:var(--k-tang-3)}.k-screen-name{font-weight:700;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-screen-tag{font-family:var(--k-mono);font-size:8px;letter-spacing:.06em;text-transform:uppercase;color:var(--k-ink-2);background:linear-gradient(180deg,#fff,#dde4ec);border:1px solid #9aa6b3;border-radius:3px;padding:1px 5px;box-shadow:inset 0 1px #fff}.k-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 10px}.k-setchip{font-family:var(--k-mono);font-size:11px;padding:5px 12px;border-radius:999px;cursor:pointer;color:var(--k-ink-2);background:linear-gradient(180deg,#fff,#dde4ec);border:1px solid #9aa6b3;box-shadow:inset 0 1px #fff}.k-setchip.on{color:#5a2500;background:linear-gradient(180deg,var(--k-tang-hi),var(--k-tang-1) 55%,var(--k-tang-2));border-color:var(--k-tang-3);text-shadow:0 1px 0 rgba(255,255,255,.6)}.k-layer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:6px 9px;border:1px solid transparent;border-radius:var(--k-r-sm);background:none;cursor:pointer;text-align:left;width:100%}.k-layer:hover{background:#fff9}.k-layer.on{border-color:var(--k-tang-2);background:linear-gradient(180deg,#fbfeff,#ffeeda);box-shadow:inset 0 1px #fff}.k-layer-glyph{font-size:13px;width:16px;text-align:center;color:var(--k-tang-3)}.k-layer-id{font-family:var(--k-mono);font-size:11px;color:var(--k-ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-layer.on .k-layer-id{color:var(--k-ink)}.k-eye{border:none;background:none;cursor:pointer;font-size:12px;opacity:.55;padding:2px;color:var(--k-tang-3)}.k-eye:hover{opacity:1}.k-addrow{display:flex;gap:5px;padding:8px 10px 0}.k-workspace{flex:1;min-width:0;display:flex;flex-direction:column}.k-context{flex:none;height:36px;display:flex;align-items:center;gap:12px;padding:0 14px;border-bottom:1px solid #8f9ba8;background:repeating-linear-gradient(0deg,#ffffff4d 0,#ffffff4d 1px,#00000005 1px,#00000005 2px),linear-gradient(180deg,#eef0f3,#d8dce1);box-shadow:inset 0 1px #fff}.k-context .k-crumb{font-family:var(--k-mono);font-size:11px;color:var(--k-ink-2)}.k-context .k-crumb b{color:var(--k-ink)}.k-context .k-crumb .sep{color:var(--k-ink-3);margin:0 7px}.k-canvas{flex:1;min-height:0;display:flex;padding:24px;overflow:auto;background:radial-gradient(circle,rgba(255,255,255,.55) 1px,transparent 1px) 0 0 / 20px 20px,linear-gradient(180deg,#e4e7ec,#d2d7dd)}.k-canvas.preview{background:#0a0d12;padding:0}.k-inspector{flex:none;display:flex;flex-direction:column;min-height:0;border-left:1px solid #8f9ba8;background:repeating-linear-gradient(0deg,#ffffff59 0,#ffffff59 1px,#00000004 1px,#00000004 2px),linear-gradient(180deg,#eef0f3,#dde1e6);box-shadow:inset 1px 0 #ffffff80}.k-tabs{flex:none;display:flex;gap:4px;padding:8px;border-bottom:1px solid #b7c1cc}.k-tab{flex:1;height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:var(--k-r-sm);cursor:pointer;color:var(--k-ink-2);background:linear-gradient(180deg,#fff,#dde4ec);border:1px solid #9aa6b3;box-shadow:inset 0 1px #fff}.k-tab:hover{background:linear-gradient(180deg,#fff,#e9eef4)}.k-tab.on{color:#5a2500;border-color:var(--k-tang-3);background:linear-gradient(180deg,var(--k-tang-hi),var(--k-tang-1) 52%,var(--k-tang-2));box-shadow:inset 0 1px #ffffffe6,0 1px 2px #0003}.k-tab-glyph{font-size:15px;line-height:1}.k-tab-name{font-family:var(--k-mono);font-size:8px;letter-spacing:.04em}.k-insp-body{flex:1;min-height:0;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px}.k-panel{flex:0 0 auto;border-radius:var(--k-r);overflow:hidden;border:1px solid #9aa6b3;background:linear-gradient(180deg,#fff,#eef1f6);box-shadow:inset 0 1px #fff,0 2px 6px #00000024}.k-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;color:var(--k-ink);border-bottom:1px solid #9aa6b3;text-shadow:0 1px 0 rgba(255,255,255,.6);background:linear-gradient(180deg,#fdfefe,#dfe4ea);box-shadow:inset 0 1px #fff}.k-panel-head.sky,.k-panel-head.orange,.k-panel-head.tangerine{color:#5a2500;border-bottom-color:#c46200;background:linear-gradient(180deg,var(--k-tang-hi),var(--k-tang-1) 52%,var(--k-tang-2))}.k-panel-head.mango{color:#4a3600;border-bottom-color:#c89a00;background:linear-gradient(180deg,var(--k-mango-hi),var(--k-mango-1) 52%,var(--k-mango-2))}.k-panel-head.lime{color:#33470a;border-bottom-color:#83a616;background:linear-gradient(180deg,var(--k-lime-hi),var(--k-lime-1) 52%,var(--k-lime-2))}.k-panel-head.ink{color:#eef7ff;border-bottom-color:#2a323c;text-shadow:0 1px 1px rgba(0,0,0,.5);background:linear-gradient(180deg,#7c8794,#545e6b 52%,#3c4550)}.k-panel-title{font-family:var(--k-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.k-panel-sub{font-family:var(--k-mono);font-size:10px;opacity:.8}.k-panel-body{padding:12px;display:flex;flex-direction:column;gap:10px}.k-secline{font-family:var(--k-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--k-ink-2);display:flex;align-items:center;gap:8px;margin-top:2px;text-shadow:0 1px 0 #fff}.k-secline:after{content:"";flex:1;height:2px;border-radius:2px;background:repeating-linear-gradient(90deg,var(--k-line) 0 3px,transparent 3px 6px)}.k-field{display:flex;flex-direction:column;gap:4px}.k-field>span{font-family:var(--k-mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--k-ink-2);text-shadow:0 1px 0 #fff}.k-input,.k-field input,.k-field select,.k-field textarea{width:100%;background:#fff;border:1px solid #97a2af;border-top-color:#7d8895;border-radius:var(--k-r-sm);padding:7px 9px;font-family:var(--k-mono);font-size:12px;color:var(--k-ink);box-shadow:inset 0 1px 2px #00000029}.k-input:focus,.k-field input:focus,.k-field select:focus,.k-field textarea:focus{outline:none;border-color:var(--k-tang-2);box-shadow:inset 0 1px 2px #0000001f,0 0 0 3px #ff8a1e4d}.k-field textarea{resize:vertical;line-height:1.4}.k-field.chk{flex-direction:row;align-items:center;gap:8px}.k-field.chk input{width:auto;accent-color:var(--k-tang-2);box-shadow:none}.k-grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.k-span2{grid-column:span 2}.k-color{display:flex;gap:6px;align-items:center}.k-color input[type=color]{width:34px;height:32px;padding:2px;border-radius:var(--k-r-sm);border:1px solid #97a2af;background:#fff;flex:none;cursor:pointer;box-shadow:inset 0 1px 2px #00000029}.k-color .k-hex{flex:1}.k-alpha{display:flex;align-items:center;gap:8px}.k-alpha input[type=range]{flex:1;accent-color:var(--k-tang-2)}.k-alpha span{font-family:var(--k-mono);font-size:10px;color:var(--k-ink-3);min-width:34px;text-align:right}.k-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;cursor:pointer;border-radius:999px;font-size:12px;font-weight:700;color:var(--k-ink);border:1px solid #9aa6b3;background:linear-gradient(180deg,#fff,#dde4ec);box-shadow:inset 0 1px #fff,0 1px 2px #00000038;text-shadow:0 1px 0 rgba(255,255,255,.6)}.k-btn:hover{background:linear-gradient(180deg,#fff,#e9eef4)}.k-btn:active{box-shadow:inset 0 2px 4px #00000040}.k-btn.primary{color:#5a2500;border-color:var(--k-tang-3);background:linear-gradient(180deg,var(--k-tang-hi),var(--k-tang-1) 50%,var(--k-tang-2))}.k-btn.yellow{color:#33470a;border-color:var(--k-lime-3);background:linear-gradient(180deg,var(--k-lime-hi),var(--k-lime-1) 50%,var(--k-lime-2))}.k-btn.ghost{background:linear-gradient(180deg,#ffffff47,#ffffff14);border-color:#fff6;color:#eef7ff;text-shadow:0 1px 1px rgba(0,0,0,.4)}.k-btn.ghost:hover{background:linear-gradient(180deg,#fff6,#ffffff26)}.k-btn.ghost.on{color:var(--k-lime-hi)}.k-btn.wide{width:100%}.k-btn:disabled{opacity:.45;cursor:default}.k-btn.danger{color:var(--k-cherry);border-color:#d99;background:linear-gradient(180deg,#fff,#ffe6e8)}.k-btn.danger:hover{color:#fff;border-color:var(--k-cherry);background:linear-gradient(180deg,#f0505c,var(--k-cherry));text-shadow:0 1px 1px rgba(0,0,0,.3)}.k-chip{padding:6px 11px;border-radius:999px;cursor:pointer;font-family:var(--k-mono);font-size:11px;color:var(--k-ink-2);background:linear-gradient(180deg,#fff,#dde4ec);border:1px solid #9aa6b3;box-shadow:inset 0 1px #fff}.k-chip:hover{color:var(--k-ink);background:linear-gradient(180deg,#fff,#e9eef4)}.k-chip.on{color:#5a2500;border-color:var(--k-tang-3);background:linear-gradient(180deg,var(--k-tang-hi),var(--k-tang-1) 55%,var(--k-tang-2));text-shadow:0 1px 0 rgba(255,255,255,.6)}.k-chip:disabled{opacity:.45;cursor:default}.k-row{display:flex;gap:6px;flex-wrap:wrap}.k-scope{font-family:var(--k-mono);font-size:10px;line-height:1.5;color:#4a3600;border-radius:var(--k-r-sm);padding:8px 10px;background:linear-gradient(180deg,var(--k-mango-hi),#ffe89a);border:1px solid var(--k-mango-3);box-shadow:inset 0 1px #fff}.k-scope b{background:var(--k-mango-3);color:#fff;padding:0 4px;border-radius:3px}.k-optrow{display:grid;grid-template-columns:60px 1fr auto;gap:6px;align-items:center}.k-optrow .k-x{border:1px solid #d99;background:linear-gradient(180deg,#fff,#ffe6e8);color:var(--k-cherry);border-radius:var(--k-r-sm);cursor:pointer;padding:6px 9px;font-size:13px}.k-optrow .k-x:hover{background:linear-gradient(180deg,#f0505c,var(--k-cherry));color:#fff;border-color:var(--k-cherry)}.k-json{width:100%;min-height:340px;border-radius:var(--k-r-sm);padding:12px;font-family:var(--k-mono);font-size:12px;line-height:1.5;background:#fbfdff;border:1px solid #97a2af;border-top-color:#7d8895;color:#37424c;box-shadow:inset 0 1px 3px #00000024}.k-json:focus{outline:none;border-color:var(--k-tang-2);box-shadow:inset 0 1px 3px #0000001a,0 0 0 3px #ff8a1e4d}.k-upload{display:block;text-align:center;padding:12px;border-radius:var(--k-r-sm);cursor:pointer;font-family:var(--k-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--k-ink);background:linear-gradient(180deg,#fff,#dde4ec);border:1px solid #9aa6b3;box-shadow:inset 0 1px #fff}.k-upload:hover{background:linear-gradient(180deg,#fff,#e9eef4)}.k-assets{display:grid;grid-template-columns:1fr 1fr;gap:8px}.k-asset{border-radius:var(--k-r-sm);padding:6px;display:flex;flex-direction:column;gap:5px;background:linear-gradient(180deg,#fff,#e8edf3);border:1px solid #a8b3c0;box-shadow:inset 0 1px #fff}.k-asset img{width:100%;height:68px;object-fit:contain;background:#dfe6ee;border-radius:6px;box-shadow:inset 0 1px 3px #00000026}.k-asset-file{font-family:var(--k-mono);font-size:10px;color:var(--k-ink-3);word-break:break-all}.k-ai-log{display:flex;flex-direction:column;gap:6px;margin-top:4px}.k-ai-msg{padding:8px 10px;border-radius:var(--k-r-sm);font-size:12px;font-family:var(--k-mono);line-height:1.5;box-shadow:inset 0 1px #fff}.k-ai-msg.ai{background:linear-gradient(180deg,var(--k-lime-hi),#d6f0a6);color:#3a5200;border:1px solid var(--k-lime-2)}.k-ai-msg.you{background:linear-gradient(180deg,#fff,#e8edf3);color:var(--k-ink-2);border:1px solid #a8b3c0}.k-ai-msg.err{background:linear-gradient(180deg,#ffe6e8,#ffd0d4);color:var(--k-cherry);border:1px solid #e6a}.k-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--k-ink-2);font-family:var(--k-mono);font-size:12px;text-shadow:0 1px 0 #fff}.k-login{height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(1000px 600px at 50% 0%,#eef1f4,transparent),linear-gradient(180deg,#d7dce2,#b9c0c8)}.k-login-card{width:340px;border-radius:var(--k-r);overflow:hidden;border:1px solid #7d8895;background:linear-gradient(180deg,#fff,#e6ebf1);box-shadow:0 26px 64px #0006,inset 0 1px #fff}.k-login-head{padding:20px 22px;border-bottom:1px solid #c46200;color:#5a2500;text-shadow:0 1px 0 rgba(255,255,255,.6);background:linear-gradient(180deg,var(--k-tang-hi),var(--k-tang-1) 52%,var(--k-tang-2));box-shadow:inset 0 1px #ffffffd9}.k-login-head h1{margin:0;font-size:26px;letter-spacing:.06em;font-weight:800;font-style:italic}.k-login-head p{margin:3px 0 0;font-family:var(--k-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#7a3400}.k-login-body{padding:22px;display:flex;flex-direction:column;gap:12px}.k-login-body label{display:flex;flex-direction:column;gap:5px}.k-login-body label span{font-family:var(--k-mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--k-ink-2)}.k-login-body input{background:#fff;border:1px solid #97a2af;border-top-color:#7d8895;border-radius:var(--k-r-sm);padding:9px;font-family:var(--k-mono);font-size:13px;box-shadow:inset 0 1px 2px #00000029}.k-login-err{color:var(--k-cherry);font-family:var(--k-mono);font-size:11px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0b0b12;color:#f4f4f8;-webkit-font-smoothing:antialiased}button{font-family:inherit}.play-root{position:fixed;top:0;right:0;bottom:0;left:0;background:#000}.qw-player{width:100%;height:100%}.qw-stage-wrap{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.qw-stage{position:relative;transform-origin:center center;flex:none;overflow:hidden}.fullscreen-msg{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:20px;color:#cfcfe0}@keyframes qw-timer-shrink{0%{width:100%}to{width:0%}}@keyframes qw-fade-in{0%{opacity:0}to{opacity:1}}@keyframes qw-fade-out{0%{opacity:1}to{opacity:0}}@keyframes qw-slidefade-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes qw-slidefade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-24px)}}.qw-fade-in{animation:qw-fade-in var(--qw-fade, .4s) ease forwards}.qw-fade-out{animation:qw-fade-out var(--qw-fade, .4s) ease forwards}.qw-slidefade-in{animation:qw-slidefade-in var(--qw-fade, .4s) ease forwards}.qw-slidefade-out{animation:qw-slidefade-out var(--qw-fade, .4s) ease forwards}