.editor-root{--bg:#0f111a;--panel:#171a26;--panel2:#1f2333;--line:#262b3b;--txt:#eef0f8;--mut:#8990a8;--acc:#6366f1;--ok:#10b981;--warn:#f59e0b;--bad:#ef4444;color:var(--txt);background:var(--bg);border-radius:14px;font:15px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.editor-root *{box-sizing:border-box}.editor-root button,.editor-root input,.editor-root select,.editor-root textarea{font:inherit;color:inherit}.editor-root .ed{display:grid;grid-template-columns:264px minmax(0,1fr) 288px;gap:14px;min-height:0;padding:14px;max-width:1440px;margin:0 auto;align-items:start}@media (max-width:1080px){.editor-root .ed{grid-template-columns:minmax(0,1fr)}.editor-root .ed .stage{order:-1}.editor-root .ed{min-height:0}}.editor-root .panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:13px;color:var(--txt)}.editor-root .panel h3{margin:0 0 9px;font-size:11px;letter-spacing:1.1px;text-transform:uppercase;color:var(--mut)}.editor-root .stage{display:flex;flex-direction:column;align-items:center;gap:11px;min-width:0}.editor-root .frame{width:min(100%,520px);aspect-ratio:1/1;border-radius:14px;overflow:hidden;position:relative;border:1px solid var(--line);touch-action:none;background-color:#20233a;background-image:linear-gradient(45deg,#191c2e 25%,transparent 25%),linear-gradient(-45deg,#191c2e 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#191c2e 75%),linear-gradient(-45deg,transparent 75%,#191c2e 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0}.editor-root .frame canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.editor-root .frame img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.editor-root .frame.solid{background-image:none;background-color:#000}.editor-root .frame .guasto{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:22px;text-align:center;background:#0f111ae6;backdrop-filter:blur(2px)}.editor-root .frame .guasto p{margin:0;max-width:34ch}.editor-root .frame .guasto .tit{color:#fecaca;font-weight:600}.editor-root .frame .guasto .hint{color:var(--mut);font-size:12.5px}.editor-root label.f{display:block;font-size:11.5px;color:var(--mut);margin:11px 0 5px}.editor-root label.f:first-child{margin-top:0}.editor-root label.f .val{float:right;color:var(--txt);opacity:.75;font-variant-numeric:tabular-nums;font-size:11px}.editor-root input:not([type=color]):not([type=range]):not([type=checkbox]):not([type=radio]),.editor-root select,.editor-root textarea{width:100%;background:#0d1017;color:var(--txt);border:1px solid var(--line);border-radius:8px;padding:8px 9px;outline:0}.editor-root select option{background:#0d1017;color:var(--txt)}.editor-root input:focus,.editor-root select:focus,.editor-root textarea:focus{border-color:var(--acc)}.editor-root input[type=color]{width:100%;height:34px;background:#0d1017;border:1px solid var(--line);border-radius:8px;padding:3px}.editor-root input[type=range]{width:100%;accent-color:var(--acc)}.editor-root .row{display:flex;gap:8px}.editor-root .row>*{flex:1}.editor-root .btn{border:1px solid var(--line);background:var(--panel2);border-radius:9px;padding:9px 12px;cursor:pointer;font-weight:600;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.editor-root .btn:hover{border-color:var(--acc)}.editor-root .btn.pri{background:var(--acc);border-color:var(--acc);color:#fff}.editor-root .btn.ok{background:var(--ok);border-color:var(--ok);color:#04231b}.editor-root .btn.full{width:100%}.editor-root .btn[disabled]{opacity:.45;pointer-events:none}.editor-root .acts{display:flex;gap:9px;flex-wrap:wrap;width:min(100%,520px)}.editor-root .acts .btn{flex:1}.editor-root .chk2{display:flex;gap:9px;align-items:flex-start;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:9px 11px;font-size:12.5px;color:var(--mut);cursor:pointer}.editor-root .chk2 b{color:var(--txt)}.editor-root .chk2 input{margin-top:2px;accent-color:var(--acc)}.editor-root .off{opacity:.35;pointer-events:none}.editor-root .list{display:flex;flex-direction:column;gap:5px;max-height:220px;overflow:auto}.editor-root .item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;background:#0d1017;border:1px solid var(--line);cursor:pointer;font-size:12.5px}.editor-root .item.on{border-color:var(--acc);background:#6366f11f}.editor-root .item .ic{width:22px;height:22px;border-radius:5px;background:var(--panel2);flex:none;overflow:hidden;display:grid;place-items:center;font-size:11px}.editor-root .item .ic img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.editor-root .item span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-root .empty{color:var(--mut);font-size:12.5px;text-align:center;padding:14px 0}.editor-root .state{border-radius:10px;padding:10px 12px;font-size:12.5px;line-height:1.5;border:1px solid var(--line);background:var(--panel)}.editor-root .state b{display:block;margin-bottom:2px}.editor-root .state.intact{border-color:var(--ok);background:#10b9811a}.editor-root .state.intact b{color:#34d399}.editor-root .state.composed{border-color:var(--acc);background:#6366f11a}.editor-root .state.composed b{color:#a5b4fc}.editor-root .state.warn{border-color:var(--warn);background:#f59e0b1a;color:#fbbf24}.editor-root .steps{display:flex;gap:6px;justify-content:center;margin:10px 0 0}.editor-root .steps button{border:1px solid var(--line);background:var(--panel);color:var(--mut);border-radius:999px;padding:5px 13px;font-size:12px;cursor:pointer}.editor-root .steps button.on{background:var(--acc);border-color:var(--acc);color:#fff}.editor-root .steps button[disabled]{opacity:.4;cursor:not-allowed}.editor-root .chips{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.editor-root .chip{border:1px solid var(--line);background:#0d1017;color:var(--mut);border-radius:999px;padding:4px 10px;font-size:11.5px;cursor:pointer}.editor-root .chip.on{background:var(--acc);border-color:var(--acc);color:#fff}.editor-root .cl-grid{--cl:48px;display:grid;grid-template-columns:repeat(auto-fill,var(--cl));grid-auto-rows:var(--cl);justify-content:space-between;gap:6px;max-height:260px;overflow:auto;padding-right:4px}.editor-root .cl{position:relative;width:var(--cl);height:var(--cl);background:#0d1017;border:1px solid var(--line);border-radius:9px;cursor:pointer;overflow:hidden;padding:0;font-size:24px;line-height:calc(var(--cl) - 2px);text-align:center}.editor-root .cl:hover{border-color:var(--acc)}.editor-root .cl img{position:absolute;inset:12%;width:76%;height:76%;-o-object-fit:contain;object-fit:contain}.editor-root .cl.skel{background:linear-gradient(90deg,#0d1017,#1f2333,#0d1017);background-size:200% 100%;animation:ed-sh 1.2s infinite}.editor-root.modal{position:fixed;inset:0;z-index:95;background:#08090edb;backdrop-filter:blur(6px);display:grid;place-items:center;padding:16px;overflow:auto;border-radius:0}.editor-root .mbox{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;width:min(760px,96vw);box-shadow:0 40px 90px -30px #000}.editor-root .mbox h2{margin:0 0 4px;font-size:17px}.editor-root .mbox p.muted{color:var(--mut);font-size:13px;margin:0 0 14px}.editor-root .qgrid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:16px;align-items:start}@media (max-width:720px){.editor-root .qgrid{grid-template-columns:1fr}}.editor-root .qprev{aspect-ratio:1/1;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;overflow:hidden;background-color:#20233a;background-image:linear-gradient(45deg,#191c2e 25%,transparent 25%),linear-gradient(-45deg,#191c2e 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#191c2e 75%),linear-gradient(-45deg,transparent 75%,#191c2e 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.editor-root .qprev canvas{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;image-rendering:pixelated}.editor-root .qstat{font-size:12.5px;color:var(--mut);margin:14px 0 0}.editor-root .qstat .warn{color:var(--warn)}@keyframes ed-sh{0%{background-position:200% 0}to{background-position:-200% 0}}.editor-root .ricevuta-wrap{display:grid;grid-template-columns:1fr 280px;gap:18px;align-items:start}@media (max-width:860px){.editor-root .ricevuta-wrap{grid-template-columns:1fr}}.editor-root .ricevuta-canvas{display:flex;justify-content:center;padding:18px;background:repeating-conic-gradient(#1b1f2e 0% 25%,#171a26 0% 50%) 50%/18px 18px;border:1px solid var(--line);border-radius:12px;min-height:280px}.editor-root .ricevuta-foglio{background:#fff;border-radius:3px;touch-action:none;box-shadow:0 8px 28px #00000073;align-self:flex-start}.editor-root .ricevuta-pannello{display:flex;flex-direction:column;gap:14px}.editor-root .ricevuta-pannello .grp{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px}.editor-root .ricevuta-pannello h3{margin:0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}.editor-root .ricevuta-pannello .riga{display:flex;gap:6px;flex-wrap:wrap}.editor-root .ricevuta-pannello .riga .btn{flex:1;min-width:64px;padding:7px 8px;font-size:12.5px}.editor-root .sel,.editor-root .inp{width:100%;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 9px;font-size:13px;color:inherit}.editor-root .inp.col{height:34px;padding:3px}.editor-root .cur{display:flex;flex-direction:column;gap:3px;font-size:12.5px;color:var(--mut)}.editor-root .cur b{color:var(--txt)}.editor-root .cur input[type=range]{width:100%}.editor-root .hint{margin:0;font-size:11.5px;line-height:1.5;color:var(--mut)}.editor-root .hint.warn{color:#fbbf24}.editor-root .btn.danger{border-color:#7f1d1d;color:#fca5a5}.editor-root .btn.danger:hover{border-color:#dc2626}.editor-root .livelli{list-style:none;margin:0;padding:0;max-height:190px;overflow:auto;display:flex;flex-direction:column;gap:2px}.editor-root .livelli li{padding:6px 8px;border-radius:6px;font-size:12.5px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-root .livelli li:hover{background:var(--panel)}.editor-root .livelli li.on{background:var(--acc);color:#fff}.editor-root .tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:4px;margin-bottom:12px}.editor-root .tabs::-webkit-scrollbar{display:none}.editor-root .tab{flex:1 0 auto;min-width:0;white-space:nowrap;border:0;background:transparent;color:var(--mut);border-radius:7px;padding:8px 12px;font-size:13px;font-weight:600;cursor:pointer}.editor-root .tab:hover{color:var(--txt)}.editor-root .tab.on{background:var(--acc);color:#fff}.editor-root .tab-pane{display:flex;flex-direction:column;gap:0}.editor-root.nudo{background:transparent;border-radius:0}.editor-root.nudo .steps{justify-content:flex-start;margin:0}.editor-root.nudo .acts{width:auto}.editor-root.nudo .briciole{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0;font-size:12px;color:var(--mut)}.editor-root.nudo .briciole b{color:var(--txt);font-weight:600}.editor-root.nudo .briciole span{opacity:.55}.editor-root .avanzamento{position:relative;height:4px;border-radius:999px;overflow:hidden;background:var(--panel2);margin-top:8px}.editor-root .avanzamento:after{content:"";position:absolute;top:0;bottom:0;width:40%;border-radius:999px;background:var(--acc);animation:scorre 1.15s ease-in-out infinite}@keyframes scorre{0%{left:-40%}to{left:100%}}@media (prefers-reduced-motion:reduce){.editor-root .avanzamento:after{animation:none;width:100%;opacity:.55}}