:root{font-family:Arial,Helvetica,sans-serif;color:#262333;background:#f7f5f0;font-synthesis:none;font-size:14px;--purple:#7651c9;--ink:#272335;--muted:#85818e;--line:#e8e4dd;--paper:#fffefa}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button,a.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;text-decoration:none;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #ba9aef;outline-offset:3px}input,textarea,select{width:100%;padding:12px 13px;border:1px solid #ddd8e4;border-radius:8px;background:#fff;color:var(--ink)}textarea{resize:vertical;line-height:1.5}input[type=checkbox]{width:16px;height:16px;accent-color:var(--purple)}input[type=range]{padding:0;accent-color:var(--purple)}input[type=color]{padding:5px;height:43px}h1,h2,h3,p{margin-top:0}h1{font-size:37px;letter-spacing:-1.4px;line-height:1.15;font-weight:650;margin-bottom:12px}h2{font-size:23px;letter-spacing:-.6px}h3{font-size:16px}p{line-height:1.65}small{line-height:1.5}.primary,.secondary,.button{padding:12px 19px;border-radius:8px;font-weight:600;min-height:43px}.primary{background:var(--purple);color:#fff!important;box-shadow:0 3px #6240ac}.primary:hover{background:#6842bb}.secondary{background:#fff;border:1px solid #ded8e8!important;color:#514560!important}.wide{width:100%;margin-top:12px}.text-button{padding:7px 0;background:transparent;color:var(--purple);font-weight:600;font-size:13px}.icon-button{background:transparent;padding:9px;border-radius:7px;color:#6b617b!important}.icon-button:hover{background:#ece6f5}.danger,.danger-plain{color:#a34444!important;background:transparent}.muted{color:var(--muted);font-size:12px;line-height:1.65}.field{display:flex;flex-direction:column;gap:8px;margin:0 0 18px}.field>span{font-size:12px;font-weight:600;color:#514958}.field small{font-size:11px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.actions{display:flex;align-items:center;gap:12px}.eyebrow,.small-label{display:block;font-size:10px;letter-spacing:1.9px;font-weight:700;color:#897a9a;margin-bottom:18px}.brand{display:flex;align-items:center;gap:11px;color:#2d2441;font-size:25px;font-weight:750;letter-spacing:-1px}.brand-icon{width:40px;height:40px;border-radius:11px;background:#e8def7;color:#7951ba;display:grid;place-items:center}.brand-ia{color:var(--purple)}.brand small{display:block;font-size:8px;letter-spacing:4px;line-height:1.2;color:#8e839a;margin-top:4px}.app{display:flex;min-height:100vh}.sidebar{width:238px;flex:0 0 238px;padding:34px 22px 20px;border-right:1px solid var(--line);background:#fbfaf7;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:10}.sidebar>.brand{margin-bottom:55px;margin-left:8px}.nav-item{padding:13px 12px;justify-content:flex-start;margin-bottom:7px;background:transparent;color:#82798b;border-radius:8px;font-size:13px}.nav-item.active{background:#eae3f4;color:#7146b7;font-weight:600}.nav-item span{margin-left:auto;font-size:10px;padding:3px 6px;border-radius:5px;background:#dacded}.sidebar-bottom{margin-top:auto}.usage{padding:20px 10px;border-top:1px solid var(--line);margin-top:60px}.usage>div:first-child{display:flex;gap:8px;align-items:center;color:#7b6b8b;font-size:10px}.usage p{font-size:11px;color:#867e8e;margin:13px 0}.usage b{font-size:22px;color:#4a3e5b;font-weight:600;margin-right:3px}.usage small{font-size:10px;color:#a59eaa}.meter{height:5px;background:#e8e2f0;border-radius:10px;overflow:hidden;margin:9px 0}.meter i{display:block;height:100%;background:#a481da;border-radius:10px;transition:width .3s}.account{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding:21px 0 0}.avatar{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#ebdfd5;color:#83614d;font-size:12px}.account strong{display:block;font-size:11px;max-width:117px;overflow:hidden;text-overflow:ellipsis}.account span{display:block;font-size:10px;color:#9b93a2;margin-top:4px}.account button{margin-left:auto;padding:5px;background:transparent;color:#a199a8}.main{margin-left:238px;flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:67px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 42px;font-size:11px;color:#918695}.topbar>div{display:flex;align-items:center;gap:7px;font-size:10px}.live-dot{width:5px;height:5px;background:#83a28d;border-radius:50%}.content{padding:46px 42px 60px;max-width:1550px;width:100%;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:35px}.page-heading .eyebrow{margin-bottom:13px}.page-heading h1 span{color:#aa8ace}.page-heading p{font-size:12px;color:#938a99;margin-bottom:0}.page-heading>.primary{white-space:nowrap}.overview{display:grid;grid-template-columns:minmax(350px,1fr) 155px 155px;gap:18px;margin-bottom:40px}.overview-main{position:relative;overflow:hidden;border:1px solid #e1d5ef;background:#eee5f6;border-radius:12px;padding:28px 30px;min-height:235px}.small-label{font-size:8px;letter-spacing:1.4px;margin-bottom:18px}.overview-main h2{font-size:24px;line-height:1.2;color:#493358;font-weight:600;position:relative;z-index:1}.overview-main p{font-size:11px;color:#8c789b;max-width:340px;margin-bottom:14px;position:relative;z-index:1}.overview-main .text-button{font-size:11px;position:relative;z-index:1}.overview-art{position:absolute;right:35px;top:75px;transform:rotate(-10deg);width:100px;height:140px}.overview-art>div{background:#c4a8e5;position:absolute;border:1px solid #b798d5;width:90px;height:125px;border-radius:14px;display:grid;place-items:center;color:#8e62ba;z-index:2;box-shadow:8px 12px #e3d6ee}.overview-art i{width:65px;height:90px;position:absolute;background:#f3e6a9;border:1px solid #e7d997;right:-30px;top:-20px;border-radius:12px;transform:rotate(22deg)}.overview-art b{position:absolute;width:70px;height:1px;background:#cdbbdf;bottom:-25px;left:20px}.metric{border:1px solid var(--line);border-radius:12px;background:#fcfbf8;display:flex;flex-direction:column;justify-content:center;padding:26px;color:#ac98c2}.metric strong{font-weight:400;color:#4b405a;font-size:45px;letter-spacing:-2px;margin:23px 0 7px}.metric span{font-size:10px;color:#928499}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px;gap:12px}.section-title h2{font-size:17px;letter-spacing:-.3px;margin:0}.section-title h3{display:flex;align-items:center;gap:9px;margin:0;font-size:13px;font-weight:600;color:#63536f}.section-title>span{font-size:9px;letter-spacing:.4px;color:#a397ab}.section-title h2 span,.clip-toolbar h2 span{font-size:11px;display:inline-block;vertical-align:middle;margin-left:10px;padding:3px 7px;background:#e9e3ef;border-radius:5px;color:#9680ac;font-weight:400}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.project-card{display:block;text-align:left;background:#fff;border:1px solid var(--line);padding:0;border-radius:12px;overflow:hidden}.project-card:hover{border-color:#b6a0ce;box-shadow:0 9px 28px #30243b0a}.project-art{height:138px;background:linear-gradient(145deg,#e1d8eb,#f2ebe3);display:flex;align-items:center;justify-content:center;color:#a38abd;position:relative}.project-card:nth-child(3n+2) .project-art{background:linear-gradient(145deg,#e2e8df,#f1ede3);color:#94a58a}.project-card:nth-child(3n+3) .project-art{background:linear-gradient(145deg,#ead9cc,#f4e9df);color:#c2987b}.project-art .status{position:absolute;top:14px;left:14px}.status{display:inline-flex;align-items:center;font-size:9px;padding:5px 8px;border-radius:5px;background:#f7f4fb;color:#8b7c9b;font-weight:500}.status.ready{color:#4f8264;background:#e7f0e9}.status.review{color:#8664a7;background:#eee5f7}.status.failed{color:#a16457;background:#f7e9e3}.project-info{padding:19px}.project-info small{font-size:9px;color:#a296a7}.project-info h3{font-size:15px;line-height:1.5;margin:10px 0 22px;color:#4b3d55}.project-info>div{display:flex;justify-content:space-between;align-items:center;color:#a592b5;font-size:10px}.footer{margin-top:auto;padding:22px 42px;border-top:1px solid var(--line);font-size:9px;color:#ada4ae;display:flex;justify-content:space-between}.empty{padding:48px;border:1px dashed #d8cde2;border-radius:12px;text-align:center;background:#fcfaf6}.empty>div{width:65px;height:65px;border-radius:50%;background:#ece5f4;display:grid;place-items:center;margin:auto auto 20px;color:#a28bbc}.empty h3{color:#71607e;font-size:16px}.empty p{font-size:12px;color:#a396ad}.empty .secondary{font-size:12px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:25px}.back{background:transparent;padding:0;color:#a194ae;font-size:11px;margin-bottom:25px}.project-heading h1{font-size:30px;max-width:700px;margin-top:15px}.source-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:24px}.source-panel,.direction-panel{min-width:0}.dropzone{border:1px dashed #d9cce6;background:#faf7fd;border-radius:9px;padding:35px 20px;text-align:center;display:flex;flex-direction:column;align-items:center}.upload-icon{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#eee5f7;color:#9f80bf;margin-bottom:19px}.dropzone h3{font-size:16px;color:#725b88}.dropzone p{color:#a095a9;font-size:11px}.dropzone .text-button{font-size:11px;margin-top:10px}.source-video{width:100%;aspect-ratio:16/9;background:#1b1725;border-radius:8px}.source-meta{display:flex;justify-content:space-between;gap:10px;margin:12px 0;font-size:11px;color:#91849d}.source-meta span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.direction-panel h2{font-size:23px;line-height:1.35;margin:25px 0 17px;color:#665171}.direction-tags{display:flex;flex-wrap:wrap;gap:7px}.direction-tags span{font-size:9px;padding:7px 9px;border-radius:5px;background:#f1edf5;color:#a08aac}.camera-option{display:flex;gap:15px;margin:30px 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#a18aae}.camera-option strong{font-size:12px;color:#7d678c}.camera-option p{font-size:11px;color:#a394ad;margin:7px 0}.camera-option .text-button{font-size:10px}.direction-panel>small{display:block;text-align:center;margin-top:14px;font-size:10px}.link-form{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.link-form input{flex:1;min-width:180px}.link-form small{width:100%;font-size:10px;color:#94839f}.upload-progress{margin:14px 0;font-size:11px;color:#8b70a5}.config-panel{max-width:700px;margin-bottom:25px}.advanced{margin:10px 0 20px}.advanced summary{cursor:pointer;padding:10px 0;color:#9881ac;font-size:12px}.advanced[open]>summary{margin-bottom:10px}.progress-panel{display:flex;align-items:center;gap:22px;background:#eee7f6;border:1px solid #d7c7eb;border-radius:12px;padding:25px;margin:0 0 28px}.progress-icon{width:45px;height:45px;flex:none;border-radius:12px;display:grid;place-items:center;background:#e3d5f2;color:#9264c8}.progress-panel>div:nth-child(2){flex:1}.progress-panel strong{font-size:13px;color:#75578f}.progress-panel p{font-size:11px;color:#a28aad;margin:8px 0}.progress-panel>span{font-size:19px;color:#9678b4}.progress-panel .text-button{font-size:10px}.clip-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:28px 0 18px}.clip-toolbar h2{font-size:23px;margin:0 0 8px}.clip-toolbar p{font-size:11px;color:#9b8fa3;margin:0}.selection-line{display:flex;justify-content:space-between;gap:20px;margin-bottom:22px;font-size:10px;color:#9d8faa}.selection-line label{display:flex;align-items:center;gap:7px}.clips-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.clip-card{background:#fffdfb;border:1px solid var(--line);border-radius:12px;overflow:hidden;min-width:0}.clip-card.selected{border-color:#b69bd4}.clip-top{padding:14px 16px;display:flex;justify-content:space-between;font-size:9px;color:#9b84ad}.clip-top label{display:flex;align-items:center;gap:8px;letter-spacing:1px}.clip-player{position:relative;background:#14121b}.clip-player video{display:block;width:100%;aspect-ratio:9/16;max-height:450px}.stale{position:absolute;top:8px;left:8px;right:8px;background:#fff2c7;color:#8b7135;padding:5px;font-size:9px;text-align:center;border-radius:5px}.clip-placeholder{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:320px;aspect-ratio:9/13;width:100%;padding:25px 22px;background:#1f1a29;color:#eee7f4;text-align:left;position:relative}.clip-placeholder>span{font-size:9px;color:#baa0d7;margin-bottom:20px}.clip-placeholder h3{font-size:23px;line-height:1.23;letter-spacing:-.5px;max-height:140px;overflow:hidden}.clip-placeholder i{margin:auto;display:grid;place-items:center;background:#44334f;color:#c3a6df;border:1px solid #705687;border-radius:50%;width:53px;height:53px}.clip-placeholder>small{font-size:10px;color:#96809f;text-align:center;margin-top:15px}.clip-description{padding:20px}.clip-description>small{display:block;font-size:9px;color:#ac8bbc;max-height:30px;overflow:hidden}.clip-description h3{font-size:14px;line-height:1.4;margin:9px 0}.clip-description p{font-size:10px;color:#a69bab;line-height:1.6;min-height:47px}.clip-actions{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:16px}.clip-actions .secondary{font-size:11px;padding:8px 13px;min-height:36px}.error,.info{border:1px solid #e9cac1;border-radius:8px;background:#fff0eb;color:#9a584e;padding:13px 16px;font-size:12px;line-height:1.5;margin-bottom:18px}.info{background:#f1edf7;border-color:#ded4e9;color:#917a9e}.dismiss{display:flex;justify-content:space-between}.dismiss button{background:none;color:inherit}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);background:#352a44;color:#f8f4fb;border-radius:10px;padding:16px 23px;box-shadow:0 10px 45px #20132933;z-index:100;display:flex;align-items:center;gap:12px;font-size:12px}.modal-backdrop,.editor-backdrop{position:fixed;inset:0;z-index:50;background:#24193266;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(3px);padding:25px}.modal{position:relative;background:#fffdfa;border-radius:17px;padding:34px 38px;max-width:550px;width:100%;max-height:92vh;overflow:auto;box-shadow:0 30px 90px #29143633}.modal .close{position:absolute;top:19px;right:18px;background:none;color:#a48fae;padding:5px}.dialog-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:12px;background:#eee4f8;color:#9973b9;margin-bottom:20px}.modal h2{font-size:25px;max-width:380px}.modal>p{font-size:12px;color:#a291ac;margin-bottom:25px}.editor{width:min(1250px,100%);height:94vh;display:flex;flex-direction:column;background:#fcfaf7;border-radius:15px;overflow:hidden;box-shadow:0 30px 90px #29143633}.editor>header{padding:22px 28px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);align-items:center}.editor .eyebrow{margin:0 0 8px;font-size:9px}.editor h2{font-size:22px;margin:0}.editor-body{display:grid;grid-template-columns:minmax(300px,1fr) minmax(350px,1fr);flex:1;min-height:0}.editor-preview{padding:28px;background:#f0ebf3;overflow:auto;border-right:1px solid #e1d7e9}.preview-frame{background:#211c28;border-radius:9px;overflow:hidden}.preview-frame video{width:100%;display:block;max-height:360px}.editor-preview>p{font-size:10px;color:#9b86ac;margin-top:15px}.live-words{height:50px;text-align:center;font-size:23px;font-weight:600;color:#84619f}.preview-facts{display:flex;justify-content:space-between;color:#aa95ba;font-size:10px;margin:10px 0 22px}.preview-facts span{display:flex;align-items:center;gap:6px}.last-render{display:block;max-height:420px;max-width:100%;margin:18px auto}.editor-preview details{color:#8d6da2;font-size:12px;margin-bottom:20px}.editor-fields{min-width:0;display:flex;flex-direction:column;overflow:hidden}.tabs{display:flex;border-bottom:1px solid var(--line);padding:0 18px}.tabs button{flex:1;padding:19px 8px;background:transparent;font-size:12px;color:#a28cab;border-bottom:2px solid transparent}.tabs button.active{color:#785094;border-color:#9874b3}.tab-content{overflow:auto;flex:1;padding:25px 28px}.tab-content h3{font-size:13px;margin:22px 0 12px;color:#7b5f8b}.segment-row{display:flex;align-items:center;gap:10px;margin:12px 0}.segment-row>.field{flex:1;min-width:0;margin:0}.segment-row>span{font-size:10px;color:#ab92b8}.segment-row input{font-size:12px;padding:10px 8px}.toggle{display:flex;align-items:center;gap:9px;font-size:12px;color:#92709f;margin:10px 0 27px}.word-editor{display:flex;flex-wrap:wrap;gap:7px}.word-editor label{width:calc(33.333% - 5px)}.word-editor span{font-size:8px;color:#b29ac0;display:block;margin-bottom:4px}.word-editor input{font-size:12px;padding:8px}.editor>footer{padding:16px 25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.editor>footer>div{display:flex;gap:10px}.editor>.error{margin:10px 25px}.visual-assets{display:flex;gap:10px;flex-wrap:wrap}.visual-assets button{position:relative;padding:0;border:1px solid #dfd5e9;border-radius:7px;overflow:hidden}.visual-assets img{width:75px;height:65px;object-fit:cover}.visual-assets svg{position:absolute;bottom:2px;right:2px;background:#fff;border-radius:50%}.asset-thumb{width:35px;height:35px;object-fit:cover;border-radius:5px}.account-panel{max-width:500px}.account-panel hr{border:0;border-top:1px solid var(--line);margin:25px 0}.invite-panel{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap;margin-bottom:25px}.invite-panel h2{font-size:19px;margin:0 0 8px}.invite-panel p{font-size:11px;color:#a18caa;margin:0}.invite-panel .field{margin:0;max-width:150px}.invite-panel .actions{align-items:flex-end}.invite-code{width:100%;padding:15px;background:#eee7f6;border-radius:8px;display:flex;justify-content:space-between;gap:15px;align-items:center}.invite-code code{word-break:break-all;color:#8a66a3}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:10px;color:#a391ac;font-weight:500;padding:12px 8px;border-bottom:1px solid var(--line)}td{padding:15px 8px;border-bottom:1px solid var(--line);font-size:12px;color:#80678f}td strong{display:block;font-size:12px}td small{display:block;font-size:9px;color:#aa97b4;margin-top:4px}td input{max-width:120px}td .secondary{padding:9px 13px;font-size:11px}.auth-page{display:grid;grid-template-columns:1.12fr 1fr;min-height:100vh}.auth-story{background:#eee6f6;padding:45px 60px;display:flex;flex-direction:column;position:relative}.story-copy{margin:auto 0;padding:65px 0}.story-copy h1{font-size:52px;font-weight:600;line-height:1.14;color:#4a325e;letter-spacing:-2px}.story-copy h1 em{font-family:Georgia,serif;font-weight:400;color:#9670b2}.story-copy>p{max-width:440px;font-size:14px;color:#927d9e}.story-visual{max-width:510px;margin:36px 0 30px}.source-line{padding:17px;background:#f9f5fc;border:1px solid #ddcce9;display:flex;align-items:center;gap:14px;border-radius:10px;color:#a183b7;box-shadow:0 7px 25px #593b7810}.source-line strong{font-size:11px;display:block;color:#846497}.source-line span{font-size:8px;display:block;margin-top:5px;color:#b59ac4}.wave{margin-left:auto;color:#cfb3e0;font-size:20px;white-space:nowrap;overflow:hidden;max-width:130px}.visual-connect{height:27px;width:1px;background:#d5c1e3;margin:auto}.mini-cards{display:flex;gap:15px}.mini-cards>div{border:1px solid #d7c3e6;background:#eee1f8;border-radius:9px;padding:14px;flex:1;min-height:170px;display:flex;flex-direction:column;position:relative}.mini-cards>div:nth-child(2){background:#f3e9d0;border-color:#e4d7b8;transform:translateY(8px)}.mini-cards>div:nth-child(3){background:#e1e7da;border-color:#cdd8c3}.mini-cards span{font-size:9px;color:#a188b2}.mini-cards i{margin:18px 0;color:#ad87c3}.mini-cards>div:nth-child(2) i{color:#c5b17e}.mini-cards>div:nth-child(3) i{color:#9eb18c}.mini-cards strong{font-size:12px;line-height:1.5;color:#8b729b;margin-top:auto}.story-pills{display:flex;gap:9px;flex-wrap:wrap}.story-pills span{font-size:9px;color:#a98bbc;border:1px solid #d9c6e8;border-radius:20px;padding:7px 10px}.auth-bottom{font-size:9px;color:#b09bc0}.auth-form{max-width:450px;width:100%;margin:auto;padding:65px 40px}.auth-form h2{font-size:32px;margin-bottom:12px;font-weight:500}.auth-form>p{font-size:13px;color:#a392ac;margin-bottom:33px}.auth-form .field{margin-bottom:22px}.auth-switch{font-size:11px;margin:22px auto;display:flex}.private-note{display:flex;gap:9px;align-items:center;justify-content:center;padding-top:23px;border-top:1px solid var(--line);font-size:10px;color:#b0a0b9}.loading-page{height:100vh;display:flex;align-items:center;justify-content:center;gap:30px}.spin{animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1450px){.content{padding:55px 55px 70px}.overview{grid-template-columns:1fr 190px 190px}.overview-art{right:55px}.overview-main{padding-right:200px}.clips-grid,.project-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1150px){.sidebar{width:200px;flex-basis:200px;padding-left:16px;padding-right:16px}.main{margin-left:200px}.content{padding:35px 25px}.topbar{padding:0 25px}.overview{grid-template-columns:1fr 130px 130px;gap:12px}.overview-art{display:none}.overview-main{padding:25px}.source-grid{grid-template-columns:1fr}.direction-panel h2{font-size:20px}.camera-option{margin:20px 0}.clips-grid,.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-story{padding:35px}.story-copy h1{font-size:42px}.auth-form{padding:45px 30px}.wave{display:none}}@media(max-width:760px){.app{display:block}.sidebar{position:static;width:100%;height:auto;padding:15px 20px;flex-direction:row;align-items:center;gap:12px;border-right:0;border-bottom:1px solid var(--line);overflow-x:auto}.sidebar>.brand{margin:0 auto 0 0;font-size:20px}.brand-icon{width:32px;height:32px}.nav-item{padding:10px;white-space:nowrap;margin:0;font-size:0;gap:0}.nav-item svg{width:20px}.nav-item span{display:none}.sidebar-bottom{margin:0}.usage,.account>div{display:none}.account{border:0;padding:0}.main{margin:0}.content{padding:30px 18px}.topbar{height:45px;padding:0 20px}.page-heading{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:25px}h1{font-size:31px}.page-heading p{font-size:11px}.overview{grid-template-columns:1fr 1fr}.overview-main{grid-column:1/-1;min-height:215px}.metric{padding:20px;min-height:130px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.metric strong{font-size:32px;margin:0}.metric span{grid-column:1/-1}.project-grid,.clips-grid{gap:13px}.project-info{padding:14px}.project-info h3{font-size:13px}.project-art{height:105px}.footer{padding:20px;font-size:8px}.empty{padding:35px 20px}.source-grid{gap:17px}.panel{padding:20px}.progress-panel{padding:18px;gap:12px;flex-wrap:wrap}.progress-panel>div:nth-child(2){flex-basis:65%}.progress-panel p{font-size:10px}.progress-panel>span{font-size:15px}.clip-toolbar{flex-direction:column;align-items:stretch}.clip-toolbar .actions{justify-content:space-between}.selection-line>span{display:none}.clip-description{padding:13px}.clip-description h3{font-size:12px}.clip-description p{font-size:9px}.clip-placeholder{min-height:230px;padding:18px 14px}.clip-placeholder h3{font-size:18px}.clip-placeholder>span{font-size:8px;margin-bottom:14px}.clip-top{padding:11px 10px;font-size:8px}.clip-top label{letter-spacing:0;gap:4px}.clip-actions .secondary{font-size:10px;padding:7px 9px;gap:5px}.clip-player video{max-height:330px}.modal-backdrop{padding:12px}.modal{padding:30px 23px;max-height:94vh}.modal h2{font-size:23px}.editor-backdrop{padding:0}.editor{height:100dvh;border-radius:0}.editor>header{padding:17px 20px}.editor h2{font-size:18px}.editor-body{display:flex;flex-direction:column;overflow:auto}.editor-preview{padding:16px;overflow:visible;flex:none;border-right:0}.preview-frame video{max-height:220px}.editor-preview>p,.editor-preview .info,.editor-preview .live-words,.editor-preview .preview-facts{display:none}.editor-preview details{margin:12px 0 0}.editor-fields{overflow:visible;flex:1;min-height:400px}.tab-content{overflow:visible;padding:20px}.editor>footer{padding:12px;gap:10px}.editor>footer .text-button{font-size:9px;max-width:105px;text-align:left}.editor>footer .primary,.editor>footer .secondary{font-size:11px;padding:10px}.tabs{position:sticky;top:0;background:#fcfaf7;z-index:2}.tabs button{font-size:11px;padding:15px 8px}.auth-page{display:block}.auth-story{padding:25px;background:#eee6f6}.story-copy{padding:35px 0 5px}.story-copy h1{font-size:36px}.story-copy>.eyebrow{font-size:8px}.story-copy>p{font-size:12px}.story-visual,.story-pills,.auth-bottom{display:none}.auth-form{padding:40px 25px;max-width:450px}.auth-form>.eyebrow{font-size:8px}.auth-form h2{font-size:28px}.invite-panel{gap:20px}.invite-panel .actions{width:100%}.invite-code{flex-direction:column;align-items:stretch}.toast{width:90%;font-size:11px}.config-panel .actions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(max-width:480px){.clips-grid{grid-template-columns:1fr}.clip-player video{max-height:550px}.clip-description h3{font-size:16px}.clip-description p{font-size:12px}.clip-top{font-size:11px}.clip-placeholder{min-height:380px}.clip-placeholder h3{font-size:27px}.clip-actions .secondary{font-size:12px;padding:10px 14px}}