:root{--bg:#121315;--stage:#17181b;--panel:#18191c;--panel-2:#202125;--line:#2a2c31;--text:#d9dadd;--muted:#84878e;--accent:#e8e9eb;--radius:6px}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font-family:Inter,system-ui,sans-serif;font-size:13px;overflow:hidden}button,select{font:inherit;color:inherit}.ic{flex:none;display:block}#app{--side-w:248px;--insp-w:320px;--top-h:48px;grid-template-columns:var(--side-w) minmax(0, 1fr) var(--insp-w);grid-template-rows:var(--top-h) minmax(0, 1fr);grid-template-areas:"top top top""side stage insp";height:100vh;display:grid}#app.mode-oficina{--insp-w:468px}#topbar{background:var(--panel);border-bottom:1px solid var(--line);z-index:8;grid-area:top;align-items:center;gap:18px;padding:0 12px 0 16px;display:flex}.brand{width:calc(var(--side-w) - 34px);flex:none;align-items:center;gap:9px;display:flex}.brand-mark{color:var(--muted);place-items:center;display:grid}.brand b{white-space:nowrap;font-size:14px;font-weight:600}#sections{gap:2px;height:100%;display:flex}.sec-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:500;display:flex}.sec-btn:hover{color:var(--text)}.sec-btn.on{color:var(--accent);border-bottom-color:var(--accent)}.top-right{align-items:center;gap:10px;margin-left:auto;display:flex}#fps{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font:11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}#fps b{color:var(--text);font-weight:500}.menu-wrap{position:relative}#visual-btn{border:1px solid var(--line)}#visual-btn.on{border-color:#3a3c42}.menu{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);z-index:20;gap:2px;min-width:250px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 30px #00000073}.menu[hidden]{display:none}.menu-item{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:4px;grid-template-columns:18px 1fr auto;align-items:center;gap:10px;padding:7px 8px;display:grid}.menu-item:hover{background:var(--panel-2)}.menu-item .ic{color:var(--muted)}.menu-item small{color:var(--muted);grid-column:2;font-size:11px}.menu-item .tick{background:#33363d;border-radius:8px;grid-area:1/3/span 2;width:28px;height:16px;position:relative}.menu-item .tick:after{content:"";background:#8a8e96;border-radius:50%;width:12px;height:12px;transition:transform .12s;position:absolute;top:2px;left:2px}.menu-item.on .tick{background:#5d6068}.menu-item.on .tick:after{background:#f1f1ef;transform:translate(12px)}#sidebar{background:var(--panel);border-right:1px solid var(--line);z-index:6;flex-direction:column;grid-area:side;min-height:0;display:flex}.search{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);align-items:center;gap:8px;margin:12px 12px 8px;padding:0 10px;display:flex}.search input{color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1;padding:8px 0}#side-actions{padding:0 12px}#side-actions:empty{display:none}.side-new{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);width:100%;color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:7px;margin-bottom:6px;padding:7px 10px;display:flex}.side-new:hover{background:var(--panel-2);border-color:#3a3c42}.side-label{color:var(--muted);justify-content:space-between;padding:10px 8px 4px;font-size:11px;font-weight:500;display:flex}.side-empty{color:var(--muted);margin:8px;font-size:12px;line-height:1.5}#catalog{flex:1;padding:0 8px 12px;overflow-y:auto}#catalog::-webkit-scrollbar{width:6px}#catalog::-webkit-scrollbar-thumb{background:var(--line);border-radius:6px}.cat{margin-top:10px}.cat-head{border-radius:var(--radius);cursor:pointer;width:100%;color:var(--muted);text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:6px 8px;font-size:12px;font-weight:500;display:flex}.cat-head .ic{display:none}.cat-head:hover,.cat-head.active{color:var(--text)}.cat-head .count{font-variant-numeric:tabular-nums;margin-left:auto}.cat-head .see-all{font-weight:400;display:none}.cat-head:hover .see-all{display:inline}.item{border-radius:var(--radius);cursor:pointer;text-align:left;color:#b9bbc1;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:6px 8px 6px 16px;display:flex}.item:hover{background:var(--panel-2);color:var(--text)}.item.active{background:var(--panel-2);color:var(--accent)}.item small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.item.rich{justify-content:flex-start;gap:10px;padding:7px 8px}.item.rich>span{gap:2px;min-width:0;display:grid}.item.rich b{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.item.rich small{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.cf-back{z-index:100;background:#08090a99;place-items:center;padding:16px;animation:.12s ease-out cf-fade;display:grid;position:fixed;inset:0}.cf{background:var(--panel);border:1px solid var(--line);border-radius:10px;width:min(400px,100%);padding:18px 18px 16px;animation:.14s ease-out cf-pop;box-shadow:0 18px 48px #00000080}.cf-head{align-items:center;gap:10px;display:flex}.cf-head h2{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:15px;font-weight:600;line-height:1.35}.cf-ic{color:#e5534b;background:#e5534b1f;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid}.cf p{color:var(--muted);margin:10px 0 0;line-height:1.5}.cf-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.fg-btn.primary.danger{color:#fff;background:#c9443d;border-color:#c9443d}.fg-btn.primary.danger:hover:not(:disabled){color:#fff;background:#dc4f47}.cf .fg-btn:focus-visible{outline-offset:2px;outline:2px solid #5b8def}@keyframes cf-fade{0%{opacity:0}}@keyframes cf-pop{0%{opacity:0;transform:translateY(6px)scale(.98)}}.item.rich{position:relative}.item-del{border-radius:var(--radius);color:var(--muted);background:var(--panel-2);padding:5px;display:none;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.item.rich:hover .item-del{display:flex}.item.rich:hover>span:not(.item-del){padding-right:28px}.item-del:hover{color:#e5534b;background:var(--panel-3,#2a2d33)}@media (hover:none){.item.rich .item-del{display:flex}.item.rich>span:not(.item-del){padding-right:28px}}.item.rich canvas{width:32px;height:32px;image-rendering:pixelated;background:#1d1f23;border-radius:3px;flex:none}#sidebar-foot{border-top:1px solid var(--line);color:var(--muted);padding:10px 16px;font-size:11px}#stage{background:var(--stage);grid-area:stage;min-width:0;min-height:0;position:relative}#viewport,#viewport canvas{position:absolute;inset:0}#viewport canvas{display:block}#viewbar{z-index:5;pointer-events:none;justify-content:space-between;gap:8px;display:flex;position:absolute;top:10px;left:10px;right:10px}#viewbar>*{pointer-events:auto}#animbar{z-index:5;max-width:calc(100% - 20px);position:absolute;bottom:12px;left:50%;transform:translate(-50%)}#app.mode-oficina #viewbar,#app.mode-oficina #animbar{display:none}.group{border:1px solid var(--line);border-radius:var(--radius);background:#18191ceb;flex-wrap:wrap;align-items:center;gap:2px;padding:3px;display:flex}.group:empty{display:none}.tbtn{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:4px;align-items:center;gap:6px;padding:5px 9px;font-size:12px;display:inline-flex}.tbtn:hover{color:var(--text);background:var(--panel-2)}.tbtn.on{color:var(--accent);background:#2a2c31}.tbtn:disabled{opacity:.35;cursor:not-allowed;background:0 0}.tbtn.icon-only{padding:5px 7px}.tsep{background:var(--line);align-self:stretch;width:1px;margin:3px 4px}.tsep-text{color:var(--muted);padding:0 4px;font-size:11px}.tselect{background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:4px;padding:3px 6px;font-size:12px}.icon-btn{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);color:var(--muted);cursor:pointer;padding:6px;display:none}#inspector{background:var(--panel);border-left:1px solid var(--line);z-index:6;flex-direction:column;grid-area:insp;min-height:0;display:flex}#insp-head{border-bottom:1px solid var(--line);padding:16px 16px 14px}.chip{color:var(--muted);font-size:11px;font-weight:500;display:block}#insp-head h2{margin:3px 0 6px;font-size:17px;font-weight:600}#insp-head p{color:#a9abb1;margin:0;font-size:12.5px;line-height:1.55}#insp-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}#insp-body::-webkit-scrollbar{width:6px}#insp-body::-webkit-scrollbar-thumb{background:var(--line);border-radius:6px}#app.mode-oficina #insp-head,#app.mode-oficina #info,#app.mode-oficina #simpanel{display:none}#app.mode-oficina #insp-body{overflow:hidden}#info{padding:4px 16px 16px;font-size:12px}#info[hidden]{display:none}.insp-sec{border-bottom:1px solid var(--line);padding:12px 0}.insp-sec:last-of-type{border-bottom:0}.insp-sec h3{color:var(--muted);letter-spacing:.02em;margin:0 0 8px;font-size:11px;font-weight:500}#info dl{grid-template-columns:auto auto;gap:6px 16px;margin:0;display:grid}#info dt{color:var(--muted)}#info dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}#info .swatches{flex-wrap:wrap;gap:4px;display:flex}#info .swatches span{border-radius:3px;width:16px;height:16px;box-shadow:inset 0 0 0 1px #ffffff14}#info .swatches span.glow{outline-offset:1px;outline:1px solid #ffffff80}.insp-actions{flex-wrap:wrap;gap:6px;display:flex}.insp-actions .fg-btn.primary{justify-content:center;width:100%;padding:8px 11px}#info .hint{color:var(--muted);margin:0;padding-top:12px;font-size:11px;line-height:1.55}#simpanel{font-size:12px}.label3d{color:var(--text);background:var(--panel);border:1px solid var(--line);white-space:nowrap;cursor:pointer;pointer-events:auto;border-radius:4px;padding:2px 6px;font:500 11px Inter,sans-serif}.label3d:hover{border-color:var(--muted)}#simpanel[hidden]{display:none}#simpanel::-webkit-scrollbar{width:6px}#simpanel::-webkit-scrollbar-thumb{background:var(--line);border-radius:6px}.sp-sec{border-bottom:1px solid var(--line)}.sp-head{text-align:left;cursor:pointer;width:100%;color:var(--text);background:0 0;border:0;padding:9px 12px;font-weight:600}.sp-head:after{content:"−";float:right;color:var(--muted)}.sp-sec.closed .sp-head:after{content:"+"}.sp-sec.closed .sp-body{display:none}.sp-body{gap:8px;padding:0 12px 10px;display:grid}.sp-row{gap:4px;display:grid}.sp-label{color:var(--muted)}.sp-seg{flex-wrap:wrap;gap:2px;display:flex}.sp-seg button,.sp-action{border:1px solid var(--line);background:var(--bg);color:var(--muted);cursor:pointer;border-radius:4px;padding:4px 8px;font-size:12px}.sp-seg button:hover,.sp-action:hover{color:var(--text)}.sp-seg button.on{color:var(--accent);background:#2a2c31;border-color:#3a3c42}.sp-slider{grid-template-columns:1fr 64px;align-items:center;gap:8px;display:grid}.sp-slider input{appearance:none;background:0 0;width:100%;height:16px;margin:0}.sp-slider input::-webkit-slider-runnable-track{background:#3a3c42;border-radius:2px;height:3px}.sp-slider input::-moz-range-track{background:#3a3c42;border-radius:2px;height:3px}.sp-slider input::-webkit-slider-thumb{-webkit-appearance:none;background:#d9dadd;border-radius:50%;width:12px;height:12px;margin-top:-4.5px}.sp-slider input::-moz-range-thumb{background:#d9dadd;border:0;border-radius:50%;width:12px;height:12px}.sp-slider output{text-align:right;font-variant-numeric:tabular-nums;color:var(--text)}.sp-toggle{cursor:pointer;color:var(--text);align-items:center;gap:8px;display:flex}.sp-toggle input{accent-color:#b9bbc1}.sp-row dl{grid-template-columns:auto auto;gap:4px 12px;margin:0;display:grid}.sp-row dt{color:var(--muted)}.sp-row dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.sp-row ol{color:var(--muted);gap:3px;margin:0;padding:0;font-size:11px;list-style:none;display:grid}.sp-empty{color:var(--muted);grid-column:1/-1}#split{z-index:4;cursor:ew-resize;width:0;position:absolute;top:0;bottom:0}#split[hidden]{display:none}#split:before{content:"";background:#ffffff8c;width:1px;position:absolute;top:0;bottom:0;left:0}#split:after{content:"";width:20px;position:absolute;top:0;bottom:0;left:-10px}.split-handle{z-index:1;background:#d9dadd;border-radius:3px;width:11px;height:36px;margin-top:-18px;position:absolute;top:50%;left:-5px}.split-tag{background:var(--panel);border:1px solid var(--line);color:var(--text);pointer-events:none;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:500;position:absolute;top:54px}.split-tag.left{right:8px}.split-tag.right{left:8px}#split.fixed{cursor:default;pointer-events:none}#split.fixed .split-handle{display:none}#forge,#compose{flex-direction:column;flex:1;min-height:0;display:flex}#forge[hidden],#compose[hidden]{display:none}.fg-head{border-bottom:1px solid var(--line);padding:12px 16px 0}.fg-title{color:var(--text);align-items:center;gap:8px;display:flex}.fg-title>span{color:var(--muted);display:grid}.fg-status{align-items:center;gap:6px;margin-left:auto;font-size:11px;display:inline-flex}.fg-status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.fg-status:empty:before{display:none}.fg-status.ok{color:#6fbf8e}.fg-status.bad{color:#d9825b}.fg-steps{gap:2px;margin-top:10px;display:flex}.fg-stepbtn{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 4px 10px;font-size:12px;display:flex}.fg-stepbtn i{border:1px solid var(--line);border-radius:50%;place-items:center;width:17px;height:17px;font-size:10px;font-style:normal;display:grid}.fg-stepbtn.on{color:var(--accent);border-bottom-color:var(--accent)}.fg-stepbtn.on i{border-color:var(--accent)}.fg-stepbtn:disabled{cursor:default}.fg-stepbtn.off{opacity:.4}.fg-body{flex:1;padding:14px 16px;overflow-y:auto}.fg-body::-webkit-scrollbar{width:6px}.fg-body::-webkit-scrollbar-thumb{background:var(--line);border-radius:6px}.fg-step{gap:12px;display:grid}.fg-step[hidden]{display:none}.fg-foot{border-top:1px solid var(--line);gap:8px;padding:10px 16px 14px;display:grid}.fg-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.fg-btn{border:1px solid var(--line);background:var(--bg);color:#c4c6cb;cursor:pointer;border-radius:5px;align-items:center;gap:6px;padding:6px 11px;font-size:12px;display:inline-flex}.fg-btn:hover:not(:disabled){color:var(--text);border-color:#3a3c42}.fg-btn.primary{color:#141518;background:#e8e9eb;border-color:#e8e9eb;font-weight:500}.fg-btn.primary:hover:not(:disabled){color:#000;background:#fff}.fg-btn:disabled{opacity:.4;cursor:not-allowed}.info-forge{justify-content:center;width:100%;margin-top:10px}.fg-busy{color:var(--text);align-items:center;gap:10px;padding:4px 0;display:flex}.fg-spin{border:2px solid #3a3c42;border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite fg-spin}@keyframes fg-spin{to{transform:rotate(360deg)}}.fg-error{color:#f0a58a;background:#d9534f1a;border:1px solid #d9534f59;border-radius:5px;padding:7px 9px;font-size:12px;line-height:1.45}.fg-field{gap:5px;display:grid}.fg-field>span,.fg-kicker{color:var(--muted);letter-spacing:.02em;font-size:11px;font-weight:500}.fg-field input,.fg-field textarea,.fg-name,.fg-prop input,.fg-script{background:var(--bg);border:1px solid var(--line);width:100%;color:var(--text);font:inherit;resize:vertical;border-radius:5px;outline:none;padding:7px 9px}.fg-field input:focus,.fg-field textarea:focus,.fg-name:focus,.fg-prop input:focus,.fg-script:focus{border-color:#4a4d55}.fg-card{background:var(--panel-2);border:1px solid var(--line);border-radius:6px;gap:6px;padding:11px 12px;display:grid}.fg-card p,.fg-note{color:#c4c6cb;margin:0;line-height:1.5}.fg-note{color:var(--muted);font-size:12px}.fg-meta{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.fg-name-row{grid-template-columns:1fr auto;gap:6px;display:grid}.fg-name{padding:5px 8px;font-size:14px;font-weight:600}.fg-chips{flex-wrap:wrap;gap:4px;display:flex}.fg-chips .chip,.fg-inv .chip{border:1px solid var(--line);color:#c4c6cb;border-radius:10px;padding:1px 7px;font-size:11px}.fg-compare{grid-template-columns:1fr 1fr;gap:8px;display:grid}.fg-pick{background:var(--bg);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:6px;justify-items:center;gap:6px;padding:8px;font-size:12px;display:grid}.fg-pick canvas{aspect-ratio:1;width:100%;max-width:168px;image-rendering:pixelated;border-radius:4px}.fg-pick.on{border-color:var(--accent);color:var(--text)}.fg-suggestions{gap:8px;margin:0;padding:0 0 0 18px;display:grid}.fg-suggestions li{color:#c4c6cb;line-height:1.45}.fg-suggestions b{color:var(--text);font-weight:500;display:block}.fg-suggestions span{color:var(--muted);font-size:12px}.fg-versions{color:var(--muted);align-items:center;gap:4px;font-size:11px;display:flex}.fg-versions span{margin-right:4px}.fg-ver{border:1px solid var(--line);background:var(--bg);width:26px;height:24px;color:var(--muted);cursor:pointer;border-radius:4px;font-size:11px}.fg-ver.on{color:var(--accent);border-color:var(--accent)}.fg-props{gap:6px;display:grid}.fg-prop{grid-template-columns:120px 1fr;align-items:center;gap:2px 8px;display:grid}.fg-prop>span{color:#c4c6cb;text-overflow:ellipsis;font:12px ui-monospace,Consolas,monospace;overflow:hidden}.fg-prop input{padding:4px 7px}.fg-prop input[type=checkbox]{accent-color:#b9bbc1;justify-self:start;width:auto}.fg-prop small{color:var(--muted);grid-column:2;font-size:11px}.fg-code summary,.fg-api summary{cursor:pointer;color:var(--muted);align-items:center;gap:6px;padding:2px 0;font-size:12px;display:flex}.fg-code[open] summary{margin-bottom:6px}.fg-script{tab-size:2;white-space:pre;min-height:180px;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.fg-api pre{background:var(--bg);border:1px solid var(--line);color:#b9bbc1;white-space:pre-wrap;border-radius:5px;max-height:260px;margin:6px 0 0;padding:8px;font:11px/1.5 ui-monospace,Consolas,monospace;overflow:auto}.fg-test{border:1px solid var(--line);border-radius:6px;gap:8px;padding:10px 12px;display:grid}.fg-test.on{border-color:#3f5f4c}.fg-live{color:#6fbf8e;margin-left:6px;font-weight:400}.fg-hud{gap:6px;font-size:12px;display:grid}.fg-hud:empty{display:none}.fg-hp{color:var(--muted);grid-template-columns:70px 1fr 32px;align-items:center;gap:8px;display:grid}.fg-hp i{background:#2a1416;border-radius:3px;height:6px;overflow:hidden}.fg-hp b{background:#d9534f;height:100%;transition:width .15s;display:block}.fg-hp em{color:var(--text);text-align:right;font-variant-numeric:tabular-nums;font-style:normal}.fg-inv{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px;display:flex}.fg-inv>span:first-child{width:70px;margin-right:4px}.fg-console{background:var(--bg);border:1px solid var(--line);color:#c4c6cb;border-radius:5px;max-height:130px;margin:0;padding:6px 8px;font:11px/1.55 ui-monospace,Consolas,monospace;list-style:none;overflow-y:auto}.fg-console .muted,.fg-hud .muted{color:var(--muted)}.fg-console .warn{color:#e0b45a}.fg-console .error{color:#f0a58a}#forge.busy .fg-body,#compose.busy .fg-body{opacity:.75}.fg-editor{gap:10px;display:grid}.fe-tools{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.fe-seg{border:1px solid var(--line);background:var(--bg);border-radius:5px;gap:2px;padding:2px;display:flex}.fe-btn{width:30px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;display:grid}.fe-tools>.fe-btn{border:1px solid var(--line);background:var(--bg)}.fe-btn:hover{color:var(--text)}.fe-btn.on{color:var(--accent);background:#2a2c31}.fe-sep{flex:1}.fe-size{margin-left:2px}.fe-canvas-wrap{place-items:center;display:grid}.fe-canvas{image-rendering:pixelated;border:1px solid var(--line);cursor:crosshair;touch-action:none;border-radius:3px;max-width:100%;display:block}.fe-palette{gap:8px;display:grid}.fe-swatches,.fe-recent{flex-wrap:wrap;gap:3px;display:flex}.fe-recent{align-items:center}.fe-recent span{color:var(--muted);margin-right:4px;font-size:11px}.fe-recent:empty{display:none}.fe-sw{cursor:pointer;border:1px solid #00000059;border-radius:3px;width:22px;height:22px;padding:0}.fe-sw.on{outline:2px solid var(--accent);outline-offset:1px}.fe-current{align-items:center;gap:8px;display:flex}.fe-custom{cursor:pointer;display:grid;position:relative}.fe-custom input{opacity:0;cursor:pointer;position:absolute;inset:0}.fe-chip{border:1px solid var(--line);border-radius:4px;width:30px;height:22px}.fe-hex{color:#c4c6cb;font:12px ui-monospace,Consolas,monospace}.fe-glow{color:var(--muted);cursor:pointer;align-items:center;gap:6px;margin-left:auto;font-size:12px;display:flex}.fe-glow input{accent-color:#b9bbc1}.forge-bubble{color:#18191c;text-align:center;white-space:normal;pointer-events:none;background:#f1f1ef;border-radius:8px;max-width:220px;padding:5px 9px;font:500 12px/1.35 Inter,sans-serif;transform:translateY(-50%);box-shadow:0 2px 8px #00000059}.forge-popup{color:#fff;text-shadow:0 1px #000,0 0 4px #000000e6;white-space:nowrap;pointer-events:none;font:700 14px Inter,sans-serif}.fg-opts{color:var(--muted);flex-wrap:wrap;gap:4px 14px;font-size:12px;display:flex}.fg-opts label{cursor:pointer;align-items:center;gap:6px;display:flex}.fg-opts input{accent-color:#b9bbc1}.fg-doc{align-items:center;gap:6px;margin-top:10px;display:flex}.fg-doc .fg-btn{padding:5px 9px}.fg-doc .fg-btn.on{border-color:var(--accent);color:var(--text)}.fg-doc-name{white-space:nowrap;flex:1;align-items:baseline;gap:6px;min-width:0;display:flex;overflow:hidden}.fg-doc-name span{color:var(--muted);font-size:11px}.fg-doc-name b{text-overflow:ellipsis;font-weight:600;overflow:hidden}.fg-doc-name small{color:var(--muted);font-size:11px}.fg-doc-name small.warn{color:#e0b45a}.fg-library{background:var(--bg);border:1px solid var(--line);border-radius:6px;gap:2px;max-height:260px;margin-top:8px;padding:4px;display:grid;overflow-y:auto}.fg-library[hidden]{display:none}.fg-library .fg-note{padding:6px}.fg-lib-item{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:4px;align-items:center;gap:10px;padding:5px 6px;display:flex}.fg-lib-item:hover{background:var(--panel-2)}.fg-lib-item.on{background:#2a2c31}.fg-lib-item canvas{width:36px;height:36px;image-rendering:pixelated;background:#1d1f23;border-radius:3px;flex:none}.fg-lib-item span{gap:1px;min-width:0;display:grid}.fg-lib-item b{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.fg-lib-item small{color:var(--muted);font-size:11px}@media (width<=1180px){#app{--side-w:220px;--insp-w:288px}#app.mode-oficina{--insp-w:420px}.tbtn .lbl{display:none}}@media (width<=860px){#app{grid-template-columns:minmax(0,1fr);grid-template-areas:"top""stage"}.brand{width:auto}.brand b,.sec-btn span,#fps{display:none}.icon-btn{place-items:center;display:grid}#sidebar,#inspector{top:var(--top-h);width:min(320px,88vw);transition:transform .2s;position:fixed;bottom:0;box-shadow:0 0 40px #00000080}#sidebar{left:0;transform:translate(-100%)}#inspector{right:0;transform:translate(100%)}#app.mode-oficina #inspector{width:100vw}#app.side-open #sidebar,#app.insp-open #inspector{transform:none}}.insp-select{width:100%;padding:6px 8px}.fg-kinds{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.fg-kind{border:1px solid var(--line);background:var(--bg);color:var(--muted);cursor:pointer;border-radius:5px;align-items:center;gap:7px;padding:7px 9px;font-size:12px;display:flex}.fg-kind:hover{color:var(--text)}.fg-kind.on{color:var(--accent);border-color:var(--accent);background:#232428}.fg-views{border-bottom:1px solid var(--line);gap:2px;display:flex}.fg-viewtab{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:baseline;gap:5px;padding:6px 10px 7px;font-size:12px;display:flex}.fg-viewtab small{color:#5f626a;font-size:10px}.fg-viewtab.has span:after{content:"";vertical-align:middle;background:#6fbf8e;border-radius:50%;width:5px;height:5px;margin-left:5px;display:inline-block}.fg-viewtab:hover{color:var(--text)}.fg-viewtab.on{color:var(--accent);border-bottom-color:var(--accent)}.cp-gap{height:12px}.cp-rooms{gap:4px;display:grid}.cp-room{border:1px solid var(--line);background:var(--bg);color:var(--text);text-align:left;cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:6px 8px;display:flex}.cp-room:hover{border-color:#3a3c42}.cp-room.on{border-color:var(--accent);background:#232428}.cp-room canvas{width:44px;height:44px;image-rendering:pixelated;border-radius:4px;flex:none}.cp-room span{gap:2px;min-width:0;display:grid}.cp-room b{font-size:13px;font-weight:600}.cp-room em{color:var(--accent);text-transform:uppercase;letter-spacing:.04em;margin-left:6px;font-size:10px;font-style:normal}.cp-room small{color:var(--muted);font-size:11px}.cp-sub{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:11px}.cp-list{gap:3px;margin:0;padding:0;list-style:none;display:grid}.cp-list li{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;column-gap:8px;padding:5px 0;display:grid}.cp-list li:last-child{border-bottom:0}.cp-list li span{font-size:12.5px}.cp-list li small{color:var(--muted);grid-column:1;font-size:11px;line-height:1.4}.cp-list li>button{grid-area:1/2/span 2}.cp-x{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:4px;display:grid}.cp-x:hover{color:#ff8a7a;background:#2a2c31}.cp-missing li>.fg-btn{padding:4px 8px;font-size:11.5px}.cp-notes{color:#e0c98a;background:#2a261c;border:1px solid #4a3f24;border-radius:6px;margin:0;padding:8px 10px 8px 26px;font-size:12px;line-height:1.5}.cp-name{width:100%}#compose .fg-test[hidden]{display:none}.forge-portal{color:#cfefff;white-space:nowrap;pointer-events:none;background:#142834d1;border:1px solid #9fe8ff8c;border-radius:4px;padding:2px 7px;font:500 11px Inter,system-ui,sans-serif}.forge-hint{color:#eef0f2;white-space:nowrap;pointer-events:none;background:#121316db;border:1px solid #ffffff24;border-radius:5px;gap:4px;padding:3px 9px 3px 3px;font:500 12px Inter,system-ui,sans-serif;display:grid}.forge-hint>span{align-items:center;gap:6px;display:flex}.forge-hint b{color:#17181b;background:#eef0f2;border-radius:3px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:600;display:grid;box-shadow:0 2px #8a8f99}.cp-add{color:var(--muted);cursor:pointer;background:0 0;border:1px dashed #3a3c42;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:12.5px;display:flex}.cp-add:hover:not(:disabled){color:var(--text);border-color:var(--accent)}.cp-add:disabled{opacity:.5;cursor:default}.cp-form{gap:10px}.cp-form .fg-actions{justify-content:flex-end}.cp-room-head{align-items:center;gap:4px;display:flex}.cp-room-name{min-width:0;color:var(--text);background:0 0;border:1px solid #0000;border-radius:4px;flex:1;margin-left:-6px;padding:4px 6px;font:600 13px Inter,system-ui,sans-serif}.cp-room-name:hover,.cp-room-name:focus{border-color:var(--line);background:var(--bg);outline:none}.hotbar{z-index:5;pointer-events:none;background:#121316c7;border:1px solid #ffffff14;border-radius:8px;gap:4px;padding:5px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.hotbar[hidden]{display:none}.hb-slot{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:5px;place-items:center;width:50px;height:50px;display:grid;position:relative}.hb-slot.empty{opacity:.55}.hb-slot.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset;background:#ffffff1a}.hb-slot i{color:#9a9da4;font:600 10px Inter,system-ui,sans-serif;position:absolute;top:2px;left:4px}.hb-slot.on i{color:var(--accent)}.hb-slot img{width:38px;height:38px;margin-bottom:8px}.hb-slot b{color:#e6e8eb;margin-bottom:8px;font:600 14px Inter,system-ui,sans-serif}.hb-slot span{color:#c4c6cb;text-align:center;white-space:nowrap;text-overflow:ellipsis;font:500 9px Inter,system-ui,sans-serif;position:absolute;bottom:2px;left:2px;right:2px;overflow:hidden}@media (width<=640px){.hb-slot{width:36px;height:36px}.hb-slot span{display:none}.hb-slot img,.hb-slot b{margin-bottom:0}.hb-slot img{width:30px;height:30px}}#app.mode-jogo{grid-template:"stage"minmax(0,1fr)/minmax(0,1fr)}#app.mode-jogo #topbar,#app.mode-jogo #sidebar,#app.mode-jogo #inspector,#app.mode-jogo #viewbar,#app.mode-jogo #animbar,#app.mode-jogo #split{display:none}.pm{pointer-events:none;z-index:6;font-family:Inter,system-ui,sans-serif;position:absolute;inset:0}.pm[hidden]{display:none}.pm-hud{opacity:0;gap:6px;min-width:180px;transition:opacity .2s;display:grid;position:absolute;top:14px;left:14px}.pm.playing .pm-hud{opacity:1}.pm-room{color:#eef0f2;text-shadow:0 1px 2px #0009;font-size:13px;font-weight:600}.pm-hp{align-items:center;gap:8px;display:flex}.pm-hp i{background:#00000073;border-radius:4px;flex:1;height:8px;overflow:hidden;box-shadow:0 0 0 1px #ffffff1f}.pm-hp b{background:#e5534b;height:100%;transition:width .2s;display:block}.pm-hp span{color:#eef0f2;text-shadow:0 1px 2px #0009;min-width:26px;font-size:12px}.pm-items{flex-wrap:wrap;gap:4px;display:flex}.pm-items .chip{background:#121316c7}.pm-menu-btn{pointer-events:auto;color:#eef0f2;cursor:pointer;background:#121316c7;border:1px solid #ffffff1f;border-radius:6px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:12px;right:12px}.pm-screen{pointer-events:auto;background:#0c0d0f8c;place-items:center;padding:16px;display:grid;position:absolute;inset:0;overflow-y:auto}.pm-screen[hidden]{display:none}.pm-card{color:#c4c6cb;background:#18191df0;border:1px solid #ffffff14;border-radius:10px;gap:14px;width:min(520px,100%);padding:24px;display:grid;box-shadow:0 20px 60px #00000073}.pm-card>small{text-transform:uppercase;letter-spacing:.08em;color:#8a8d94;font-size:11px}.pm-card h1{color:#eef0f2;margin:-6px 0 0;font-size:24px;font-weight:600}.pm-card h2{text-transform:uppercase;letter-spacing:.06em;color:#8a8d94;margin:0 0 6px;font-size:12px;font-weight:600}.pm-card p{margin:0;font-size:13.5px;line-height:1.55}.pm-actions{flex-wrap:wrap;gap:8px;display:flex}.pm-btn{color:#eef0f2;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff24;border-radius:6px;align-items:center;gap:8px;padding:9px 16px;font:500 13.5px Inter,system-ui,sans-serif;display:inline-flex}.pm-btn:hover{background:#ffffff17}.pm-btn.primary{color:#17181b;background:#eef0f2;border-color:#eef0f2}.pm-btn.primary:hover{background:#fff}.pm-save{color:#8a8d94;font-size:12px!important}.pm-controls{border-top:1px solid #ffffff12;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px 14px;padding-top:12px;display:grid}.pm-controls div{align-items:center;gap:8px;font-size:12px;display:flex}.pm-controls kbd{color:#eef0f2;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff1f;border-radius:4px;padding:2px 6px;font:600 11px Inter,system-ui,sans-serif}.pm-quests{gap:8px;display:grid}.pm-q{background:#ffffff0a;border:1px solid #ffffff12;border-radius:6px;gap:3px;padding:10px 12px;display:grid}.pm-q b{color:#eef0f2;font-size:13.5px;font-weight:600}.pm-q em{color:#8a8d94;font-size:11px;font-style:normal}.pm-q.pronta em{color:#e0c46a}.pm-q.concluida{opacity:.6}.pm-q.concluida em{color:#6fbf8e}.pm-o{padding-left:14px;font-size:12.5px;position:relative}.pm-o:before{content:"";border:1px solid #8a8d94;border-radius:2px;width:6px;height:6px;position:absolute;top:6px;left:2px}.pm-o.ok{color:#8fd6a6}.pm-o.ok:before{background:#6fbf8e;border-color:#6fbf8e}.pm-empty{color:#8a8d94;font-size:12.5px!important}.dlg{z-index:7;pointer-events:auto;width:min(640px,100% - 32px);position:absolute;bottom:84px;left:50%;transform:translate(-50%)}.dlg[hidden]{display:none}.dlg-box{cursor:pointer;background:#141519f0;border:1px solid #ffffff1f;border-radius:8px;gap:8px;padding:14px 18px 12px;font-family:Inter,system-ui,sans-serif;display:grid;box-shadow:0 12px 40px #00000073}.dlg-who{letter-spacing:.04em;text-transform:uppercase;color:#e0c46a;font-size:12px;font-weight:600}.dlg-who[hidden]{display:none}.dlg-text{color:#eef0f2;min-height:1.55em;margin:0;font-size:15px;line-height:1.55}.dlg-opts{gap:4px;margin:2px 0 0;padding:0;list-style:none;display:grid}.dlg-opts li{color:#dfe1e5;background:#ffffff0d;border-radius:5px;align-items:center;gap:10px;padding:7px 10px;font-size:13.5px;display:flex}.dlg-opts li:hover{color:#fff;background:#ffffff1c}.dlg-opts i{color:#17181b;background:#eef0f2;border-radius:3px;place-items:center;min-width:18px;height:18px;font-size:11px;font-style:normal;font-weight:600;display:grid}.dlg-next{color:#8a8d94;justify-self:end;font-size:11px}.qt{z-index:5;pointer-events:none;gap:6px;width:min(240px,40%);font-family:Inter,system-ui,sans-serif;display:grid;position:absolute;top:14px;right:60px}.qt[hidden]{display:none}.qt-q{background:#121316c7;border:1px solid #ffffff14;border-radius:6px;gap:3px;padding:8px 10px;display:grid}.qt-q b{color:#eef0f2;font-size:12.5px;font-weight:600}.qt-q small{color:#e0c46a;font-size:11px}.qt-q.ready{border-color:#e0c46a80}.qt-o{color:#c4c6cb;padding-left:12px;font-size:11.5px;position:relative}.qt-o:before{content:"";border:1px solid #8a8d94;border-radius:1px;width:5px;height:5px;position:absolute;top:5px;left:1px}.qt-o.ok{color:#8fd6a6}.qt-o.ok:before{background:#6fbf8e;border-color:#6fbf8e}.toasts{z-index:8;pointer-events:none;justify-items:center;gap:6px;font-family:Inter,system-ui,sans-serif;display:grid;position:absolute;top:56px;left:50%;transform:translate(-50%)}.toast{color:#eef0f2;background:#121316e0;border:1px solid #ffffff1a;border-radius:6px;padding:7px 14px;font-size:13px;transition:opacity .5s,transform .5s;animation:.25s ease-out toast-in}.toast.start{border-color:#9fd8f580}.toast.done{color:#bfeccc;border-color:#6fbf8e99}.toast.ready{border-color:#e0c46a99}.toast.room{letter-spacing:.03em;font-weight:600}.toast.out{opacity:0;transform:translateY(-6px)}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}}#app.mode-oficina .qt{top:58px;right:14px}.nogl{color:#c4c6cb;max-width:640px;margin:12vh auto;padding:0 16px;font:14px/1.6 Inter,system-ui,sans-serif}.nogl h1{color:#eef0f2;margin:0 0 12px;font-size:22px;font-weight:600}.nogl ol{gap:6px;padding-left:20px;display:grid}.nogl b{color:#eef0f2;font-weight:600}.nogl small{color:#6f727a;word-break:break-word;margin-top:18px;font-size:11.5px;display:block}.cp-viewmode{z-index:6;background:#121316db;border:1px solid #ffffff1a;border-radius:7px;gap:2px;padding:3px;display:flex;position:absolute;top:12px;left:12px}.cp-viewmode[hidden]{display:none}.cp-viewmode button{color:#9a9da4;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:6px;padding:5px 10px;font:500 12px Inter,system-ui,sans-serif;display:flex}.cp-viewmode button:hover{color:#eef0f2}.cp-viewmode button.on{color:#eef0f2;background:#ffffff1a}.gr{z-index:4;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background-color:#17181b;background-image:radial-gradient(#ffffff12 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;overflow:hidden}.gr[hidden]{display:none}.gr:active{cursor:grabbing}.gr-world{transform-origin:0 0;position:absolute;top:0;left:0}.gr-edges{pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0;overflow:visible}.gr-line{stroke:#5d616b;stroke-width:2px;fill:none}.gr-line.both{stroke:#7a8190}#gr-arrow path{fill:#9aa3b5}.gr-temp{stroke:var(--accent);stroke-width:2px;stroke-dasharray:6 5;fill:none}.gr-temp[hidden]{display:none}.gr-label{color:#c4c6cb;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:#202227;border:1px solid #3a3d44;border-radius:10px;max-width:170px;padding:3px 8px;font:500 11px Inter,system-ui,sans-serif;position:absolute;overflow:hidden;transform:translate(-50%,-50%)}.gr-label:hover{border-color:var(--accent);color:#eef0f2}.gr-node{box-sizing:border-box;color:#c4c6cb;cursor:pointer;background:#202227;border:1px solid #34373e;border-radius:8px;gap:10px;width:210px;height:104px;padding:10px;font-family:Inter,system-ui,sans-serif;display:flex;position:absolute;box-shadow:0 6px 18px #0000004d}.gr-node:hover{border-color:#4a4e57}.gr-node.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 6px 18px #0000004d}.gr-node.live{border-color:#6fbf8e}.gr-node.target{border-color:var(--accent);background:#262931}.gr-node canvas{width:64px;height:64px;image-rendering:pixelated;border-radius:5px;flex:none}.gr-body{flex-direction:column;gap:4px;min-width:0;display:flex}.gr-body b{color:#eef0f2;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.gr-tags{gap:4px;min-height:0;display:flex}.gr-tags em{white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;border-radius:3px;padding:1px 5px;font-size:10px;font-style:normal}.gr-tags .start{color:var(--accent);background:#ffffff0f}.gr-tags .here{color:#8fd6a6;background:#6fbf8e1f}.gr-chips{flex-wrap:wrap;gap:3px;display:flex}.gr-chips span{color:#a9acb3;background:#ffffff0d;border-radius:3px;padding:1px 6px;font-size:10.5px}.gr-port{cursor:crosshair;background:#202227;border:2px solid #8a8f99;border-radius:50%;width:12px;height:12px;margin-top:-6px;position:absolute;top:50%;right:-7px}.gr-port:hover,.gr-node:hover .gr-port{border-color:var(--accent);background:var(--accent)}.gr-tools{background:#121316db;border:1px solid #ffffff1a;border-radius:7px;gap:4px;padding:3px;display:flex;position:absolute;top:12px;right:12px}.gr-tools button{color:#c4c6cb;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:6px;padding:5px 8px;font:500 12px Inter,system-ui,sans-serif;display:flex}.gr-tools button:hover{color:#fff;background:#ffffff14}.gr-help{color:#7d8088;pointer-events:none;max-width:60%;margin:0;font:12px Inter,system-ui,sans-serif;position:absolute;bottom:12px;left:14px}.gr-pop{color:#c4c6cb;cursor:default;background:#202227;border:1px solid #3a3d44;border-radius:7px;width:270px;padding:10px 12px;font-family:Inter,system-ui,sans-serif;position:absolute;box-shadow:0 10px 30px #00000073}.gr-pop[hidden]{display:none}.gr-pop b{color:#eef0f2;margin-bottom:6px;font-size:12.5px;display:block}.gr-pop ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.gr-pop li{border-top:1px solid #2c2e34;grid-template-columns:1fr auto;align-items:center;column-gap:8px;padding:4px 0;display:grid}.gr-pop li span{color:#e6e8eb;font-size:12.5px}.gr-pop li small{color:#8a8d94;grid-column:1;font-size:11px}.gr-pop li button{color:#8a8d94;cursor:pointer;background:0 0;border:0;border-radius:4px;grid-area:1/2/span 2;padding:4px;display:grid}.gr-pop li button:hover{color:#ff8a7a;background:#2a2c31}.gr.playing .gr-help{display:none}.fg-busy .fg-cancel{margin-left:auto;padding:4px 10px}