: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}.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;align-items:center;gap:6px;padding:3px 9px 3px 3px;font:500 12px Inter,system-ui,sans-serif;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}}