.studio-page{--st-sand:#f7f5f0;--st-card:#fff;--st-ink:#1c1917;--st-line:#e4dfd4;--st-line-soft:#e8e3d8;--st-violet:#7c3aed;--st-violet-deep:#6d28d9;--st-tint:#f1ecfb;--st-tint-soft:#f3eefc;--st-muted:#5f5648;--st-muted-ink:#3a342e;--st-field:#fbfaf7;--st-border:#d9d3c6;background:var(--st-sand);color:var(--st-ink)}.app-main:has(.studio-page){background:#f7f5f0}.studio-page *,.studio-dialog *{box-sizing:border-box}.studio-page .studio-topbar{background:var(--st-card);border-bottom:1px solid var(--st-line-soft);align-items:center;gap:10px;padding:14px 16px;animation:.6s ease-out both studio-rise;display:flex}.studio-page .studio-topbar .logo{width:auto;height:26px;display:block}.studio-page .back{color:var(--st-muted);cursor:pointer;align-items:center;gap:5px;min-height:44px;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.studio-page .back:hover{color:var(--st-violet)}.studio-page .back:active{opacity:.7}.studio-page .ver{background:var(--st-tint);color:#5b21b6;white-space:nowrap;border-radius:99px;align-items:center;gap:6px;margin-left:auto;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.studio-page .dot{background:var(--st-violet);border-radius:50%;width:7px;height:7px;animation:2.4s ease-in-out infinite studio-pulse}.studio-page h1{letter-spacing:-1px;margin:6px 0 14px;font-size:30px;font-weight:700;line-height:1.1;animation:.6s ease-out 80ms both studio-rise}.studio-page h1 span{color:var(--st-violet)}.studio-page .tabs{gap:6px;padding-bottom:12px;animation:.6s ease-out .14s both studio-rise;display:flex;overflow:auto}.studio-page .tab{min-height:44px;color:var(--st-muted);background:var(--st-card);border:1px solid var(--st-line);cursor:pointer;border-radius:10px;flex:none;align-items:center;padding:0 16px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.studio-page .tab:hover{color:#4c1d95;background:#efe9fb}.studio-page .tab:active{opacity:.8}.studio-page .tab.on{background:var(--st-ink);color:#fff;border-color:var(--st-ink)}.studio-page .pubs{background:var(--st-card);border:1px solid var(--st-line);border-radius:14px;margin-bottom:14px;padding:14px;animation:.6s ease-out .2s both studio-rise}.studio-page .lbl{letter-spacing:.08em;text-transform:uppercase;color:var(--st-muted);font-size:12px;font-weight:600}.studio-page .pubhead{flex-direction:column;gap:10px;margin-bottom:10px;display:flex}.studio-page .chips{grid-template-columns:1fr 1fr;gap:8px;display:grid}.studio-page .chip{border:1px solid var(--st-line);background:var(--st-field);min-height:52px;color:var(--st-ink);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;gap:2px;padding:8px 10px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s;display:flex}.studio-page .chip:hover{background:var(--st-tint-soft);border-color:#c4b0f3}.studio-page .chip:active{background:#e9defb}.studio-page .chip.on{border-color:var(--st-violet);background:var(--st-tint)}.studio-page .chip small{color:var(--st-muted);font-size:12px;font-weight:400}.studio-page .btn,.studio-dialog .btn,.studio-page .action-secondary,.studio-page .action-primary{border:1px solid var(--st-border);background:var(--st-card);min-height:44px;color:var(--st-ink);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s,box-shadow .2s,color .2s;display:inline-flex}.studio-page .btn:hover,.studio-dialog .btn:hover,.studio-page .action-secondary:hover{background:var(--st-tint-soft);box-shadow:0 2px 8px #7c3aed22}.studio-page .btn:active,.studio-page .action-secondary:active{background:#e9defb}.studio-page .btn.pri,.studio-page .action-primary,.studio-dialog .btn.pri{background:var(--st-violet);border-color:var(--st-violet);color:#fff;box-shadow:0 4px 12px #7c3aed44}.studio-page .btn.pri:hover,.studio-page .action-primary:hover,.studio-dialog .btn.pri:hover{background:var(--st-violet-deep)}.studio-page .btn.ico,.studio-page .ico{flex:none;width:46px;padding:0}.studio-page .btn.rev{min-height:40px;padding:0 12px;font-size:12px}.studio-page .alerts{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.studio-page .ok,.studio-dialog .ok{color:#1f5d36;background:#eaf6ee;border:1px solid #cfe7d7;border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.5}.studio-page .err,.studio-dialog .err{color:#9a2f43;background:#fff0f1;border:1px solid #f4cfd6;border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.5}.studio-page .err b{margin-bottom:6px;display:block}.studio-page .err ul{margin:0 0 8px;padding-left:18px;list-style:outside}.studio-page .err p{margin:0}.studio-page .cfg{background:var(--st-card);border:1px solid var(--st-line);border-radius:14px;margin-bottom:14px;padding:14px}.studio-page .cfg .format-bar{background:0 0;border:0;margin:0;padding:0;display:block}.studio-page .row,.studio-dialog .row{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.studio-page .row:last-child,.studio-dialog .row:last-child{margin-bottom:0}.studio-page .chips2,.studio-dialog .chips2{flex-wrap:wrap;gap:8px;display:flex}.studio-page .sel,.studio-dialog .sel{border:1px solid var(--st-border);background:var(--st-field);min-height:44px;color:var(--st-ink);cursor:pointer;border-radius:10px;align-items:baseline;gap:7px;padding:0 14px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s;display:inline-flex}.studio-page .sel small,.studio-dialog .sel small{color:var(--st-muted);font-size:12px;font-weight:400}.studio-page .sel:hover,.studio-dialog .sel:hover{background:var(--st-tint-soft)}.studio-page .sel.on,.studio-dialog .sel.on{background:var(--st-violet);border-color:var(--st-violet);color:#fff}.studio-page .sel.on small,.studio-dialog .sel.on small{color:#e9defb}.studio-page .studio-columns{margin-bottom:14px}.studio-page .studio-canvas{background:0 0;border:0;border-radius:0;position:static;overflow:visible}.studio-page .sechead h2,.studio-page .edit .sechead h2{letter-spacing:-.3px;margin:0;font-size:18px;font-weight:700}.studio-page .sechead{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.studio-page .sechead-end{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;display:flex}.studio-page .seg2{background:#ebe6db;border-radius:99px;gap:3px;padding:3px;display:flex}.studio-page .seg2 button{min-height:36px;color:var(--st-muted);cursor:pointer;background:0 0;border:0;border-radius:99px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:600;transition:background .2s,color .2s}.studio-page .seg2 button:hover{color:var(--st-violet)}.studio-page .seg2 button.on{color:var(--st-violet);background:#fff;box-shadow:0 1px 4px #0001}.studio-page .canvas-content{max-width:none;margin:0;padding:0}.studio-page .canvas-content.mobile-preview{max-width:375px;margin-inline:auto}.studio-page .content-preview{background:var(--st-card);width:100%;color:var(--st-ink);border:1px solid var(--st-line);border-radius:16px;animation:.7s ease-out .26s both studio-rise;overflow:hidden;box-shadow:0 14px 34px #3b2a6a14}.studio-page .social-profile{align-items:center;gap:10px;padding:12px 14px;display:flex}.studio-page .profile-avatar{color:#5b21b6;background:#e5dafb;border-radius:50%;place-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:grid}.studio-page .social-profile b{font-size:13px}.studio-page .creative-frame{background:#e5dfd2}.studio-page .social-actions{gap:16px;padding:12px 14px 0;display:flex}.studio-page .social-caption{padding:12px 14px 16px}.studio-page .social-caption h3{letter-spacing:-.3px;margin:0 0 8px;font-size:18px;font-weight:700;line-height:1.3}.studio-page .preview-copy{color:var(--st-muted-ink);margin:0;font-size:14px;line-height:1.7}.studio-page .preview-cta{background:var(--st-ink);color:#fff;border-radius:8px;align-items:center;gap:6px;margin-top:14px;padding:10px 14px;font-size:13px;font-weight:600;display:inline-flex}.studio-page .note{color:var(--st-muted);text-align:center;margin:10px 0 0;font-size:13px;line-height:1.6}.studio-page .edit{background:var(--st-card);border:1px solid var(--st-line);border-radius:16px;margin-bottom:14px;padding:16px}.studio-page .edit h2,.studio-page .editor-heading h2{letter-spacing:-.3px;margin:0 0 14px;font-size:18px;font-weight:700}.studio-page .editor-field{margin-bottom:14px}.studio-page .editor-field label{color:var(--st-muted-ink);font-size:14px;font-weight:600}.studio-page .editor-field input,.studio-page .editor-field textarea,.studio-page .editor-field select{border:1px solid var(--st-border);background:var(--st-field);width:100%;color:var(--st-ink);border-radius:10px;min-height:46px;padding:12px;font-family:inherit;font-size:15px;font-weight:400;line-height:1.5;transition:border-color .2s}.studio-page .editor-field input:hover,.studio-page .editor-field textarea:hover{border-color:#b9a4ee}.studio-page .editor-field textarea{resize:vertical;min-height:130px}.studio-page .editor-field p{color:var(--st-muted);margin:6px 0 0;font-size:13px;line-height:1.6}.studio-page .editor-field .tabular-nums{color:var(--st-muted);font-variant-numeric:tabular-nums;font-size:12px}.studio-page .util,.studio-page .editor-utilities{border:0;flex-wrap:wrap;justify-content:flex-start;gap:8px;margin:0 0 14px;padding:0;display:flex}.studio-page .util .btn,.studio-page .editor-utilities button{flex:140px;font-size:13px}.studio-page .editor-note{color:var(--st-muted);margin:10px 0 0;font-size:13px;line-height:1.6}.studio-page .hist,.studio-page .version-list{background:var(--st-card);border:1px solid var(--st-line);border-radius:14px;margin:0 0 14px;padding:4px 14px}.studio-page .hist summary,.studio-page .version-list>summary,.studio-page .editor-utilities+.version-list>b{cursor:pointer;align-items:center;min-height:44px;font-size:14px;font-weight:600;list-style:none;display:flex}.studio-page .hist summary::-webkit-details-marker{display:none}.studio-page .hv,.studio-page .version-list>div{border-top:1px solid #eee9de;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;font-size:14px;display:flex}.studio-page .hv small,.studio-page .version-list small{color:var(--st-muted);margin-top:4px;font-size:12px;display:block}.studio-page .rv,.studio-page .ai-review-panel{background:var(--st-card);border:1px solid var(--st-line);border-radius:14px;margin:0 0 14px;padding:16px}.studio-page .sc{background:var(--st-card);border:1px solid var(--st-line);border-radius:14px;margin-bottom:14px;padding:16px}.studio-page .status-pill{color:#21613f;background:#e2f5eb;border-radius:99px;padding:5px 10px;font-size:12px;font-weight:600}.studio-page .status-pill.overline,.studio-page .overline{letter-spacing:.08em;text-transform:uppercase;color:var(--st-muted);font-size:11px;font-weight:600}.studio-page .cfgs{background:var(--st-card);border:1px solid var(--st-line);border-radius:14px;margin-bottom:14px;padding:4px 14px}.studio-page .cfgs summary{cursor:pointer;grid-template-columns:1fr auto;grid-template-areas:"label hint""value hint";align-items:center;gap:2px 10px;min-height:56px;list-style:none;display:grid}.studio-page .cfgs summary .lbl{grid-area:label}.studio-page .cfgs summary b{letter-spacing:-.2px;text-overflow:ellipsis;white-space:nowrap;grid-area:value;font-size:15px;font-weight:700;overflow:hidden}.studio-page .cfgs-open{color:var(--st-violet);grid-area:hint;align-items:center;gap:4px;font-size:13px;font-weight:600;display:inline-flex}.studio-page .cfgs summary::-webkit-details-marker{display:none}.studio-page .cfgs[open] summary{border-bottom:1px solid #eee9de;margin-bottom:12px}.studio-page .cfgs[open] .cfgs-open svg{transform:rotate(180deg)}.studio-page .cfgs .cfg{background:0 0;border:0;border-radius:0;margin:0;padding:0 0 12px}.studio-page .dock{z-index:30;background:linear-gradient(180deg, #f7f5f000, var(--st-sand) 26%);pointer-events:none;flex-direction:column;gap:8px;padding:26px 16px 16px;animation:.7s ease-out .4s both studio-rise;display:flex;position:fixed;bottom:0;left:0;right:0}.studio-page .dock>*{pointer-events:auto}.studio-page .viewbar,.studio-page .acbar{background:var(--st-card);border:1px solid var(--st-line);border-radius:16px;align-items:center;gap:8px;padding:8px;display:flex;box-shadow:0 8px 24px #3b2a6a1a}.studio-page .acbar .btn{flex:1}.studio-page .seg{background:#efeae1;border-radius:12px;flex:1;gap:4px;padding:4px;display:flex}.studio-page .seg button{min-height:42px;color:var(--st-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s,color .2s}.studio-page .seg button:hover{color:var(--st-violet)}.studio-page .seg button:active{opacity:.8}.studio-page .seg button.on{background:var(--st-card);color:var(--st-violet);box-shadow:0 1px 4px #0001}.studio-dialog{background:var(--st-card);border:1px solid var(--st-line);color:var(--st-ink);font-family:var(--font-body);border-radius:16px}.studio-dialog h2{letter-spacing:-.3px;font-size:18px;font-weight:700}.studio-dialog .lbl{letter-spacing:.08em;text-transform:uppercase;color:var(--st-muted);font-size:11px;font-weight:600}.studio-dialog .editor-note{color:var(--st-muted);margin:10px 0 0;font-size:12px;line-height:1.6}.studio-dialog .set-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.studio-dialog .save-indicator{color:var(--st-muted);align-items:center;gap:7px;font-size:13px;display:inline-flex}.studio-page .back:focus-visible,.studio-page .btn:focus-visible,.studio-dialog .btn:focus-visible,.studio-page .seg button:focus-visible,.studio-page .chip:focus-visible,.studio-page .tab:focus-visible,.studio-page .sel:focus-visible,.studio-dialog .sel:focus-visible,.studio-page input:focus-visible,.studio-page textarea:focus-visible,.studio-page summary:focus-visible,.studio-page .seg2 button:focus-visible{outline:3px solid var(--st-violet);outline-offset:2px}@keyframes studio-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes studio-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.25)}}@media (width<=900px){.studio-page{padding-bottom:215px}.studio-page .studio-hide-mobile{display:none}.studio-page .studio-columns{grid-template-columns:1fr;gap:14px}}@media (width>=901px){.studio-page .dock{background:0 0;max-width:100%;padding:0 0 48px;animation:none;position:static}.studio-page .seg{display:none}.studio-page .viewbar{box-shadow:none;background:0 0;border:0;justify-content:flex-end;padding:0}}@media (width<=760px){.studio-page h1{font-size:27px}}@media (prefers-reduced-motion:reduce){.studio-page .studio-topbar,.studio-page h1,.studio-page .tabs,.studio-page .pubs,.studio-page .content-preview,.studio-page .dock,.studio-page .dot{animation:none}}