@font-face{font-family:Inter;src:url(/fonts/inter.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--ui:"Inter", system-ui, -apple-system, sans-serif;--ink:#16181d;--ink-2:#4b5160;--ink-3:#8a90a0;--line:#e7e9ee;--line-2:#f0f1f4;--panel:#fff;--stage:#eef0f3;--blue:#2f6bff;--blue-soft:#edf2ff;--red:#e5484d;--rail:64px;--left:300px;--right:300px;--top:52px}*{box-sizing:border-box}html,body{background:var(--stage);height:100%;color:var(--ink);font:13px/1.45 var(--ui);-webkit-font-smoothing:antialiased;margin:0}button{font:inherit;color:inherit}a{color:var(--blue)}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.studio{grid-template:var(--top) 1fr / var(--rail) var(--left) 1fr var(--right);grid-template-areas:"top top top top""rail left stage right";height:100vh;display:grid}.studio.no-left{grid-template-columns:var(--rail) 0 1fr var(--right)}.studio.no-right{grid-template-columns:var(--rail) var(--left) 1fr 0}.studio.no-left.no-right{grid-template-columns:var(--rail) 0 1fr 0}.top{background:var(--panel);border-bottom:1px solid var(--line);z-index:5;grid-area:top;justify-content:space-between;align-items:center;gap:12px;padding:0 10px 0 12px;display:flex}.top-l,.top-r,.top-c{align-items:center;gap:6px;min-width:0;display:flex}.top-l{flex:1}.top-r{flex:1;justify-content:flex-end}.brand{all:unset;letter-spacing:-.01em;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:8px;align-items:center;gap:4px;max-width:220px;margin:0 4px;padding:5px 8px;font-size:14px;font-weight:700;display:inline-flex;overflow:hidden}.brand:hover{background:var(--line-2)}.crumb{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;border-left:1px solid var(--line);padding-left:10px;overflow:hidden}.pill{color:#fff;background:#111;border-radius:99px;padding:2px 7px;font-size:11px;font-weight:600}.rail{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;grid-area:rail;align-items:center;gap:2px;padding:8px 0;display:flex}.rail button{all:unset;cursor:pointer;width:54px;color:var(--ink-3);border-radius:10px;justify-items:center;gap:3px;padding:8px 0 6px;display:grid}.rail button span{font-size:10.5px;font-weight:500}.rail button:hover{color:var(--ink);background:var(--line-2)}.rail button.on{color:var(--blue);background:var(--blue-soft)}.rail .rail-out{margin-top:auto;padding:10px 0}.panel-l{background:var(--panel);border-right:1px solid var(--line);grid-area:left;overflow:hidden auto}.panel-r{background:var(--panel);border-left:1px solid var(--line);grid-area:right;overflow-y:auto}.no-left .panel-l,.no-right .panel-r{display:none}.stage{grid-area:stage;min-width:0;position:relative;overflow:hidden}.btn{all:unset;cursor:pointer;white-space:nowrap;border-radius:9px;align-items:center;gap:7px;height:34px;padding:0 14px;font-size:13px;font-weight:600;transition:background .15s,opacity .15s;display:inline-flex}.btn.primary{background:var(--ink);color:#fff}.btn.primary:hover{background:#000}.btn.primary.quiet{color:var(--ink);background:#e9ebf0}.btn.primary:disabled{opacity:.8;cursor:progress}.btn.ghost{box-shadow:inset 0 0 0 1px var(--line)}.btn.ghost:hover{background:var(--line-2)}.btn.small{height:28px;box-shadow:inset 0 0 0 1px var(--line);padding:0 10px;font-size:12px}.btn.wide{box-sizing:border-box;justify-content:center;width:100%}.icon-btn{all:unset;cursor:pointer;width:32px;height:32px;color:var(--ink-2);border-radius:8px;place-items:center;display:grid}.icon-btn:hover{background:var(--line-2);color:var(--ink)}.icon-btn:disabled{opacity:.3;cursor:default;background:0 0}.dev-switch{background:var(--line-2);border-radius:9px;padding:3px;display:flex}.dev-switch button{all:unset;cursor:pointer;width:34px;height:26px;color:var(--ink-3);border-radius:7px;place-items:center;display:grid}.dev-switch button.on{color:var(--ink);background:#fff;box-shadow:0 1px 3px #0000001f}.save-state{color:var(--ink-3);white-space:nowrap;align-items:center;gap:5px;margin-right:6px;font-size:12px;display:inline-flex}.save-state.s-error{color:var(--red)}.pub{margin:0 2px 0 4px;position:relative}.pub-done{color:#fff;white-space:nowrap;z-index:50;background:#111;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;display:flex;position:absolute;top:42px;right:0;box-shadow:0 12px 30px #00000040}.pub-done a{color:#9cb8ff;align-items:center;gap:4px;margin-left:6px;display:inline-flex}.st-canvas-wrap{justify-content:center;padding:0;display:flex;position:absolute;inset:0;overflow:auto}.st-canvas-wrap.dev-tablet,.st-canvas-wrap.dev-phone{padding:24px}.st-device{background:#fff;height:100%;transition:width .25s;position:relative}.dev-tablet .st-device,.dev-phone .st-device{border-radius:22px;height:100%;overflow:hidden;box-shadow:0 0 0 1px #00000014,0 30px 60px -20px #00000040}.dev-phone .st-device{border-radius:34px;max-height:860px;box-shadow:0 0 0 10px #16181d,0 30px 60px -10px #00000059}.st-canvas-frame{background:#fff;border:0;width:100%;height:100%;display:block}.st-canvas-loading{color:var(--ink-3);place-items:center;display:grid;position:absolute;inset:0}.side-head,.ins-head{background:var(--panel);z-index:2;align-items:center;gap:8px;padding:14px 16px 10px;display:flex;position:sticky;top:0}.side-head h3,.ins-head h3{letter-spacing:-.005em;white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:14px;font-weight:650;overflow:hidden}.side-head .btn{margin-left:auto}.ins-back,.ins-del,.ins-open{all:unset;cursor:pointer;min-width:28px;height:28px;color:var(--ink-2);border-radius:7px;place-items:center;display:grid}.ins-open{background:var(--line-2);padding:0 10px;font-weight:600}.ins-back:hover,.ins-open:hover{background:var(--line)}.ins-del:hover{color:var(--red);background:#fdeced}.ins-parent{all:unset;color:var(--blue);cursor:pointer;margin:0 16px 6px;font-size:12px}.side-sub{color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:center;padding:16px 16px 6px;font-size:11px;font-weight:600;display:flex}.side-sub button{all:unset;cursor:pointer;color:var(--blue);text-transform:none;letter-spacing:0;align-items:center;gap:3px;font-size:12px;display:inline-flex}.pg-row{cursor:pointer;background:var(--panel);border-radius:9px;align-items:center;gap:8px;margin:1px 8px;padding:6px 10px 6px 4px;display:flex}.pg-row:hover{background:var(--line-2)}.pg-row.on{background:var(--blue-soft)}.pg-row.hid .pg-thumb,.pg-row.hid .pg-name{opacity:.45}.pg-grip{color:#c3c7d1;cursor:grab;touch-action:none;place-items:center;width:16px;display:grid}.pg-row:not(:hover) .pg-grip svg{opacity:0}.pg-thumb{object-fit:cover;background:var(--line-2);width:40px;height:31px;color:var(--ink-3);border-radius:5px;flex:none;place-items:center;display:grid}.pg-name{flex:1;min-width:0;display:grid}.pg-name b{white-space:nowrap;text-overflow:ellipsis;font-weight:550;overflow:hidden}.pg-name small{color:var(--ink-3);font-size:11.5px}.pg-eye{all:unset;width:26px;height:26px;color:var(--ink-3);cursor:pointer;opacity:0;border-radius:6px;place-items:center;display:grid}.pg-row:hover .pg-eye,.pg-row.hid .pg-eye{opacity:1}.pg-eye:hover{background:var(--line);color:var(--ink)}.ins{padding-bottom:40px}.ui-sec{border-bottom:1px solid var(--line-2);gap:12px;padding:6px 16px 14px;display:grid}.ui-sec>header{justify-content:space-between;align-items:center;padding-top:8px;display:flex}.ui-sec h4{color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:11px;font-weight:600}.ui-field{gap:6px;display:grid}.ui-label{color:var(--ink-2);font-size:12px;font-weight:550}.ui-hint{color:var(--ink-3);font-size:11.5px}.ui-note{color:var(--ink-3);margin:0;font-size:12px;line-height:1.5}.ui-note.pad{padding:14px 16px}.ui-input{width:100%;font:13px var(--ui);color:var(--ink);border:1px solid var(--line);resize:vertical;background:#fff;border-radius:8px;outline:none;padding:7px 9px;transition:border-color .12s,box-shadow .12s}.ui-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2f6bff24}select.ui-input{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238a90a0' fill='none' stroke-width='1.5'/%3E%3C/svg%3E") right 10px center no-repeat;padding-right:26px}.ui-row{align-items:center;gap:6px;display:flex}.ui-row>.ui-input{min-width:0}.ui-prefix{color:var(--ink-3)}.ui-seg{background:var(--line-2);border-radius:8px;flex-wrap:wrap;gap:2px;padding:2px;display:flex}.ui-seg button{all:unset;text-align:center;cursor:pointer;color:var(--ink-2);white-space:nowrap;border-radius:6px;flex:1;place-items:center;min-width:26px;padding:5px 6px;font-size:12px;font-weight:500;display:grid}.ui-seg button:hover{color:var(--ink)}.ui-seg button.on{color:var(--ink);background:#fff;box-shadow:0 1px 3px #0000001f}.ui-toggle{all:unset;cursor:pointer;color:var(--ink-2);align-items:center;gap:9px;font-size:12.5px;display:flex}.ui-toggle-track{background:#d5d9e2;border-radius:99px;flex:none;width:30px;height:18px;transition:background .15s;position:relative}.ui-toggle-track i{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.ui-toggle.on .ui-toggle-track{background:var(--blue)}.ui-toggle.on .ui-toggle-track i{transform:translate(12px)}.ui-range{align-items:center;gap:10px;display:flex}.ui-range input{accent-color:var(--blue);flex:1}.ui-range span{text-align:right;min-width:42px;color:var(--ink-2);font-variant-numeric:tabular-nums}.ui-color{gap:6px;display:flex}.ui-color input[type=color]{border:1px solid var(--line);background:#fff;border-radius:8px;width:34px;height:32px;padding:2px}.ui-swatches{flex-wrap:wrap;gap:6px;display:flex}.ui-sw{all:unset;cursor:pointer;border-radius:50%;width:24px;height:24px;box-shadow:inset 0 0 0 1px #0000001f}.ui-sw.on{box-shadow:inset 0 0 0 1px #0000001f, 0 0 0 2px #fff, 0 0 0 4px var(--blue)}.ui-sw-custom{cursor:pointer;background:0 0;border:0;width:26px;height:26px;padding:0}.ui-icon{all:unset;cursor:pointer;width:26px;height:26px;color:var(--ink-3);border-radius:6px;flex:none;place-items:center;display:grid}.ui-icon:hover{background:var(--line-2);color:var(--ink)}.ui-btn-ghost{all:unset;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;white-space:nowrap;border-radius:7px;align-items:center;gap:5px;padding:6px 10px;font-size:12px;font-weight:550;display:inline-flex}.ui-btn-ghost:hover{background:var(--line-2)}.ui-btn-danger{all:unset;color:var(--red);cursor:pointer;align-items:center;gap:6px;padding:6px 0;font-weight:550;display:inline-flex}.ui-media{gap:6px;display:grid}.ui-media-thumb{aspect-ratio:16/10;background:var(--line-2);cursor:pointer;border:1px dashed #0000;border-radius:9px;place-items:center;display:grid;overflow:hidden}.ui-media-thumb:hover{border-color:var(--blue)}.ui-media-thumb img{object-fit:cover;width:100%;height:100%}.ui-media-thumb span{color:var(--ink-3);align-items:center;gap:6px;display:flex}.ui-media-actions{gap:6px;display:flex}.ui-media-actions button{all:unset;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;border-radius:7px;place-items:center;padding:5px 10px;font-size:12px;font-weight:550;display:grid}.ui-media-actions button:hover{background:var(--line-2)}.ui-thumbs{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.ui-thumb{aspect-ratio:1;background:var(--line-2);cursor:grab;border-radius:6px;position:relative;overflow:hidden}.ui-thumb img{object-fit:cover;pointer-events:none;width:100%;height:100%}.ui-thumb button{all:unset;color:#fff;cursor:pointer;background:#000000a6;border-radius:50%;place-items:center;width:18px;height:18px;display:none;position:absolute;top:3px;right:3px}.ui-thumb:hover button{display:grid}.ui-thumb-add{all:unset;aspect-ratio:1;cursor:pointer;color:var(--ink-3);border:1.5px dashed #cfd4de;border-radius:6px;place-items:center;display:grid}.ui-thumb-add:hover{border-color:var(--blue);color:var(--blue)}.media-panel{min-height:100%}.media-tools{gap:8px;padding:0 16px 10px;display:grid}.media-search{border:1px solid var(--line);color:var(--ink-3);border-radius:8px;align-items:center;gap:6px;padding:0 8px;display:flex}.media-search input{font:13px var(--ui);border:0;outline:0;flex:1;min-width:0;padding:6px 0}.media-grid{grid-template-columns:repeat(3,1fr);gap:5px;padding:0 16px;display:grid}.media-tile{aspect-ratio:1;background:var(--line-2);cursor:grab;border-radius:7px;position:relative;overflow:hidden}.media-tile img{object-fit:cover;pointer-events:none;width:100%;height:100%}.media-tile.pickable{cursor:pointer}.media-tile.pickable:hover{outline:2px solid var(--blue);outline-offset:-2px}.media-badge{color:#fff;background:#000000b3;border-radius:5px;align-items:center;gap:3px;padding:2px 5px;font-size:10px;font-weight:600;display:flex;position:absolute;bottom:4px;left:4px}.media-badge.pend{background:var(--blue);top:4px;bottom:auto}.media-del{all:unset;color:#fff;cursor:pointer;background:#000000a6;border-radius:6px;place-items:center;width:22px;height:22px;display:none;position:absolute;top:4px;right:4px}.media-tile:hover .media-del{display:grid}.pick-banner{background:var(--blue);color:#fff;border-radius:9px;justify-content:space-between;align-items:center;margin:0 16px 10px;padding:9px 12px;font-weight:600;display:flex}.pick-banner button{all:unset;cursor:pointer;opacity:.85;font-weight:500}.busy-line{color:var(--blue);margin:0 16px 10px;font-size:12px}.pairs{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.pair{all:unset;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;border-radius:9px;justify-items:center;gap:2px;padding:8px 4px 6px;display:grid}.pair span{font-size:22px;line-height:1.1}.pair small{color:var(--ink-3);font-size:10.5px}.pair:hover{background:var(--line-2)}.pair.on{box-shadow:inset 0 0 0 2px var(--blue)}.hist-row{border-bottom:1px solid var(--line-2);justify-content:space-between;align-items:center;gap:8px;padding:6px 0;display:flex}.hist-row>span:first-child{display:grid}.hist-row small{color:var(--ink-3)}.modal-back{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#10121866;place-items:center;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;gap:16px;width:460px;max-width:calc(100vw - 32px);padding:22px;display:grid;box-shadow:0 30px 80px #0000004d}.modal h3{margin:0;font-size:17px}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.tpl-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tpl{all:unset;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;border-radius:11px;gap:2px;padding:12px;display:grid}.tpl small{color:var(--ink-3)}.tpl:hover{background:var(--line-2)}.tpl.on{box-shadow:inset 0 0 0 2px var(--blue);background:var(--blue-soft)}.toast{color:#fff;z-index:200;cursor:pointer;background:#16181d;border-radius:11px;max-width:min(560px,100vw - 32px);padding:11px 16px;animation:.2s up;position:fixed;bottom:22px;left:50%;translate:-50%;box-shadow:0 14px 40px #0000004d}.toast.t-error{background:var(--red)}.busy-float{z-index:150;background:#fff;border-radius:10px;align-items:center;gap:8px;padding:9px 14px;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 8px 30px #00000026}@keyframes up{0%{opacity:0;transform:translateY(8px)}}.login{background:radial-gradient(1200px 600px at 50% -10%, #dfe6ff, transparent), var(--stage);place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:#fff;border-radius:18px;gap:12px;width:380px;max-width:100%;padding:28px;display:grid;box-shadow:0 30px 80px -20px #00000040}.login-card h1{letter-spacing:-.02em;margin:0;font-size:24px}.login-card p{color:var(--ink-2);margin:0}.login-card details{gap:10px;display:grid}.login-card summary{cursor:pointer;color:var(--ink-2);margin-bottom:8px;font-weight:550}.login-card details[open]>*+*{margin-top:10px}.login-help{font-size:12px;color:var(--ink-3)!important}.login-err{font-weight:550;color:var(--red)!important}@media (width<=1100px){:root{--left:270px;--right:270px}}@media (width<=860px){:root{--rail:0px}.studio{grid-template:var(--top) 1fr 58px / 1fr;grid-template-areas:"top""stage""rail"}.studio,.studio.no-left,.studio.no-right,.studio.no-left.no-right{grid-template-columns:1fr}.rail{border-right:0;border-top:1px solid var(--line);flex-direction:row;justify-content:space-around;padding:0 6px}.rail .rail-out{margin:0}.panel-l,.panel-r{top:var(--top);z-index:40;width:min(360px,92vw);position:fixed;bottom:58px;box-shadow:0 0 40px #0003}.panel-l{left:0}.panel-r{right:0}.crumb,.save-state,.brand,.top-c{display:none}}.ui-grow{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.ui-note.busy{color:var(--blue)}.media-tile.chosen{outline:3px solid var(--blue);outline-offset:-3px}.media-check{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:grid;position:absolute;top:4px;right:4px}.pick-banner span{align-items:center;gap:12px;display:flex}.modal.wide{width:560px}.imp-log{max-height:260px;color:var(--ink-2);background:#f6f7f9;border-radius:10px;padding:10px 12px;font:12px/1.6 ui-monospace,Menlo,monospace;overflow:auto}.imp-run{color:var(--blue);align-items:center;gap:6px;display:flex}.imp-sum p{align-items:center;gap:6px;margin:0;display:flex}.imp-sum details{margin-top:8px}.imp-sum summary{cursor:pointer;color:#b4580e;align-items:center;gap:6px;display:flex}.imp-sum ul{color:var(--ink-2);max-height:140px;margin:6px 0 0;padding-left:18px;font-size:12px;overflow:auto}.side-sub-actions{gap:12px;display:flex}.sites-card{width:460px}.sites-list{gap:6px;max-height:50vh;display:grid;overflow:auto}.site-row{box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:8px;display:flex}.site-row:hover{background:var(--line-2)}.site-row img,.site-ph{object-fit:cover;background:var(--line-2);width:64px;height:40px;color:var(--ink-3);border-radius:6px;flex:none;place-items:center;display:grid}.site-name{flex:1;min-width:0;display:grid}.site-name b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.site-name small{color:var(--ink-3)}.site-row a{color:var(--ink-3);padding:6px}.sites-new{gap:10px;display:grid}.sites-out{all:unset;color:var(--ink-3);cursor:pointer;justify-self:center;margin-top:4px;font-size:12px}.login-link{all:unset;cursor:pointer;color:var(--blue);text-align:center;padding:4px;font-size:12.5px}.login-link:hover{text-decoration:underline}