.creator-page{--surface:#101012;--card:#19191d;--line:#303037;--muted:#a8a8b3;--accent:#f34361;--text:#f6f5f7;margin:0;background:#09090b;color:var(--text);font-family:var(--nox-font-sans);font-size:1rem;line-height:1.65;color-scheme:dark;overflow-wrap:anywhere}
.creator-page *{box-sizing:border-box}.creator-page [hidden]{display:none!important}.creator-page a{color:inherit;text-decoration:none}.creator-page button,.creator-page input,.creator-page textarea,.creator-page select{font:inherit}.creator-page button{cursor:pointer}.creator-page button:disabled{cursor:not-allowed;opacity:.48}.creator-page :focus-visible{outline:2px solid #ff8197;outline-offset:4px}.creator-page h1,.creator-page h2,.creator-page h3,.creator-page p{margin-top:0}.creator-page h1{font-size:1.8rem;line-height:1.3;letter-spacing:-.055em}.creator-page h2{font-size:1.25rem;letter-spacing:-.035em;line-height:1.45}.creator-page h3{font-size:1.08rem;line-height:1.4}.creator-page button i{pointer-events:none}.studio-header{max-width:960px;min-height:72px;padding:16px 26px;margin:auto;display:flex;align-items:center;gap:22px;border:1px solid var(--line);border-top:0;background:#101012;font-size:.9rem}.studio-header-title{flex:1;color:#bbb}.studio-header>a:not(.studio-brand){white-space:nowrap}.studio-brand{display:flex;align-items:center;gap:8px;flex-shrink:0}.studio-brand img:first-child{width:28px;height:28px;object-fit:contain}.studio-brand img:last-child{width:62px;height:auto}.studio-shell,.reader-shell{max-width:960px;margin:auto;border:1px solid var(--line);border-top:0;background:var(--surface);min-height:calc(100dvh - 72px);padding:30px 26px 60px}.studio-heading{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:22px}.studio-heading h1{margin:5px 0 0}.studio-eyebrow{font-size:.8rem;letter-spacing:.04em;color:#d2adb5;font-weight:650}.studio-muted{font-size:.9rem;color:var(--muted)}.studio-btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid #3a3a42;border-radius:10px;padding:9px 15px;background:#232329;color:var(--text);font-size:.9rem;font-weight:650;min-height:42px;line-height:1.4}.studio-btn.primary{background:#ed3657;color:#fff;border-color:#ff5774;box-shadow:inset 0 1px #ffffff1a}.studio-btn.subtle{background:transparent}.studio-btn.danger{color:#ff9fae;border-color:#703b45}.studio-btn:hover:not(:disabled){filter:brightness(1.12)}.studio-btn.icon-only{padding:9px 11px}.studio-note{display:flex;align-items:start;gap:10px;border:1px solid #443139;border-radius:12px;background:#241c21;padding:14px 16px;font-size:.9rem;color:#e2b9c2;margin:20px 0}.studio-note i{margin-top:4px;flex-shrink:0}.studio-note p{margin:0}.studio-error{color:#ffa7b6;white-space:pre-line}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 34px}.template-card{text-align:left;color:var(--text);border:1px solid #36363d;background:linear-gradient(135deg,#24232c,#19191d);padding:21px 18px;border-radius:15px;position:relative;overflow:hidden;transition:border-color .15s,transform .15s}.template-card:nth-child(2){background:linear-gradient(135deg,#36232d,#1d1a21)}.template-card:nth-child(3){background:linear-gradient(135deg,#1e3035,#191c22)}.template-card:hover{border-color:#b96a7a;transform:translateY(-2px)}.template-card>i{font-size:1.7rem;display:block;margin-bottom:24px;color:#ffabb9}.template-card strong{display:block;font-size:1.12rem;letter-spacing:-.025em}.template-card small{display:block;color:#b9b5c3;font-size:.82rem;margin-top:5px}.template-card span{display:inline-flex;gap:10px;align-items:center;margin-top:16px;font-size:.85rem;color:#ffadb9}.my-work-list{display:grid;gap:12px}.my-work{display:flex;gap:16px;padding:16px;border:1px solid var(--line);border-radius:13px;background:#17171b;align-items:center}.my-work-cover{width:58px;height:77px;object-fit:cover;border-radius:7px;background:#292930;display:grid;place-items:center;color:#cc9da8;flex-shrink:0}.my-work-copy{flex:1;min-width:0}.my-work-copy h3{margin:3px 0}.my-work-copy p{margin:0;font-size:.85rem;color:var(--muted)}.work-state{font-size:.76rem;color:#ff9eb0;display:inline-block}.studio-empty{padding:48px 20px;border:1px dashed #38383f;border-radius:16px;text-align:center}.studio-empty>i{font-size:2rem;color:#e9a1af;display:inline-block;margin-bottom:14px}.studio-empty h2{margin-bottom:8px}.studio-empty p{color:var(--muted);max-width:480px;margin:0 auto 18px}.studio-toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.studio-toolbar .save-state{margin-right:auto;font-size:.82rem;color:#a7bfae}.studio-tabs{display:flex;gap:5px;overflow-x:auto;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:22px;scrollbar-width:thin;scrollbar-color:#4b4247 transparent}.studio-tabs button{flex-shrink:0;background:transparent;border:0;color:#a4a4af;border-radius:9px;padding:10px 12px;font-size:.9rem}.studio-tabs button[aria-current=step]{background:#3a222b;color:#ffb6c4}.studio-tabs button span{opacity:.6;margin-right:5px;font-size:.77rem}.studio-workspace{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px;align-items:start}.editor-pane{min-width:0}.studio-preview{position:sticky;top:18px;min-width:0;border:1px solid #35353e;border-radius:15px;overflow:hidden;background:#111114}.preview-label{display:flex;align-items:center;gap:8px;padding:12px 15px;background:#1e1e23;font-size:.82rem;color:#c6bec5;border-bottom:1px solid var(--line)}.preview-label span{margin-left:auto;font-size:.76rem;color:#999}.preview-scroll{height:660px;max-height:calc(100dvh - 100px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#55424a transparent}.editor-heading{margin-bottom:22px}.editor-heading h2{margin-bottom:5px}.editor-heading p{font-size:.9rem;color:var(--muted);margin:0}.studio-field{display:block;margin-bottom:20px}.field-title{display:flex;gap:8px;align-items:center;margin-bottom:8px;color:#e9e7eb;font-size:.94rem;font-weight:600}.field-title small{margin-left:auto;font-size:.75rem;font-weight:400;color:#9997a1}.studio-field input,.studio-field textarea,.studio-field select,.community-tools input,.community-tools select,.studio-dialog textarea,.reader-actions textarea{display:block;width:100%;border:1px solid #3a3a43;border-radius:10px;background:#151518;color:#f1f0f3;padding:11px 12px;outline-offset:2px;line-height:1.6;font-size:.95rem}.studio-field textarea{min-height:118px;resize:vertical}.studio-field textarea.long{min-height:240px}.studio-field input::placeholder,.studio-field textarea::placeholder{color:#73737e}.field-hint{display:block;font-size:.8rem;color:#9d99a5;margin-top:7px;line-height:1.6}.field-assist{border:0;background:transparent;padding:0;color:#ef8ca1;font-size:.78rem;margin-left:auto}.field-row{display:grid;grid-template-columns:1fr 110px;gap:12px}.editor-card{padding:19px 17px;background:#1b1b20;border:1px solid #34343c;border-radius:14px;margin-bottom:16px}.editor-card-head{display:flex;align-items:center;gap:10px;margin-bottom:20px}.editor-card-head h3{margin:0;flex:1}.editor-card-head>span{color:#e594a6;font-size:.82rem}.editor-card .studio-field:last-child{margin-bottom:0}.studio-step-actions{display:flex;justify-content:space-between;margin-top:24px;border-top:1px solid var(--line);padding-top:20px}.upload-zone{display:block;border:1px dashed #825061;background:#241c22;border-radius:13px;padding:27px 17px;text-align:center;cursor:pointer}.upload-zone>i{font-size:1.8rem;color:#ef99ad;display:block;margin-bottom:10px}.upload-zone strong{display:block}.upload-zone small{display:block;font-size:.8rem;color:var(--muted);margin-top:7px}.upload-zone input{display:block;width:100%;margin-top:15px;font-size:.82rem}.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0}.asset-tile{position:relative;padding:5px;border:1px solid #3e3b43;border-radius:9px;background:#19191d;min-width:0}.asset-tile img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:5px;display:block}.asset-tile button{border:0;background:#302830;border-radius:5px;color:#e6c1cc;font-size:.75rem;padding:5px;width:100%;margin-top:4px}.asset-tile.is-cover{border-color:#ff627d}.asset-tile small{font-size:.7rem;color:#aaa;display:block;text-align:center}.studio-checks{list-style:none;margin:18px 0;padding:0;display:grid;gap:10px}.studio-checks li{border:1px solid #3c3339;background:#241d23;border-radius:10px;padding:12px 14px;font-size:.9rem;color:#efc2cd}.studio-checks li.complete{background:#19241e;border-color:#304637;color:#b4d8bd}.publish-choice{display:flex;gap:12px;padding:15px;background:#1c1c22;border:1px solid #35353e;border-radius:11px;margin:10px 0;cursor:pointer}.publish-choice input{accent-color:#f34361;margin:6px 0 0;flex-shrink:0}.publish-choice strong,.publish-choice small{display:block}.publish-choice small{color:var(--muted);font-size:.85rem}.rights-check{display:flex;align-items:flex-start;gap:12px;font-size:.88rem;margin:20px 0;color:#cfc6cc}.rights-check input{margin-top:7px;accent-color:#f34361}.public-link{display:block;word-break:break-all;background:#141416;border:1px solid #3c3440;padding:12px;border-radius:10px;font-size:.85rem;margin:12px 0}.studio-dialog{max-width:560px;width:calc(100% - 28px);max-height:85dvh;border:1px solid #51404c;border-radius:18px;background:#1a181e;color:#f2eef3;padding:25px}.studio-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;gap:14px}.dialog-heading h2{margin:0 0 18px}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.studio-dialog p{font-size:.94rem}.studio-dialog textarea{min-height:125px;resize:vertical}.studio-toast{position:fixed;z-index:3000;bottom:28px;left:50%;transform:translateX(-50%);max-width:min(90%,560px);width:max-content;background:#f0e8ec;color:#221720;border:1px solid #fbc5d0;border-radius:12px;padding:13px 20px;font-size:.94rem;box-shadow:0 10px 45px #0007;white-space:pre-line}.mobile-preview-toggle{display:none}.work-presentation{--mood:#e196a8;--mood-surface:#251c25;--mood-line:#553440;background:#111114}.work-presentation.theme-letter{--mood:#e9b5ab;--mood-surface:#2b2024;--mood-line:#5c3e44}.work-presentation.theme-dossier{--mood:#a4c4ce;--mood-surface:#1c252b;--mood-line:#344d57}.work-cover{position:relative;background:#080809;width:100%;aspect-ratio:3/2;display:grid;place-items:center;overflow:hidden}.work-cover img{width:100%;height:100%;object-fit:contain;display:block;min-height:0}.work-cover-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#c99dab;padding:20px;text-align:center;width:100%;height:100%;background:radial-gradient(ellipse at 50% 120%,#542536,transparent 65%),#17151b}.work-cover-empty i{font-size:2rem}.work-cover-empty small{color:#8f808c;font-size:.78rem}.work-intro{padding:26px 28px 22px;border-bottom:1px solid #303036}.work-intro h1{margin:10px 0;font-size:1.7rem}.work-hook{font-size:1.05rem;color:#d9c6cd;margin-bottom:13px;line-height:1.7}.work-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px}.work-tags span{font-size:.8rem;color:#c7bac6;background:#25232b;border:1px solid #39333d;border-radius:7px;padding:4px 9px}.work-filmstrip{display:flex;gap:8px;overflow-x:auto;padding:10px 16px;border-bottom:1px solid #303036}.work-filmstrip button{border:1px solid #3c3640;background:#19171d;padding:3px;border-radius:6px;width:68px;flex-shrink:0}.work-filmstrip img{width:100%;height:63px;object-fit:cover;border-radius:3px;display:block}.work-section{padding:30px 28px;border-bottom:1px solid #2c2931}.work-section>.studio-eyebrow{color:var(--mood);font-size:.75rem;letter-spacing:.16em}.work-section h2{margin:8px 0 17px;font-size:1.23rem}.work-section p,.work-role p{color:#c3bec8;font-size:.97rem;line-height:1.9;word-break:keep-all;overflow-wrap:anywhere}.work-section p:last-child{margin-bottom:0}.work-role{margin:24px;border:1px solid var(--mood-line);background:radial-gradient(ellipse at 100% 0%,var(--mood-surface),transparent 65%),#19181d;padding:22px;border-radius:13px;display:flex;gap:14px}.work-role>i{color:var(--mood);font-size:1.6rem;margin-top:5px}.work-role h2{font-size:1.1rem;color:#e4d9e4;margin-bottom:10px}.work-role p{margin-bottom:0}.work-cast{display:grid;gap:18px}.work-cast article{display:flex;gap:17px;align-items:start}.work-cast img,.cast-initial{width:85px;aspect-ratio:3/4;object-fit:cover;border:1px solid #46414a;border-radius:10px;flex-shrink:0}.cast-initial{display:grid;place-items:center;font-size:1.9rem;background:var(--mood-surface);color:var(--mood)}.work-cast h3{margin:5px 0 9px}.work-cast h3 small{color:#999;font-size:.8rem;font-weight:400}.work-cast p{font-size:.9rem;margin-bottom:0}.work-cast .studio-eyebrow{font-size:.76rem}.section-quote{background:var(--mood-surface);border:1px solid var(--mood-line);margin:22px;border-radius:12px;text-align:center;padding:26px 22px}.section-quote h2{color:var(--mood)}.work-detail-image{width:100%;height:auto;border-radius:9px;margin-bottom:20px;display:block}.opening-picker{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:17px}.opening-picker button{border:1px solid #41404a;background:#202027;border-radius:20px;color:#b7b2bf;padding:8px 13px;font-size:.85rem}.opening-picker button.selected{background:#462633;border-color:#a24c63;color:#ffe0e8}.work-prologue{padding:20px;background:#1e1c23;border:1px solid #38313f;border-radius:12px}.work-prologue p{font-size:.94rem}.opening-choices{display:grid;gap:7px;margin-top:12px}.opening-choices span{padding:10px 13px;border:1px solid #3c303b;background:#231c25;color:#d5c4d4;font-size:.86rem;border-radius:9px}.compact .work-intro,.compact .work-section{padding:22px 18px}.compact .work-intro h1{font-size:1.35rem}.compact .work-section h2{font-size:1.06rem}.compact .work-hook{font-size:.94rem}.compact .work-section p,.compact .work-role p{font-size:.85rem}.compact .work-role{margin:17px;padding:16px;gap:10px}.compact .work-cast article{gap:11px}.compact .work-cast img,.compact .cast-initial{width:60px}.reader-shell{padding:0 0 60px}.reader-shell .work-cover{max-height:500px}.reader-shell .work-section,.reader-shell .work-intro{padding-left:clamp(20px,6vw,65px);padding-right:clamp(20px,6vw,65px)}.reader-shell .work-role,.reader-shell .section-quote{margin-left:clamp(20px,6vw,65px);margin-right:clamp(20px,6vw,65px)}.reader-loading-cover{width:100%;max-height:500px;object-fit:contain}.reader-actions{padding:26px clamp(20px,6vw,65px)}.reader-actions .studio-btn{flex:1}.reader-action-row{display:flex;gap:10px;margin:14px 0}.reader-actions textarea{margin:10px 0;min-height:90px}.reader-actions summary{cursor:pointer;font-size:.9rem}.creator-chat{border:1px solid #44343e;border-radius:13px;overflow:hidden;margin-top:20px}.creator-chat header{padding:14px 18px;background:#26212a;border-bottom:1px solid #493741;font-size:.9rem}.chat-transcript{padding:17px;max-height:440px;overflow-y:auto;display:grid;gap:12px;overscroll-behavior:contain}.creator-message{max-width:94%;padding:12px 15px;border-radius:12px;background:#26222c;white-space:pre-wrap;font-size:.95rem}.creator-message.user{justify-self:end;background:#673046}.chat-compose{display:flex;gap:8px;padding:12px;background:#1a171e}.chat-compose textarea{margin:0;min-height:48px;max-height:140px;resize:vertical}.chat-compose button{flex:0!important}.community-tools{display:flex;gap:15px;align-items:end;margin:26px 0}.community-tools label{font-size:.85rem;color:#bbb}.community-tools label:last-child{flex:1}.community-tools input,.community-tools select{margin-top:7px}.community-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 16px;margin:24px 0}.community-card{min-width:0;display:block}.community-card img{width:100%;aspect-ratio:3/4;object-fit:cover;border:1px solid #3a353e;border-radius:12px;display:block}.community-card h2{font-size:1.04rem;margin:12px 0 5px}.community-card p{font-size:.9rem;color:#b6acba;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.community-card small{font-size:.8rem;color:#918593}.community-card:hover img{border-color:#df819a}.studio-help{font-size:.86rem;color:#b5a9b6;padding:17px;background:#232027;border-radius:11px;border:1px solid #38313e;margin-bottom:20px}.studio-help p:last-child{margin-bottom:0}
@media(min-width:961px){.studio-header{border-top:1px solid var(--line);margin-top:20px;border-radius:16px 16px 0 0}.studio-shell,.reader-shell{margin-bottom:20px;border-radius:0 0 16px 16px}}
@media(max-width:700px){.studio-header{padding:13px 16px;min-height:65px;gap:13px}.studio-header-title{display:none}.studio-header>.studio-brand{margin-right:auto}.studio-header .studio-btn{padding:8px 11px;font-size:.8rem}.studio-header>a{font-size:.82rem}.studio-shell{padding:25px 17px 50px}.studio-heading h1{font-size:1.5rem}.studio-heading{gap:10px;align-items:flex-start}.studio-heading>.studio-btn{font-size:.8rem;padding:9px;flex-shrink:0}.template-grid{grid-template-columns:1fr;gap:10px;margin-bottom:28px}.template-card{padding:18px 18px 18px 65px;min-height:105px}.template-card>i{position:absolute;left:20px;top:24px}.template-card strong{font-size:1.06rem}.template-card span{margin-top:10px;font-size:.8rem}.template-card small{font-size:.82rem}.studio-workspace{grid-template-columns:1fr;gap:0}.studio-preview{display:none;position:static}.mobile-preview-toggle{display:inline-flex}.studio-shell[data-preview=true] .editor-pane{display:none}.studio-shell[data-preview=true] .studio-preview{display:block}.preview-scroll{height:auto;max-height:none;overflow:visible}.studio-toolbar{gap:7px}.studio-toolbar .save-state{width:100%;order:4}.studio-tabs{gap:1px}.studio-tabs button{padding:9px 10px;font-size:.87rem}.studio-btn{font-size:.85rem}.editor-card{padding:17px 14px}.my-work{padding:13px;gap:12px;flex-wrap:wrap}.my-work .studio-btn{margin-left:auto}.studio-eyebrow{font-size:.77rem}.work-cast img,.cast-initial{width:70px}.work-section{padding:25px 20px}.work-role{padding:18px;margin:20px}.work-intro h1{font-size:1.5rem}.reader-action-row{flex-wrap:wrap}.reader-actions .studio-btn{white-space:nowrap}.community-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 12px}.community-card h2{font-size:.96rem}.community-card p{font-size:.83rem}.community-tools{flex-wrap:wrap;gap:10px}.community-tools label:first-child{width:120px}.community-tools input,.community-tools select{padding:9px;font-size:.9rem}.studio-dialog{padding:22px 18px}.studio-toast{bottom:18px}.work-hook{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.creator-page *{transition:none!important;scroll-behavior:auto!important}}