.st-pg-meter{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 10px;font-size:12px;color:var(--dim)}.st-pg-meter b{color:var(--text);font-weight:650}.st-pg-list{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-gap:6px;gap:6px}.st-pg-item{border:1px solid var(--line);border-radius:10px;background:var(--bg);overflow:hidden}.st-pg-item.on{border-color:var(--lime)}.st-pg-main{display:flex;align-items:center;gap:6px;padding:6px 6px 6px 10px}.st-pg-open{flex:1 1;min-width:0;text-align:left;background:none;border:0;color:var(--text);padding:5px 0;font:inherit;font-size:13px;cursor:pointer}.st-pg-open strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.st-pg-open span{display:block;color:var(--dim);font:11px ui-monospace,Menlo,monospace;margin-top:1px}.st-pg-tools{display:flex;gap:2px}.st-pg-tools button{width:26px;height:26px;border:0;border-radius:6px;background:none;color:var(--dim);cursor:pointer;font-size:13px;line-height:1}.st-pg-tools button:hover:not(:disabled){background:hsla(0,0%,100%,.07);color:var(--text)}.st-pg-tools button:disabled{opacity:.3;cursor:default}.st-pg-edit{display:grid;grid-gap:6px;gap:6px;padding:8px 10px 10px;border-top:1px solid var(--line)}.st-pg-edit .st-pg-btns{display:flex;gap:6px}.st-pg-btn{height:30px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:none;color:var(--text);font:inherit;font-size:12px;cursor:pointer}.st-pg-btn:hover:not(:disabled){border-color:var(--dim)}.st-pg-btn:disabled{opacity:.5;cursor:default}.st-pg-btn.primary{background:var(--lime);border-color:var(--lime);color:#0b0c10;font-weight:650}.st-pg-add{display:grid;grid-gap:8px;gap:8px;margin:0 0 14px}.st-pg-add .row{display:flex;gap:6px}.st-pg-add .row input{flex:1 1}.st-pg-note{margin:0 0 10px;color:var(--dim);font-size:12px;line-height:1.55}.st-pg-note a{color:var(--lime)}.st-pg-err{margin:0 0 10px;color:#ff8a8a;font-size:12px;line-height:1.5}.st-pg-opt{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:8px!important;margin:12px 0 0!important;color:var(--text)!important;font-size:12.5px!important}.studio .st-body .st-pg-opt input{width:auto!important;height:auto!important;margin-top:2px}.st-pg-opt small{display:block;color:var(--dim);font-size:11.5px;line-height:1.5;margin-top:2px}.studio{--bg:#0a0a0c;--panel:#0f1013;--raise:#16181d;--line:#25282f;--text:#eceef3;--dim:#9096a5;--lime:#c6ed4b;--lime-ink:#14161a;position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;background:var(--bg);color:var(--text);font:13px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}.studio *{box-sizing:border-box}.studio button{font:inherit;color:inherit;cursor:pointer}.studio a{text-decoration:none;color:inherit}.st-hidden{display:none}.st-top{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--bg);flex-wrap:wrap}.st-spacer{flex:1 1}.studio .st-btn,.studio .st-select{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text)}.studio .st-btn:hover,.studio .st-select:hover{border-color:#3a3f4a;background:var(--raise)}.st-btn.on{border-color:var(--lime);color:var(--lime)}.studio .st-select{padding-right:8px;font-size:12.5px}.studio .st-publish{display:inline-flex;align-items:center;height:36px;padding:0 20px;border:0;border-radius:10px;background:var(--lime);color:#000;font-weight:700}.studio .st-publish:hover:not(:disabled){filter:brightness(1.06)}.st-upgrade-link{margin-left:6px;font-weight:700;text-decoration:underline}.studio .st-publish:disabled{opacity:.45;cursor:not-allowed}.st-project{display:flex;align-items:center;gap:10px;height:36px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);min-width:200px;max-width:340px;flex:0 1 300px}.st-project i{font-style:normal;font-size:10px;letter-spacing:.1em;color:var(--dim)}.studio .st-project input{flex:1 1;min-width:0;width:auto;padding:0;background:none;border:0;outline:0;color:var(--text);font:inherit;font-size:13px}.st-chip{height:30px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid var(--line);border-radius:999px;font:12px ui-monospace,Menlo,monospace;color:var(--dim)}.st-chip.bad{color:#ff8a8a;border-color:#7a2b2b}.st-seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel)}.st-seg button{width:38px;height:34px;border:0;background:none;font-size:16px}.st-seg button:hover:not(:disabled){background:var(--raise)}.st-seg button:disabled{opacity:.3;cursor:default}.st-main{flex:1 1;min-height:0;display:grid;grid-template-columns:340px minmax(0,1fr);grid-gap:12px;gap:12px;padding:12px}.st-main.wide{grid-template-columns:0 minmax(0,1fr);gap:0}.st-main.wide .st-panel{display:none}.st-panel{display:flex;flex-direction:column;min-height:0;border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow:hidden}.st-tabs{display:flex;gap:2px;padding:6px 8px 0;border-bottom:1px solid var(--line)}.st-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:10px 12px;color:var(--dim)}.st-tabs button.on{color:var(--text);border-bottom-color:var(--lime)}.st-body{flex:1 1;min-height:0;overflow:auto;padding:14px}.st-body.code{display:flex;flex-direction:column;padding:10px}.studio .st-body.code textarea{flex:1 1;width:100%;resize:none;border:1px solid var(--line);border-radius:10px;background:#07080a;color:#d6e2ff;padding:12px;font:12px/1.55 ui-monospace,Menlo,Consolas,monospace;outline:0;-moz-tab-size:2;tab-size:2;white-space:pre}.st-hint{margin:8px 0 12px;color:var(--dim);font-size:12px}.st-hint button{margin-left:6px;background:none;border:0;color:var(--lime);text-decoration:underline;padding:0}.st-pending{color:var(--lime);font-weight:600}.st-empty{color:var(--dim);text-align:center;padding:30px 10px}.st-subtabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.st-subtabs button{background:none;border:0;border-radius:7px;padding:9px;color:var(--dim)}.st-subtabs button.on{background:var(--raise);color:var(--text)}.studio .st-search{width:100%;margin-top:10px;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text);padding:0 12px;outline:0}.studio .st-body input:focus,.studio .st-body select:focus,.studio .st-search:focus{border-color:var(--lime)}.st-sections{display:grid;grid-gap:12px;gap:12px}.st-card{display:block;width:100%;text-align:left;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.st-card:hover{border-color:var(--lime)}.st-card span{display:block;padding:8px 4px 2px;font-weight:600}.st-thumb{position:relative;height:140px;overflow:hidden;border-radius:8px;background:#fff;pointer-events:none}.studio .st-thumb iframe{position:absolute;left:0;top:0;width:1000px;height:470px;border:0;transform:scale(.29);transform-origin:0 0}.st-group{display:flex;justify-content:space-between;margin:20px 0 10px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.st-group em{font-style:normal}.st-tiles{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.st-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:88px;padding:6px;border:1px solid var(--line);border-radius:10px;background:var(--bg);text-align:center}.st-tile:hover{border-color:var(--lime)}.st-tile b{font-size:20px;font-weight:500;color:var(--dim)}.st-tile span{font-size:12px}.st-tree{list-style:none;margin:0;padding-left:14px;border-left:1px solid var(--line)}.st-body>.st-tree{padding-left:0;border:0}.st-node{display:flex;gap:8px;align-items:baseline;width:100%;text-align:left;padding:5px 8px;border:0;border-radius:6px;background:none;color:var(--text);overflow:hidden;white-space:nowrap}.st-node:hover{background:var(--raise)}.st-node.on{background:rgba(198,237,75,.14);outline:1px solid var(--lime)}.st-node b{font:600 12px ui-monospace,Menlo,monospace;color:var(--lime)}.st-node span{color:var(--dim);font-size:12px;overflow:hidden;text-overflow:ellipsis}.st-node.root{margin-bottom:6px}.st-crumbs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}.st-crumbs button{border:0;background:var(--raise);border-radius:6px;padding:3px 8px;font:11px ui-monospace,Menlo,monospace;color:var(--dim)}.st-crumbs button.on{background:var(--lime);color:var(--lime-ink)}.st-actions{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.st-actions button,.st-align button,.st-wide{border:1px solid var(--line);background:var(--bg);border-radius:8px;padding:7px 11px}.st-actions button:hover,.st-align button:hover,.st-wide:hover{border-color:#3a3f4a;background:var(--raise)}.st-actions .danger{color:#ff8a8a}.st-wide{width:100%;margin-top:8px;text-align:center}.st-body fieldset{border:0;border-top:1px solid var(--line);margin:14px 0 0;padding:12px 0 0}.st-body legend{padding:0 8px 0 0;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}.st-body label{display:flex;flex-direction:column;gap:5px;color:var(--dim);font-size:11.5px;margin-bottom:8px;min-width:0}.studio .st-body input:not([type=color]),.studio .st-body select{width:100%;height:34px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);padding:0 9px;outline:0;font:inherit}.st-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.st-row.four{grid-template-columns:repeat(4,1fr)}.st-color{display:block;height:34px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--bg)}.studio .st-color input{width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer;display:block}.st-align{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px}.st-align button.on{border-color:var(--lime);color:var(--lime)}.st-canvas{display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel)}.st-canvas-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--bg)}.st-help{font:12px ui-monospace,Menlo,monospace;color:var(--lime)}.st-devices{display:flex;gap:4px}.st-devices button{border:1px solid transparent;background:none;border-radius:8px;padding:6px 11px;color:var(--dim);font:12px ui-monospace,Menlo,monospace}.st-devices button.on{border-color:var(--line);background:var(--raise);color:var(--text)}.st-stage{flex:1 1;min-height:0;display:flex;justify-content:center;background:#1a1c22;overflow:auto}.st-frame{width:100%;height:100%;border:0;background:#fff;display:block;flex:none}.st-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:120;padding:10px 16px;border-radius:10px;background:#1d2027;border:1px solid var(--line);box-shadow:0 10px 30px rgba(0,0,0,.4)}.st-toast.bad{border-color:#7a2b2b;color:#ffb3b3;cursor:pointer}.st-modal{position:fixed;inset:0;z-index:130;display:grid;place-items:center;background:rgba(0,0,0,.6)}.st-modal-card{width:min(520px,92vw);padding:26px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.st-live{display:flex;align-items:center;gap:8px;font-weight:700;margin-bottom:10px}.st-live i{width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(198,237,75,.2)}.studio .st-modal-card>a{display:block;color:var(--lime);word-break:break-all;margin-bottom:20px;font:14px ui-monospace,Menlo,monospace}.st-modal-actions{display:flex;gap:8px;flex-wrap:wrap}@media (max-width:900px){.st-main{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(0,42%)}.st-panel{order:2}.st-top{gap:8px}.st-project{min-width:140px}}