:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#222127;background:#fff;font-synthesis:none;--purple: #7145e8;--muted: #77757f;--line: #eeedf2}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #e9e6ef;border-radius:12px;background:#fff;color:inherit;padding:10px 16px;font-size:14px;font-weight:600}button:disabled{opacity:.4;cursor:default}button:hover:not(:disabled){background:#f4f0fc}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #a78aef;outline-offset:3px}input,textarea{width:100%;border:1px solid #e4e1e9;border-radius:12px;background:#fff;padding:13px;color:#222127;font-size:16px;line-height:1.5}textarea{resize:vertical}label{display:block;font-size:13px;font-weight:600;margin:20px 0}label input,label textarea{display:block;margin-top:9px}h1,h2,h3,p{margin-top:0}h1{font-size:34px;line-height:1.12;letter-spacing:-1.3px;margin-bottom:12px}h2{font-size:21px;line-height:1.25;letter-spacing:-.5px;margin-bottom:12px}p{line-height:1.55;color:#75717d;font-size:15px}small{font-size:12px;color:#807b89;line-height:1.6}.primary,.purple{background:var(--purple);color:#fff;border-color:var(--purple)}.primary:hover:not(:disabled),.purple:hover:not(:disabled){background:#6337d9}.secondary{background:#f6f2ff;color:#6236ce;border-color:#eee7fc}.wide{width:100%;margin-top:20px}.text-action{border:0;background:transparent;color:var(--purple);padding:6px 0;min-height:44px}.round-button{width:44px;padding:0;border-radius:50%}.wordmark{font-size:27px;font-weight:780;letter-spacing:-1.2px;display:flex;align-items:center;gap:10px}.wordmark-dot{color:var(--purple);margin-left:-10px}.logo-mark{display:inline-flex;width:35px;height:35px;border-radius:10px;background:var(--purple);color:#fff;align-items:center;justify-content:center}.logo-mark.small{width:34px;height:34px;flex-shrink:0}.studio{max-width:1240px;margin:auto;display:flex;min-height:100dvh}.desktop-nav{width:245px;flex-shrink:0;border-right:1px solid var(--line);padding:38px 28px;position:sticky;top:0;height:100dvh;display:flex;flex-direction:column}.brand-note{font-size:12px;margin:15px 0 42px}.desktop-links{display:grid;gap:9px}.desktop-links button{justify-content:flex-start;gap:16px;border:0;font-size:15px;padding:15px}.desktop-links button[aria-current]{background:#f3eefe;color:#6a3bdc}.sidebar-bottom{display:flex;gap:11px;align-items:center;margin-top:auto}.sidebar-bottom strong{font-size:12px}.sidebar-bottom small{display:block}.profile-avatar{background:#f3effa;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center}.studio-main{min-width:0;flex:1}.studio-header{height:92px;border-bottom:1px solid var(--line);margin:0 46px;display:flex;justify-content:space-between;align-items:center}.studio-header>.wordmark{display:none}.desktop-title{font-size:13px;color:#8a8494}.studio-main main{max-width:850px;margin:auto;padding:42px 46px 80px}.home-heading{padding:9px 0 43px}.home-heading h1{font-size:48px;letter-spacing:-2.2px;line-height:1.07;font-weight:750;margin-bottom:20px}.home-heading h1 span{color:var(--purple)}.home-heading p{max-width:330px;margin-bottom:25px}.home-heading .primary{padding:14px 23px}.first-story{display:flex;gap:30px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:34px 0}.first-story-art{width:165px;min-width:140px;height:198px;background:#f3effc;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#8e6bd9;position:relative;overflow:hidden}.first-story-art span{position:absolute;bottom:-24px;right:-2px;font-size:106px;letter-spacing:-9px;color:#e7ddfa;font-weight:800;z-index:0}.first-story-art svg{z-index:1}.first-story h2{font-size:25px;letter-spacing:-.9px}.first-story p{font-size:14px;max-width:270px;margin-bottom:10px}.open-note{display:flex;gap:15px;padding:32px 0 8px;align-items:flex-start}.open-note h3{font-size:14px;margin:0 0 6px}.open-note p{font-size:13px}.storage-note{font-size:12px;line-height:1.65;margin:20px 0;color:#827c8c}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:26px 0 12px}.section-title h2{margin:0}.section-title h2 span{font-size:12px;background:#f2eef8;border-radius:7px;padding:4px 7px;color:#7c728c;margin-left:5px}.page-title{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:24px}.page-title p{margin-bottom:0}.save-state{display:flex;align-items:center;gap:5px;font-size:11px;white-space:nowrap;color:#817b8b;padding-top:8px}.story-title-label{font-size:0}.story-title{font-weight:650;font-size:23px;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:7px 0 18px}.clip-drop{width:100%;border:1px dashed #cec1e8;padding:32px 15px;display:flex;flex-direction:column;gap:9px;background:#fcfaff;font-weight:400;color:#82788f}.clip-drop strong{color:#332a42;font-weight:600;font-size:16px}.drop-icon{width:65px;height:65px;display:grid;place-items:center;background:#f0e8fe;color:#8055d5;border-radius:20px;margin-bottom:10px}.button-look{margin-top:14px;display:flex;gap:14px;align-items:center;color:var(--purple);font-weight:600}.clip-row{display:flex;gap:14px;padding:17px 0;border-bottom:1px solid var(--line);min-width:0}.clip-thumb{width:90px;flex-shrink:0;height:130px;border-radius:10px;overflow:hidden;background:#211e29;position:relative}.clip-thumb video{height:100%;width:100%;object-fit:cover}.clip-thumb>span{position:absolute;top:6px;left:6px;background:#0007;color:#fff;border-radius:5px;padding:3px 5px;font-size:11px}.clip-info{min-width:0;flex:1}.clip-info>strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.clip-info>small{display:block}.clip-info input{margin:6px 0 0;font-size:14px;padding:7px 9px}.clip-actions{display:flex;justify-content:space-between}.clip-actions button{border:0;padding:5px;min-width:35px;color:#82778e}.clip-actions button[aria-pressed=true]{color:var(--purple)}.voice-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:27px 0;margin-top:32px}.voice-section h2{margin-bottom:6px}.voice-section p{font-size:14px}.voice-section>.text-action{font-size:12px}.saved-voice{display:flex;align-items:center;gap:8px}.saved-voice audio,.recorder audio{width:100%;min-width:0}.recorder{display:grid;gap:12px}.recorder .actions{display:flex;gap:10px}.subtle{font-size:13px;color:#837c8f}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 18px}.story-card{min-width:0}.story-media{border:0;border-radius:14px;background:#211d29;position:relative;overflow:hidden;width:100%;height:300px;padding:0}.story-media video{width:100%;height:100%;object-fit:cover}.play-circle{position:absolute;background:#fffdf8ed;color:#22172b;width:45px;height:45px;display:grid;place-items:center;border-radius:50%}.clip-count{position:absolute;bottom:12px;left:12px;color:#fff;background:#0006;border-radius:6px;padding:4px 8px;font-size:11px}.story-card-title{border:0;border-radius:0;padding:12px 0;text-align:left;justify-content:space-between;width:100%}.story-card-title strong{font-size:14px;display:block}.story-card-title small{display:block;font-weight:400}.filter-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:10px}.filter-tabs button{border:0;font-size:12px;padding:8px 15px;min-height:38px;color:#8b8394}.filter-tabs button[aria-pressed=true]{background:#f1eafa;color:#6d42bf}.library-item{display:flex;border-bottom:1px solid var(--line);padding:16px 0;gap:8px;align-items:center}.library-open{flex:1;min-width:0;border:0;padding:0;justify-content:flex-start;text-align:left;gap:15px}.library-open>span{min-width:0}.library-open strong{display:block;overflow-wrap:anywhere;font-size:14px}.library-open small{display:block;font-weight:400}.library-thumb{width:63px;height:82px;flex-shrink:0;border-radius:9px;overflow:hidden;background:#f0ebf8;display:grid;place-items:center;color:#9d8ab6}.library-thumb video{width:100%;height:100%;object-fit:cover}.library-actions{display:flex}.library-actions button{padding:7px;border:0}.empty-stories{text-align:center;padding:65px 0;color:#9674c6}.empty-stories h2{margin-top:20px;color:#242028}.empty-filter{padding:35px 0}.profile-preview{text-align:center;border-bottom:1px solid var(--line);padding:0 0 23px}.large-avatar{display:grid;place-items:center;background:#eee5fb;color:#8054c9;font-size:35px;width:85px;height:85px;border-radius:50%;margin:0 auto 17px}.profile-preview h2{margin-bottom:3px}.profile-preview p{margin-bottom:6px;font-size:13px}.profile-form{max-width:480px;margin:25px auto}.device-summary{border-top:1px solid var(--line);padding-top:26px;margin-top:40px}.device-summary h2{font-size:17px}.mobile-nav{display:none}.alert{display:flex;gap:10px;align-items:center;padding:12px;background:#fff1f1;color:#963131;font-size:13px;border-radius:10px;margin-bottom:20px}.alert button{padding:5px;border:0;background:transparent}.notice{padding:12px;background:#f2edfc;border-radius:10px;font-size:13px;color:#6a3da8}.error{color:#a13232;font-size:13px}.playback{position:fixed;inset:0;background:#141118;z-index:20;overflow:auto;color:#fff;display:flex;justify-content:center}.close-player{position:fixed;right:17px;top:17px;z-index:2;border:0;border-radius:50%;padding:10px;background:#ffffff24;color:#fff}.player-body{max-width:440px;width:100%;padding:24px 20px}.player-body video{width:100%;height:55dvh;object-fit:contain;background:#080609;border-radius:14px}.segments{display:flex;gap:4px;margin:0 55px 20px 0}.segments span{height:3px;flex:1;background:#ffffff30;border-radius:2px}.segments .seen{background:#b08af3}.player-caption{padding:18px 0 0}.player-caption h2{margin-top:8px;overflow-wrap:anywhere}.player-caption p{color:#c2b8cc}.player-controls{display:flex;gap:8px}.player-controls button{background:#ffffff12;color:#fff;border-color:#ffffff15}.player-note{font-size:12px;margin-top:18px;color:#ae9dbc}.modal-backdrop{position:fixed;inset:0;background:#21162e66;z-index:30;display:grid;place-items:center;padding:20px}.confirm-dialog{max-width:410px;padding:28px;background:#fff;border-radius:20px}.confirm-dialog>div{display:flex;gap:12px}.danger{color:#a32f3a;border-color:#eed6d9}.studio-loading{padding:60px;color:#77618e;text-align:center}@media(max-width:760px){.desktop-nav{display:none}.studio-header{height:78px;margin:0 22px}.studio-header>.wordmark{display:flex}.desktop-title{display:none}.studio-main main{padding:28px 22px 112px}.home-heading{padding:9px 0 30px}.home-heading h1{font-size:38px;letter-spacing:-1.6px;line-height:1.1}.home-heading p{font-size:14px;max-width:285px}.home-heading .primary{padding:13px 19px}.first-story{gap:20px;padding:27px 0}.first-story-art{width:110px;min-width:110px;height:172px}.first-story-art span{font-size:90px}.first-story h2{font-size:21px;letter-spacing:-.6px}.first-story p{font-size:12px;line-height:1.6}.first-story .text-action{font-size:13px}.open-note{padding-top:26px}.open-note h3{font-size:13px}.open-note p{font-size:12px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:8px 12px calc(9px + env(safe-area-inset-bottom));border-top:1px solid var(--line);z-index:10;justify-content:space-around}.mobile-nav button{flex:1;max-width:120px;border:0;background:transparent;padding:0;display:flex;flex-direction:column;gap:4px;font-size:10px;font-weight:500;color:#8d8798;min-height:51px}.mobile-nav button>span:first-child{height:30px;display:flex;align-items:center;justify-content:center}.mobile-nav button[aria-current]{color:var(--purple)}.create-nav-icon{border-radius:9px;background:#7145e8;color:#fff;width:39px}.story-media{height:228px}.story-grid{gap:16px 12px}.story-card-title strong{font-size:12px}.page-title h1{font-size:29px}.page-title p{font-size:13px}.save-state{font-size:10px}.composer .page-title{gap:4px}.clip-thumb{width:78px;height:131px}.clip-row{gap:10px}.clip-actions button{min-width:32px}.library-actions{flex-direction:column}.filter-tabs{gap:3px}.filter-tabs button{padding:8px 13px}.profile-preview{padding-top:8px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,color .15s}.story-media video{transition:transform .3s}.story-media:hover video{transform:scale(1.02)}}.onboarding{min-height:100dvh;background:#fff}.onboarding-header{max-width:780px;margin:auto;height:96px;padding:0 34px;display:flex;align-items:center;gap:20px}.onboarding-step{margin-left:auto;font-size:13px;color:#8a8194}.onboarding-content{max-width:660px;margin:auto;padding:22px 34px 150px}.onboarding-progress{display:flex;gap:7px;margin-bottom:37px}.onboarding-progress span{height:4px;background:#f0ecf6;flex:1;border-radius:4px}.onboarding-progress .active{background:var(--purple)}.onboarding h1{white-space:pre-line;line-height:1.15;font-size:39px;letter-spacing:-1.5px;outline:none;margin-bottom:18px}.onboarding-subtitle{max-width:490px;margin-bottom:32px}.onboarding-choices{border:0;padding:0;margin:29px 0;min-width:0}.onboarding-choices legend{font-size:14px;font-weight:650;display:flex;align-items:center;gap:12px;margin-bottom:13px;width:100%}.onboarding-choices legend small{font-size:11px;font-weight:400;margin-left:auto}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice-grid button{min-height:58px;text-align:left;justify-content:space-between;font-size:13px;font-weight:500;padding:12px 14px;border-radius:12px}.choice-grid button[aria-pressed=true]{background:#f4efff;border-color:#a58ae3;color:#6237b8}.choice-check{display:grid;place-items:center;border:1px solid #ded7e7;border-radius:5px;width:18px;height:18px;flex-shrink:0;margin-left:4px}.choice-grid button[aria-pressed=true] .choice-check{background:var(--purple);color:#fff;border-color:var(--purple)}.single-choices{display:grid;gap:10px}.single-choices label{display:flex;gap:14px;align-items:center;padding:16px;border:1px solid #e9e4ef;border-radius:12px;margin:0;cursor:pointer}.single-choices input{width:18px;height:18px;accent-color:var(--purple);margin:0;flex-shrink:0}.single-choices label.chosen{border-color:#a58ae3;background:#f7f3ff}.single-choices strong{display:block;font-size:14px;font-weight:600}.single-choices small{display:block;font-size:12px;font-weight:400;margin-top:4px}.optional{font-size:11px;color:#98909f;font-weight:400;margin-left:6px}.onboarding-footer{position:fixed;bottom:0;left:0;right:0;padding:17px 34px calc(17px + env(safe-area-inset-bottom));background:#ffffffed;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line)}.onboarding-footer>div{max-width:592px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:15px}.onboarding-footer .primary{min-width:160px;min-height:49px}.brief-preview{background:#f8f5fd;border-radius:15px;padding:23px;margin-top:30px}.brief-preview h2{font-size:18px}.brief-preview p,.brief-text{white-space:pre-line;font-size:13px;line-height:1.8;overflow-wrap:anywhere}.brief-preview p{margin-bottom:0}.creator-settings{padding-top:12px;border-top:1px solid var(--line)}.brief-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}.brief-tags span{padding:6px 10px;background:#f4effb;color:#7953b1;font-size:12px;border-radius:7px}.creator-settings summary,.story-brief summary{cursor:pointer;font-size:13px;color:#715194;padding:12px 0}.story-brief{border-bottom:1px solid var(--line);margin-bottom:23px}.story-brief strong{font-size:13px;display:block;margin:10px 0}.story-brief .text-action,.story-brief .brief-text{font-size:12px}.onboarding-header .text-action{font-size:13px;margin-left:auto}.onboarding-header:has(.text-action) .onboarding-step{margin-left:0}@media(max-width:760px){.onboarding-header{height:82px;padding:0 22px}.onboarding-content{padding:17px 22px 130px}.onboarding-progress{margin-bottom:29px}.onboarding h1{font-size:32px;letter-spacing:-1.1px}.onboarding-subtitle{font-size:14px;line-height:1.65;margin-bottom:27px}.choice-grid{gap:9px}.choice-grid button{font-size:12px;min-height:61px;padding:11px}.onboarding-choices{margin:25px 0}.onboarding-footer{padding-left:22px;padding-right:22px}.brief-preview{padding:20px}.single-choices label{padding:14px}}