.creator-page{padding-block:calc(var(--site-header-height) + 32px) 80px}.creator-intro{justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:12px;display:flex}.creator-intro h1{letter-spacing:-.025em;color:#f4f0ff;font-size:clamp(28px,3vw,36px);font-weight:750;line-height:1.2}.creator-intro p{color:#b9b2ca;max-width:65ch;margin-top:12px;font-size:14px;line-height:1.7}.creator-intro nav{flex-wrap:wrap;flex-shrink:0;gap:4px 20px;display:flex}.creator-intro nav a{color:#d8c9f2;text-underline-offset:5px;align-items:center;min-height:44px;font-size:13px;display:inline-flex}.creator-intro nav a:hover{color:#fff;text-decoration:underline}.creator-setup{background:#100d17;border:1px solid #30283e;border-radius:16px;padding:28px}.creator-setup-steps{flex-wrap:wrap;gap:12px 28px;margin:0 0 28px;padding:0;list-style:none;display:flex}.creator-setup-steps li{color:#b9b2ca;align-items:center;gap:8px;font-size:13px;display:flex}.creator-setup-steps li span{font-variant-numeric:tabular-nums;border:1px solid #494052;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.creator-setup-steps [aria-current]{color:#f1e7ff;font-weight:650}.creator-setup-steps [aria-current] span{background:#7b2cbf;border-color:#aa70d9}.creator-setup-steps [data-complete=true] span{color:#9ee5cb;border-color:#39755f}.creator-workspace{--studio-muted:#b9b2ca;--studio-border:#30283e;color:#e7e4ef;min-width:0}.creator-workspace ::selection,.creator-page ::selection{color:#fff;background:#69339b}.creator-workspace :is(input,textarea){caret-color:#c294ed}.creator-workspace :is(button,a,input,select,textarea,summary,[tabindex]):focus-visible,.creator-page a:focus-visible{outline-offset:3px;outline:2px solid #cda2f4}.creator-workspace :is(button,a){-webkit-tap-highlight-color:transparent}.creator-workspace button{cursor:pointer;min-height:44px}.creator-workspace button:disabled{cursor:not-allowed;opacity:.45}.creator-workspace fieldset{border:0;min-width:0;margin:0;padding:0}.creator-workspace [hidden]{display:none}.creator-workspace [class*=text-white\/]{color:var(--studio-muted)}.creator-workspace :is(h2,h3,h4){text-wrap:balance}.creator-workspace h2{letter-spacing:-.015em;font-size:19px;font-weight:700;line-height:1.4}.creator-workspace :is(p,td,button,a){overflow-wrap:anywhere}.creator-workspace-bar{border-bottom:1px solid var(--studio-border);justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.creator-tabs{scrollbar-width:thin;gap:24px;min-width:0;display:flex;overflow-x:auto}.creator-tabs button{min-height:52px;color:var(--studio-muted);white-space:nowrap;border-bottom:2px solid #0000;flex-shrink:0;padding:8px 0 12px;font-size:14px;font-weight:600}.creator-tabs button[aria-selected=true]{color:#efddff;border-color:#b779eb}.creator-tabs button:hover{color:#fff}.creator-tabs button:focus-visible{outline-offset:-4px}.creator-refresh{color:#cdb5e5;min-height:44px;padding-inline:8px;font-size:13px}.creator-section{gap:20px;min-width:0;display:grid}.creator-panel{border:1px solid var(--studio-border);background:#100d17;border-radius:16px;min-width:0;padding:24px}.creator-panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.creator-panel-heading p{color:var(--studio-muted);margin-top:6px;font-size:14px;line-height:1.6}.creator-badge{color:#f6dca6;background:#2a2217;border:1px solid #715a38;border-radius:8px;flex-shrink:0;padding:5px 10px;font-size:12px;font-weight:600}.creator-badge[data-ready=true]{color:#a5ebce;background:#13261e;border-color:#2f715c}.creator-readiness{margin:20px 0 0;padding:0;list-style:none}.creator-readiness li{border-top:1px solid #ffffff0d;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:14px;padding-block:13px;display:grid}.creator-readiness li:first-child{border-top:0;padding-top:0}.creator-check{color:#edc77e}.creator-readiness [data-ready=true] .creator-check{color:#8bcab3}.creator-readiness h3{font-size:14px;font-weight:600}.creator-readiness p{color:var(--studio-muted);overflow-wrap:anywhere;margin-top:3px;font-size:12px;line-height:1.6}.creator-readiness :is(a,button){color:#e4d0fb;border:1px solid #70568e;border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.creator-readiness :is(a,button):hover{background:#241632;border-color:#ad7ed6}.creator-metrics{border-block:1px solid var(--studio-border);grid-template-columns:repeat(5,minmax(0,1fr));margin:0;display:grid}.creator-metrics>div{padding:18px 12px}.creator-metrics dt{color:var(--studio-muted);font-size:12px}.creator-metrics dd{font-variant-numeric:tabular-nums;margin:8px 0 0;font-size:22px;font-weight:650}.creator-next{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:4px 0;display:flex}.creator-next h3{font-size:15px;font-weight:650}.creator-next p{color:var(--studio-muted);margin-top:4px;font-size:13px}.creator-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.creator-toolbar :is(a,button),.creator-secondary,.creator-load-error a{color:#ead6ff;background:#22172f;border:1px solid #70568e;border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:9px 14px;font-size:13px;font-weight:600;display:inline-flex}.creator-workspace :is(button,a)[class*=rounded-xl]{min-height:44px;transition:background-color .15s ease-out,border-color .15s ease-out}.creator-workspace :is(button,a):not(:disabled):hover{filter:brightness(1.12)}.creator-field{min-width:0;color:var(--studio-muted);font-size:12px;display:block}.creator-field>span{margin-bottom:7px;font-weight:600;line-height:1.5;display:block}.creator-input{color:#f2edf9;background:#09070e;border:1px solid #51445f;border-radius:10px;width:100%;min-width:0;min-height:44px;padding:10px 12px;font-size:14px;line-height:1.5}.creator-input::placeholder{color:#a99bb9;opacity:1}.creator-input:focus{border-color:#b083d9}.creator-input[type=color]{cursor:pointer;padding:5px}.creator-workspace input[type=checkbox]{accent-color:#a974d6;width:18px;height:18px}.creator-workspace select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.creator-hint{color:var(--studio-muted);margin-top:14px;font-size:12px;line-height:1.6}.creator-template{text-align:left;background:#1a1422;border-bottom:1px solid #51445f;border-radius:8px 8px 0 0;flex-direction:column;align-items:flex-start;padding:16px 12px;display:flex}.creator-template:hover{background:#261b32}.creator-template>div:first-child{font-size:14px;font-weight:650}.creator-template>div:last-child{margin-top:auto;padding-top:12px}.creator-list-title{align-items:center;gap:12px;font-size:16px;font-weight:650;display:flex}.creator-list-title span{color:var(--studio-muted);font-variant-numeric:tabular-nums;font-size:13px}.creator-icon-button{border:1px solid #51445f;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.creator-rule-switch{background:#241d2d;border:1px solid #675875;border-radius:12px;flex-shrink:0;align-items:center;width:44px;height:44px;padding:4px;display:flex}.creator-switch-thumb{background:#afa0bf;border-radius:50%;width:16px;height:16px;display:block}.creator-rule-switch[aria-checked=true]{background:#532579;border-color:#bd89e6;justify-content:flex-end}.creator-rule-switch[aria-checked=true] .creator-switch-thumb{background:#f4eaff}.creator-empty{padding-block:24px}.creator-empty h3{color:#eee7f7;font-size:14px;font-weight:600}.creator-empty p{color:var(--studio-muted);max-width:65ch;margin-top:6px;font-size:13px;line-height:1.7}.creator-feedback,.creator-confirm{color:#f3d6a3;background:#251d16;border:1px solid #68503d;border-radius:12px;margin-block:0 16px;padding:14px 16px;font-size:13px;line-height:1.7}.creator-feedback-error{color:#ffcad3;background:#2a151c;border-color:#8c4856}.creator-feedback-success{color:#afe7ce;background:#10251d;border-color:#387460}.creator-confirm{margin-top:16px}.creator-confirm .creator-toolbar{margin-top:12px}.creator-loading,.creator-load-error{border:1px solid var(--studio-border);background:#100d17;border-radius:16px;padding:28px}.creator-load-error p{color:var(--studio-muted);margin-block:10px 20px;line-height:1.7}.creator-skeleton{background:#221a2c;border-radius:10px;height:64px;margin-top:16px}.creator-overlay-kinds{flex-wrap:wrap;gap:6px;display:flex}.creator-overlay-kinds button{align-items:center;gap:8px;display:flex}.creator-unsaved-dot{background:#efd094;border-radius:50%;width:6px;height:6px}.creator-overlay-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start;gap:24px;margin-top:20px;display:grid}.creator-workspace .creator-overlay-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.creator-preview-wrap{min-width:0;top:calc(var(--site-header-height) + 16px);margin:0;position:sticky}.creator-preview{aspect-ratio:4/3;border-radius:12px;width:100%;min-width:0;max-width:100%;min-height:300px;padding:20px;display:flex;overflow:hidden}.creator-preview-content{min-width:0;max-width:100%}.creator-preview-title{font-size:.85em;font-weight:650}.creator-preview-actor{overflow-wrap:anywhere;margin-top:.6em;font-size:1.45em;font-weight:700}.creator-preview-detail{margin-top:.4em;font-size:.85em}.creator-preview-list{grid-template-columns:1fr auto;gap:12px;margin-top:18px;font-size:.85em;display:grid}.creator-preview-wrap figcaption{color:var(--studio-muted);margin-top:10px;font-size:12px;line-height:1.6}.creator-secret{border-top:1px solid var(--studio-border);margin-top:24px;padding-top:20px}.creator-secret>label{margin-bottom:8px;font-size:13px;font-weight:600;display:block}.creator-secret-row{gap:8px;display:flex}.creator-secret-row button{flex-shrink:0}.creator-secret p{color:var(--studio-muted);margin-top:8px;font-size:12px;line-height:1.6}.creator-table-scroll{margin-top:20px;overflow:auto}.creator-workspace :is(td,th){font-variant-numeric:tabular-nums}.creator-workspace :is(.creator-tabs,.creator-table-scroll,[class*=overflow-auto]){scrollbar-width:thin;scrollbar-color:#71568a #16101f}@media (max-width:1023px){.creator-intro{flex-direction:column;gap:12px}.creator-intro nav{margin-top:-4px}.creator-overlay-layout{grid-template-columns:1fr}.creator-preview-wrap{position:static}.creator-preview{aspect-ratio:16/9;min-height:220px}}@media (max-width:639px){.creator-page{padding-top:calc(var(--site-header-height) + 24px)}.creator-panel,.creator-setup{padding:18px}.creator-workspace-bar{display:block}.creator-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;display:grid;overflow:visible}.creator-tabs button{text-align:left;min-height:44px;padding-block:10px}.creator-refresh{margin-left:auto;display:block}.creator-panel-heading{flex-direction:column;gap:12px}.creator-readiness li{grid-template-columns:20px minmax(0,1fr);gap:10px}.creator-readiness li>:is(a,button){grid-column:2;justify-self:start}.creator-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-metrics>div{padding-inline:8px}.creator-workspace .creator-overlay-fields{grid-template-columns:1fr}.creator-secret-row{flex-direction:column}.creator-secret-row button{align-self:flex-start}}.creator-obs-guide{counter-reset:obs;border-block:1px solid var(--studio-border);grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:18px 0;padding:20px 0;list-style:none;display:grid}.creator-obs-guide li{counter-increment:obs;padding-left:32px;position:relative}.creator-obs-guide li:before{content:counter(obs);color:#d0b0ec;font-size:14px;font-weight:650;position:absolute;top:0;left:0}.creator-obs-guide strong{color:#eee2fa;font-size:13px;display:block}.creator-obs-guide span{color:#c1b4ce;margin-top:6px;font-size:12px;line-height:1.8;display:block}@media (max-width:760px){.creator-obs-guide{grid-template-columns:1fr;gap:16px}.creator-intro nav{flex-shrink:1}}