.studio-fab{position:fixed;z-index:55;bottom:calc(20px + env(safe-area-inset-bottom));inset-inline-start:20px;width:52px;height:52px;border-radius:50%;border:0;display:grid;place-items:center;background:var(--ink);color:var(--paper);cursor:pointer;box-shadow:var(--lift)}.studio-fab svg{width:20px;height:20px}body.studio-editing [data-block]{outline:1.5px dashed rgb(97 107 133/.35);outline-offset:6px;border-radius:10px;cursor:pointer;transition:outline-color .15s}body.studio-editing [data-block]:hover{outline-color:var(--signal)}body.studio-editing [data-block].studio-selected{outline:2px solid var(--signal)}body.studio-editing .story{margin-inline-end:min(380px,38vw);transition:margin .25s var(--ease)}@media (max-width:900px){body.studio-editing .story{margin-inline-end:auto}}.studio-bar{position:fixed;z-index:58;bottom:calc(16px + env(safe-area-inset-bottom));inset-inline-start:16px;display:flex;align-items:center;gap:2px;height:42px;padding:0 4px 0 12px;border-radius:999px;background:var(--ink);color:var(--paper);box-shadow:var(--lift);font-size:12px}.studio-actions button,.studio-bar button,.studio-item-head button{width:30px;height:30px;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:inherit;cursor:pointer}.studio-bar button:hover{background:rgb(255 255 255/.12)}.studio-bar button:disabled{opacity:.35;cursor:default}.studio-bar button.primary{background:var(--signal)}.studio-actions svg,.studio-bar svg,.studio-item-head svg{width:15px;height:15px}.studio-bar select{height:26px;border-radius:999px;border:1px solid rgb(255 255 255/.2);background:transparent;color:inherit;padding:0 6px;font-family:var(--font-mono);font-size:11px}.studio-bar select option{color:#000}.studio-dot{width:7px;height:7px;border-radius:50%;background:#1a7f4b;flex:none}.studio-dot[data-dirty=true]{background:#f0a35a}.studio-msg{font-family:var(--font-mono);font-size:11px;opacity:.8;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline:4px}.studio-panel{position:fixed;z-index:57;top:80px;bottom:84px;inset-inline-end:12px;width:min(360px,calc(100vw - 24px));overflow:auto;padding:16px;border-radius:24px;background:var(--glass-solid);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--line);box-shadow:var(--lift);font-size:13px}.studio-panel h3{font-size:15px;margin-bottom:10px}.studio-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.studio-head code{font-family:var(--font-mono);font-size:11px;color:var(--ink-3)}.studio-actions{display:flex}.studio-actions button:hover,.studio-item-head button:hover{background:rgb(14 18 27/.06)}.studio-fields{gap:10px}.studio-field,.studio-fields{display:flex;flex-direction:column}.studio-field{gap:4px}.studio-field.row{flex-direction:row;align-items:center;gap:8px}.studio-field>span{font-weight:700;color:var(--ink-2);font-size:12px}.studio-field em{font-style:normal;font-family:var(--font-mono);color:var(--signal-ink);background:var(--signal-soft);border-radius:6px;padding:0 5px;margin-inline-start:4px}.studio-field input:not([type=checkbox]):not([type=file]),.studio-field select,.studio-field textarea,.studio-item>input{width:100%;border:1px solid var(--line-2);border-radius:10px;background:var(--surface);padding:8px 10px;font-size:14px;outline:none}.studio-field textarea{resize:vertical;line-height:1.6}.studio-field textarea.mono{font:12px/1.5 var(--font-mono);direction:ltr}.studio-field input:focus,.studio-field textarea:focus{border-color:var(--signal);box-shadow:0 0 0 3px var(--signal-soft)}.studio-svg{padding:10px;border-radius:10px;background:var(--surface);border:1px solid var(--line);color:var(--ink)}.studio-svg svg{width:100%;height:auto}.studio-array{border:1px solid var(--line);border-radius:14px;padding:8px 10px 10px;margin:0;min-width:0}.studio-array legend{font-size:12px;font-weight:700;color:var(--ink-3);padding:0 4px}.studio-item{border-top:1px dashed var(--line-2);padding-top:6px;margin-top:6px;display:flex;flex-direction:column;gap:6px}.studio-item-head{display:flex;justify-content:space-between;align-items:center;color:var(--ink-3)}.studio-item-head button{width:28px;height:28px}.studio-additem{margin-top:8px;display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface);cursor:pointer;font-size:12px}.studio-additem svg{width:14px;height:14px}.studio-add{margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}.studio-add>span{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:12px;color:var(--ink-3)}.studio-add>span svg{width:14px;height:14px}.studio-add>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.studio-add button{height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface);cursor:pointer;font:12px var(--font-mono)}.studio-add button:hover{border-color:var(--signal);color:var(--signal-ink)}.studio-hint{margin-top:14px;color:var(--ink-3)}.studio-item{position:relative}.studio-item-head{gap:2px}.studio-drag{width:22px;height:22px;display:grid;place-items:center;color:var(--ink-4);cursor:grab;touch-action:none}.studio-drag:active{cursor:grabbing}.studio-drag svg{width:14px;height:14px}.studio-item-move{display:inline-flex;margin-inline-end:auto}.studio-item-move button{width:24px;height:24px}.studio-item-move svg{width:13px;height:13px}.studio-dragover{outline:2px dashed var(--signal);outline-offset:3px;border-radius:8px}.studio-swatches{display:flex;gap:8px}.studio-swatches button{width:26px;height:26px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0}.studio-swatches button.on{border-color:var(--signal);box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--signal)}.studio-iconfield{display:flex}.studio-iconbtn{display:inline-flex;align-items:center;gap:8px;height:36px;padding-inline:10px;border-radius:10px;border:1px solid var(--line-2);background:var(--surface);cursor:pointer;font-size:13px;color:var(--ink)}.studio-iconbtn svg{width:16px;height:16px;flex:none}.studio-iconph{width:16px;height:16px;border-radius:4px;border:1.5px dashed var(--ink-4)}.studio-modal-scrim{position:fixed;inset:0;z-index:90;background:rgb(14 18 27/.4);display:grid;place-items:center;padding:20px}.studio-modal{width:min(560px,100%);max-height:80vh;display:flex;flex-direction:column;border-radius:20px;background:var(--surface);box-shadow:var(--lift);overflow:hidden}.studio-modal-head{padding:10px;border-bottom:1px solid var(--line)}.studio-modal-head,.studio-search{display:flex;align-items:center;gap:8px}.studio-search{flex:1;height:38px;padding-inline:12px;border-radius:999px;background:var(--surface-2)}.studio-search svg{width:16px;height:16px;color:var(--ink-3)}.studio-search input{flex:1;border:0;outline:0;background:transparent;font-size:14px}.studio-modal-body{overflow-y:auto;padding:12px 16px 16px}.studio-icongroup+.studio-icongroup{margin-top:14px}.studio-icongroup h4{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);margin:0 0 8px}.studio-icongrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:6px}.studio-icongrid button{width:38px;height:38px;border-radius:10px;border:1px solid var(--line-2);background:var(--surface);display:grid;place-items:center;cursor:pointer;color:var(--ink-2)}.studio-icongrid button:hover{border-color:var(--signal);color:var(--signal-ink)}.studio-icongrid button.on{background:var(--signal);border-color:var(--signal);color:#fff}.studio-icongrid svg{width:17px;height:17px}.studio-rte-toolbar{display:flex;gap:2px;margin-bottom:4px}.studio-rte-toolbar button{width:26px;height:26px;border-radius:6px;border:1px solid var(--line-2);background:var(--surface);display:grid;place-items:center;cursor:pointer;color:var(--ink-2)}.studio-rte-toolbar button:hover{border-color:var(--signal);color:var(--signal-ink)}.studio-rte-toolbar svg{width:13px;height:13px}.studio-imgfield{display:flex;gap:6px}.studio-imgfield input{flex:1}.studio-uploadbtn{flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--line-2);background:var(--surface);cursor:pointer;color:var(--ink-2)}.studio-uploadbtn:hover{border-color:var(--signal);color:var(--signal-ink)}.studio-uploadbtn svg{width:16px;height:16px}.studio-imgpreview{margin-top:6px;max-width:100%;max-height:140px;border-radius:10px;border:1px solid var(--line);object-fit:contain}.studio-loadmore{width:100%;justify-content:center;margin-top:14px}.studio-insertzone{position:fixed;z-index:40;height:28px;margin-top:-14px;display:flex;align-items:center;justify-content:center}.studio-insertzone i{position:absolute;inset-inline:0;top:50%;height:2px;margin-top:-1px;background:var(--signal);border-radius:2px;opacity:0;transition:opacity .12s var(--ease);pointer-events:none}.studio-insertzone i.on,.studio-insertzone:hover i{opacity:.45}.studio-insertbtn{width:26px;height:26px;border-radius:50%;border:1.5px solid var(--signal);background:var(--surface);color:var(--signal);display:grid;place-items:center;cursor:pointer;opacity:0;transform:scale(.7);transition:opacity .12s var(--ease),transform .12s var(--ease);box-shadow:var(--lift)}.studio-insertbtn.on,.studio-insertzone:hover .studio-insertbtn{opacity:1;transform:scale(1)}.studio-insertbtn svg{width:14px;height:14px}.studio-insertbtn.on{background:var(--signal);color:#fff}.studio-modal-scrim.thin{background:transparent;z-index:89}.studio-insertmenu{position:fixed;z-index:91;transform:translate(-50%,-100%) translateY(-10px);display:flex;flex-wrap:wrap;gap:6px;width:min(340px,calc(100vw - 32px));padding:10px;border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--lift)}.studio-insertmenu button{height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface-2);cursor:pointer;font:12px var(--font-mono);color:var(--ink-2)}.studio-insertmenu button:hover{border-color:var(--signal);color:var(--signal-ink)}