:root{font-family:Inter,Noto Sans SC,PingFang SC,sans-serif;color:#252b3b;background:#f8f9fc;font-synthesis:none;--bg:#fff;--surface:#f7f8fb;--line:#e8ebf1;--text:#252b3b;--muted:#9299a9;--blue:#2855e8;--soft:#edf2ff;--shadow:0 20px 80px #132d5c18;--rail:#f1f3f9}[data-theme=dark]{color-scheme:dark;--bg:#171a22;--surface:#10131a;--line:#2a2f3b;--text:#e5e8f1;--muted:#858da1;--blue:#7295ff;--soft:#263251;--rail:#11141c;color:var(--text);background:var(--surface)}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.48;cursor:not-allowed}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:3px}button{border:0;background:transparent}input,textarea,select{color:var(--text)}input,textarea{background:var(--bg);border:1px solid var(--line);border-radius:7px;padding:11px 12px;width:100%;outline:none}input:focus,textarea:focus{border-color:var(--blue)}button svg{flex-shrink:0}h1,h2,h3,p{margin-top:0}.button{display:inline-flex;gap:7px;align-items:center;justify-content:center;white-space:nowrap;border:1px solid var(--line);background:var(--bg);padding:9px 14px;border-radius:7px;font-size:12px;font-weight:500;min-height:35px}.button:hover{background:var(--surface)}.button.primary{background:var(--blue);border-color:var(--blue);color:#fff}.button.primary:hover{filter:brightness(1.06)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;color:var(--muted);padding:0;flex-shrink:0}.icon-btn:hover{background:var(--soft);color:var(--blue)}.app{height:100vh;display:flex;overflow:hidden;background:var(--bg);font-size:13px}.rail{width:68px;flex-shrink:0;background:var(--rail);border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column;padding:23px 0 16px;gap:32px}.brand-icon{color:var(--blue);display:flex}.rail-item{display:flex;align-items:center;flex-direction:column;gap:7px;font-size:10px;color:var(--muted);width:52px;padding:10px 0}.rail-item.active{color:var(--blue);background:var(--soft);border-radius:9px}.rail-bottom{margin-top:auto;display:flex;align-items:center;flex-direction:column;gap:17px}.avatar{width:31px;height:31px;background:#dce6ff;color:#2855e8;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.project-sidebar{width:232px;flex-shrink:0;background:var(--surface);padding:25px 14px;border-right:1px solid var(--line);display:flex;flex-direction:column}.sidebar-title{display:flex;justify-content:space-between;align-items:center;padding:0 8px;font-size:14px;font-weight:600;margin-bottom:25px}.workspace-name{display:flex;align-items:center;gap:10px;padding:0 8px 26px;font-size:12px;font-weight:600}.workspace-name small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:4px}.workspace-avatar{width:32px;height:32px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--blue);display:grid;place-items:center}.section-caption{font-size:10px;letter-spacing:.05em;color:var(--muted);margin:16px 8px}.section-caption>span{float:right}.project-sidebar nav{overflow:auto}.project-nav{display:flex;gap:10px;align-items:center;width:100%;padding:12px 11px;border-radius:7px;font-size:12px;text-align:left;margin-bottom:5px;color:#70798d}.project-nav span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.project-nav svg:last-child{opacity:0}.project-nav.active{color:var(--blue);background:var(--soft);font-weight:500}.project-nav.active svg:last-child{opacity:1}.project-nav:hover{background:var(--soft)}.new-project{display:flex;align-items:center;gap:9px;padding:13px 11px;font-size:11px;color:var(--muted)}.storage-note{display:flex;gap:10px;margin-top:auto;border-top:1px solid var(--line);padding:20px 8px 0;color:var(--muted);font-size:10px}.storage-note small{display:block;font-size:9px;margin-top:5px}.main{flex:1;min-width:0;display:flex;flex-direction:column;position:relative}.main-header{height:112px;flex-shrink:0;padding:25px 32px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.breadcrumb{font-size:10px;color:var(--muted);display:flex;gap:7px;align-items:center;margin-bottom:10px}.breadcrumb span{color:#6d768b}.main-header h1{font-size:21px;letter-spacing:-.5px;font-weight:600;margin:0}.header-actions{display:flex;align-items:center;gap:16px}.search-box{background:var(--surface);border:1px solid var(--line);border-radius:7px;display:flex;gap:7px;align-items:center;padding:0 10px;color:var(--muted)}.search-box input{background:transparent;border:0;width:185px;padding:9px 0;font-size:11px}.project-tabs{height:55px;flex-shrink:0;border-bottom:1px solid var(--line);display:flex;gap:28px;padding:0 32px}.project-tabs button{font-size:12px;color:var(--muted);position:relative;padding:0 2px}.project-tabs button.active{color:var(--blue)}.project-tabs button.active:after{content:"";position:absolute;height:2px;background:var(--blue);bottom:-1px;left:0;right:0}.project-tabs span{font-size:10px;margin-left:6px}.project-content{display:flex;flex:1;overflow:hidden}.files-area{flex:1;min-width:0;overflow:auto;padding:0 28px 28px}.file-toolbar{height:78px;display:flex;align-items:center;justify-content:space-between;gap:15px}.folder-crumb{display:flex;align-items:center;gap:4px;font-size:11px;min-width:0}.folder-crumb button{font-weight:500;padding:3px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-crumb span{color:var(--muted)}.file-actions{display:flex;align-items:center;gap:14px}.select-wrap{position:relative;display:inline-flex;align-items:center;min-width:85px}.select-wrap select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background:transparent;width:100%;font-size:11px;padding:8px 23px 8px 0;cursor:pointer;outline:0}.select-wrap svg{position:absolute;right:0;pointer-events:none;color:var(--muted)}.view-switch{display:flex;background:var(--surface);padding:3px;border:1px solid var(--line);border-radius:6px}.view-switch button{display:flex;padding:4px;color:var(--muted);border-radius:3px}.view-switch button.active{background:var(--bg);box-shadow:0 1px 3px #0000000b;color:var(--blue)}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:22px 18px;align-content:start}.file-card{border:1px solid var(--line);border-radius:9px;overflow:hidden;cursor:pointer;transition:border-color .16s,box-shadow .16s;background:var(--bg)}.file-card:hover{border-color:#b1c2f4;box-shadow:0 4px 14px #293a6510}.file-card.selected{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.file-thumbnail{height:125px;background:linear-gradient(140deg,#e7edf6,#e6e9f3);display:flex;align-items:center;justify-content:center;position:relative;color:#b1bdd3;overflow:hidden}[data-theme=dark] .file-thumbnail{background:linear-gradient(140deg,#2a3244,#222a38)}.file-thumbnail:before{content:"";width:90%;height:140%;border:1px solid #ffffff40;position:absolute;transform:rotate(30deg);border-radius:50%}.card-play{position:absolute;background:#ffffffd9;color:#47618e;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .1s}.file-card:hover .card-play{opacity:1}.video-chip{position:absolute;bottom:10px;right:10px;border-radius:3px;background:#34405970;color:#fff;letter-spacing:.05em;font-size:8px;padding:3px 5px}.select-check{position:absolute;top:10px;left:10px;width:16px;height:16px;border:1px solid #ffffffaa;background:#fff5;border-radius:4px;display:grid;place-items:center;color:#fff;opacity:0}.file-card:hover .select-check,.file-card.selected .select-check{opacity:1}.file-card.selected .select-check{background:var(--blue);border-color:var(--blue)}.file-caption{padding:13px}.file-caption strong{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.file-caption>div{margin-top:9px;display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.file-job{position:absolute;bottom:8px;left:8px;right:8px;background:#f8faffed;border:1px solid #dce6f9;color:#5874ad;border-radius:5px;font-size:10px;display:flex;align-items:center;justify-content:center;gap:5px;padding:5px}.file-job.failed{background:#fff0f0;color:#c45454;border-color:#f2c4c4}.folder-card{border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;padding:18px;gap:12px;text-align:left;height:78px;color:#a6bae9}.folder-card strong{font-weight:500;color:var(--text);font-size:12px;flex:1;overflow:hidden;text-overflow:ellipsis}.folder-card:hover{background:var(--soft)}.list-view{display:flex;flex-direction:column;gap:7px}.list-view .file-card{display:flex;align-items:center}.list-view .file-thumbnail{width:86px;height:55px;flex-shrink:0}.list-view .file-thumbnail>svg{width:22px}.list-view .file-caption{flex:1}.list-view .video-chip{display:none}.list-view .file-caption>div{margin-top:5px}.list-view .folder-card{height:57px}.selection-bar{background:var(--soft);border:1px solid #3b6aff26;color:var(--blue);padding:9px 12px;display:flex;align-items:center;gap:10px;border-radius:6px;margin-bottom:15px;font-size:11px}.selection-bar .text-button{margin-left:auto}.selection-bar .text-button+.text-button{margin-left:5px}.project-info{width:245px;flex-shrink:0;border-left:1px solid var(--line);padding:28px 22px;overflow:auto}.project-cover{width:60px;height:60px;border-radius:13px;background:var(--soft);color:var(--blue);display:grid;place-items:center;margin-bottom:17px}.project-info h2{font-size:15px;font-weight:600;margin-bottom:13px;overflow-wrap:anywhere}.status-badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#8e98ac}.status-badge>span{width:5px;height:5px;background:#a3adbd;border-radius:50%}.status-badge.approved{color:#369a72}.status-badge.approved>span{background:#369a72}.status-badge.changes{color:#ce8a38}.status-badge.changes>span{background:#ce8a38}.info-divider{height:1px;background:var(--line);margin:26px 0}.project-info .section-caption{margin-left:0}dl{display:grid;grid-template-columns:68px 1fr;gap:20px 8px;font-size:10px;margin:25px 0}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}.project-tip{display:flex;gap:9px;padding:14px 11px;background:var(--surface);border-radius:7px;color:var(--muted);font-size:10px;line-height:1.9}.project-tip svg{flex-shrink:0;margin-top:2px}.project-tip p{margin:0}.share-entry{display:flex;gap:7px;align-items:center;margin:15px 0;font-size:10px}.share-entry span{flex:1}.share-entry small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.projects-home{overflow:auto;padding:35px 32px}.welcome-title h2{font-size:20px;font-weight:500;letter-spacing:-.6px;margin-bottom:10px}.welcome-title p{font-size:11px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:22px;margin-top:35px}.project-home-card{text-align:left;padding:23px;border:1px solid var(--line);border-radius:10px;min-height:175px;transition:all .2s}.project-home-card:hover{border-color:var(--blue);background:var(--soft)}.project-home-card>div{display:flex;justify-content:space-between;color:var(--blue);margin-bottom:25px}.project-home-card>div svg:last-child{color:var(--muted)}.project-home-card h3{font-size:14px;font-weight:500;margin:0 0 11px}.project-home-card small{color:var(--muted);font-size:10px}.add-project{border-style:dashed;color:var(--muted);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;text-align:center}.add-project h3{margin:0}.empty-state{padding:65px 10px;text-align:center}.empty-illustration{display:inline-flex;position:relative;color:#b5c6ec;background:var(--soft);padding:22px;border-radius:23px;margin-bottom:22px}.empty-illustration span{position:absolute;right:-5px;bottom:2px;width:26px;height:26px;background:var(--blue);color:#fff;border:4px solid var(--bg);border-radius:50%;display:grid;place-items:center}.empty-state h2{font-size:16px;font-weight:500}.empty-state p{font-size:11px;color:var(--muted);margin:13px 0 23px}.review-header{height:79px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 24px;gap:15px;flex-shrink:0}.review-identity{display:flex;align-items:center;gap:16px;min-width:0}.filename{min-width:0}.filename strong{font-size:13px;display:block;max-width:350px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.filename small{font-size:9px;color:var(--muted);display:block;margin-top:7px}.version-select{border:1px solid var(--line);border-radius:6px;padding:0 10px;min-width:64px;max-width:170px}.version-select svg{right:8px}.version-select select{padding-right:20px}.shared-brand{display:flex;gap:8px;color:var(--blue);font-size:17px;font-weight:700;padding-right:17px;border-right:1px solid var(--line)}.review-body{flex:1;display:flex;overflow:hidden}.viewer{flex:1;min-width:0;background:var(--surface);display:flex;flex-direction:column;padding:28px 28px 0}.video-stage{flex:1;min-height:0;background:#0b0e16;border-radius:9px;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.video-stage video{width:100%;height:100%;object-fit:contain}.timeline-bar{display:flex;gap:15px;align-items:center;padding:17px 0;font-size:10px;color:var(--muted);position:relative}.timecode{font-variant-numeric:tabular-nums;color:var(--text);font-size:10px;flex-shrink:0}.timecode span{color:var(--muted)}.timeline-markers{position:relative;height:14px;flex:1}.timeline-markers:before{position:absolute;content:"";top:5px;left:0;right:0;height:3px;background:var(--line);border-radius:2px}.timeline-markers button{position:absolute;top:3px;width:6px;height:7px;padding:0;background:var(--blue);border-radius:2px}.viewer-format{font-size:9px;flex-shrink:0}.viewer-bottom{border-top:1px solid var(--line);padding:17px 0;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}.viewer-bottom>div{display:flex;align-items:center;gap:9px;min-width:0}.viewer-bottom span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.review-sidebar{width:340px;flex-shrink:0;display:flex;flex-direction:column;border-left:1px solid var(--line);background:var(--bg)}.tab-row{display:flex;height:59px;flex-shrink:0;border-bottom:1px solid var(--line);gap:26px;padding:0 22px}.tab-row button{font-size:12px;color:var(--muted);position:relative;padding:0 2px}.tab-row button.active{color:var(--blue)}.tab-row button.active:after{content:"";height:2px;background:var(--blue);position:absolute;left:0;right:0;bottom:0}.tab-row span{font-size:10px;margin-left:4px}.comments-toolbar{display:flex;align-items:center;justify-content:space-between;padding:13px 22px;border-bottom:1px solid var(--line)}.comments-toolbar>span{font-size:9px;color:var(--muted)}.comment-list{flex:1;overflow:auto;padding:0 21px;min-height:80px}.comment{padding:19px 0;border-bottom:1px solid var(--line)}.comment-heading{display:flex;align-items:center;gap:8px}.comment-avatar{width:25px;height:25px;border-radius:50%;background:var(--soft);color:var(--blue);font-size:9px;display:grid;place-items:center;flex-shrink:0}.comment-heading strong{font-size:10px;font-weight:500}.comment-heading small{font-size:8px;color:var(--muted);margin-left:auto}.resolve-btn{width:20px;height:20px}.resolved .resolve-btn{color:#35a477}.resolved>p{color:var(--muted)}.comment-time{font-size:9px;color:var(--blue);border-radius:3px;background:var(--soft);padding:3px 5px;margin:10px 0 3px;display:inline-flex;gap:4px;align-items:center}.comment p{font-size:11px;line-height:1.9;margin:7px 0;white-space:pre-wrap;overflow-wrap:anywhere}.text-button{font-size:10px;color:var(--blue);padding:0}.reply{margin:10px 0 10px 8px;padding-left:11px;border-left:2px solid var(--line)}.reply strong{font-size:10px;font-weight:500}.reply p{color:var(--muted);font-size:10px}.empty-comments{text-align:center;color:var(--muted);padding:75px 0 20px}.empty-comments svg{opacity:.45;margin-bottom:17px}.empty-comments strong{display:block;color:var(--text);font-size:12px;font-weight:500}.empty-comments p{font-size:10px;line-height:1.9;margin-top:12px}.comment-compose{padding:16px 19px;border-top:1px solid var(--line)}.compose-time{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--blue);margin-bottom:12px}.compose-time span{font-size:9px;color:var(--muted);margin-left:3px}.comment-compose textarea{resize:vertical;min-height:85px;max-height:200px;font-size:11px;line-height:1.8;background:var(--surface);padding:10px}.compose-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.compose-footer small{color:var(--muted);font-size:9px}.compose-footer .button{min-height:29px;padding:6px 14px;font-size:10px}.replying{display:flex;align-items:center;justify-content:space-between;background:var(--soft);font-size:10px;padding:3px 7px;margin-bottom:10px;color:var(--blue)}.approval-actions{padding:17px 19px;display:flex;gap:10px;border-top:1px solid var(--line)}.approval-actions .button{flex:1;font-size:11px}.file-info{padding:25px 21px}.transcode-state{text-align:center;color:#aab5cd;padding:35px}.transcode-state h3{font-size:16px;font-weight:500;margin:22px 0 12px}.transcode-state p{font-size:11px;line-height:1.8;max-width:350px;overflow-wrap:anywhere}.transcode-state .progress-track{width:220px;margin:20px auto;background:#26324c}.transcode-state.failed{color:#f08a8a}.error-banner{background:#fff1f1;color:#ae3e43;border-bottom:1px solid #f2c7c9;display:flex;align-items:center;gap:10px;padding:13px 21px;font-size:12px;flex-shrink:0}.error-banner span{flex:1;overflow-wrap:anywhere}.error-banner .icon-btn{color:#ae3e43}.progress-track{height:4px;border-radius:4px;background:var(--line);overflow:hidden}.progress-track>div{height:100%;background:var(--blue);transition:width .3s}.upload-panel{position:fixed;right:22px;bottom:23px;width:330px;background:var(--bg);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:18px;z-index:10}.upload-panel>div:first-child{display:flex;gap:9px;align-items:center;color:var(--blue);font-size:12px}.upload-panel>div span{margin-left:auto}.upload-panel p{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:14px 0}.upload-panel small{display:block;margin-top:11px;color:var(--muted);font-size:9px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);background:var(--text);color:var(--bg);border-radius:7px;padding:13px 20px;display:flex;align-items:center;gap:9px;z-index:40;box-shadow:var(--shadow);font-size:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#101b344c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:30;padding:20px}.modal{width:440px;max-width:100%;background:var(--bg);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);padding:24px;max-height:90vh;overflow:auto}.modal.wide{width:600px}.modal>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.modal h2{font-size:17px;font-weight:600;margin:0}.modal label{display:block;font-size:11px;font-weight:500;margin:18px 0}.modal label input{margin-top:10px;font-size:12px}.modal-footer{display:flex;gap:10px;justify-content:flex-end;border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.modal-description{color:var(--muted);font-size:11px;line-height:1.8;margin-bottom:20px}.form-select{border:1px solid var(--line);padding:3px 12px;margin-top:10px;width:100%;border-radius:6px}.form-select svg{right:12px}.form-select select{font-size:12px}.permission-list{border:1px solid var(--line);border-radius:7px;padding:0 14px}.permission-list label{display:flex;align-items:flex-start;gap:11px;padding:13px 0;margin:0;border-bottom:1px solid var(--line)}.permission-list label:last-child{border:0}.permission-list input{width:14px;height:14px;accent-color:var(--blue);margin:3px 0 0}.permission-list strong{display:block;font-size:11px;font-weight:500}.permission-list small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.share-success{text-align:center}.success-symbol{display:inline-grid;place-items:center;width:50px;height:50px;background:var(--soft);color:var(--blue);border-radius:50%;margin:0 0 17px}.share-success h3{font-size:15px;font-weight:500}.share-success p{font-size:11px;line-height:1.8;color:var(--muted)}.share-success input{font-size:11px;margin:10px 0 18px}.share-success .button{width:100%}.add-options button{width:100%;display:flex;align-items:center;gap:14px;text-align:left;border:1px solid var(--line);padding:17px 14px;border-radius:8px;margin-bottom:12px}.add-options button:hover{background:var(--soft)}.add-options button>span{width:43px;height:43px;border-radius:9px;display:grid;place-items:center;color:var(--blue);background:var(--soft)}.add-options button>div{flex:1}.add-options strong{font-size:12px;font-weight:500}.add-options p{font-size:10px;color:var(--muted);margin:8px 0 0}.add-options button>svg{color:var(--muted)}.account-info{display:flex;gap:12px;align-items:center}.account-info p{font-size:10px;color:var(--muted);margin:7px 0 0}.account-info strong{font-size:13px}.center-screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);font-size:13px;gap:20px}.spin{animation:spin 1.3s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-shell{min-height:100vh;display:flex;background:var(--bg)}.login-art{width:49%;padding:45px 50px;background:#173fce;color:#fff;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative;min-height:700px}.brand{display:flex;gap:11px;align-items:center;font-size:24px;font-weight:600}.brand-mark{display:flex}.brand-caption{font-size:9px;letter-spacing:.13em;border-left:1px solid #ffffff50;padding-left:13px;margin-left:3px;font-weight:400;color:#c9d5ff}.eyebrow{font-size:11px;letter-spacing:.1em}.login-art .eyebrow{color:#b7caff;margin-bottom:25px}.login-art h1{font-size:39px;font-weight:500;line-height:1.5;letter-spacing:-1.5px;margin-bottom:20px;position:relative;z-index:1}.login-art p{font-size:12px;line-height:2;color:#b9caff}.login-art>small{font-size:9px;color:#a8bcff;z-index:1}.art-lines{position:absolute;right:-100px;bottom:95px;width:380px;height:270px;transform:rotate(-23deg);opacity:.5}.art-lines>div{border:1px solid #84a2ff;border-radius:35px;position:absolute;top:0;right:0;bottom:0;left:0}.art-lines>div:nth-child(2){top:22px;right:-25px;bottom:-22px;left:25px}.art-lines>div:nth-child(3){top:44px;right:-50px;bottom:-44px;left:50px}.art-lines span{position:absolute;top:100px;left:155px;background:#4d70f3;width:65px;height:65px;display:grid;place-items:center;border-radius:50%}.login-form{flex:1;display:flex;justify-content:center;align-items:center;padding:45px}.login-card{width:340px}.login-card>.eyebrow{color:var(--blue);font-size:10px}.login-card h2{font-size:25px;letter-spacing:-.7px;margin:14px 0 12px;font-weight:600}.login-card>p{font-size:12px;color:var(--muted);margin-bottom:38px}.login-card label{display:block;font-size:11px;margin:23px 0}.login-card input{font-size:12px;padding:13px;margin-top:10px}.login-card form>.button{width:100%;margin-top:6px;padding:13px}.login-card form>.button svg:last-child{margin-left:auto}.login-note{font-size:10px;color:var(--muted);text-align:center;border-top:1px solid var(--line);padding-top:24px;margin-top:32px}.login-card .error-banner{border:1px solid #f2c7c9;border-radius:6px;padding:10px;font-size:11px}@media(min-width:1600px){.file-grid{grid-template-columns:repeat(auto-fill,minmax(225px,1fr))}.file-thumbnail{height:155px}.project-sidebar{width:250px}.project-info{width:275px}.review-sidebar{width:380px}}@media(max-width:1100px){.project-sidebar{width:195px}.project-info{width:210px;padding:24px 16px}.files-area{padding:0 20px 20px}.file-actions,.file-toolbar{gap:8px}.project-info dl{grid-template-columns:60px 1fr}.review-sidebar{width:300px}.viewer{padding:20px 20px 0}.viewer-format{display:none}.search-box input{width:130px}.filename strong{max-width:230px}}@media(max-width:800px){.rail{width:54px}.project-sidebar{width:165px;padding:22px 9px}.project-info{display:none}.main-header{padding:20px;height:100px}.search-box input{width:110px}.review-header{padding:0 15px;gap:8px}.review-header .header-actions{gap:8px}.review-header .status-badge{display:none}.review-identity{gap:8px}.filename strong{max-width:170px}.review-sidebar{width:280px}.viewer{padding:15px 15px 0}.login-art{padding:35px;width:45%}.login-art h1{font-size:28px}.login-form{padding:35px}.file-toolbar{flex-wrap:wrap;height:auto;padding:18px 0;gap:15px}.file-actions{margin-left:auto}.projects-home{padding:25px}.review-body{flex-direction:column;overflow:auto}.viewer{min-height:420px;flex:none}.review-sidebar{width:100%;border-left:0;min-height:450px}.comment-list{min-height:150px}.video-stage{min-height:290px}.review-header .button{font-size:10px;padding:8px}.shared-brand{font-size:14px;padding-right:9px}.shared-brand svg{width:16px}.login-shell{min-height:100vh}}@media(max-width:560px){.project-sidebar{display:none}.rail{width:48px}.rail-item{width:40px}.main-header{height:auto;min-height:115px;align-items:flex-start;gap:15px;flex-direction:column}.main-header h1{font-size:19px}.main-header .header-actions{width:100%}.search-box{flex:1}.search-box input{width:100%}.project-tabs{padding:0 20px}.file-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.file-thumbnail{height:105px}.file-caption{padding:10px}.file-caption strong{font-size:10px}.file-caption>div{font-size:8px}.file-actions{width:100%;justify-content:flex-end}.file-toolbar{gap:5px}.folder-crumb{font-size:10px}.file-actions .button{font-size:10px;padding:8px 10px}.filename strong{max-width:120px;font-size:11px}.review-header{height:73px;padding:0 10px}.version-select{min-width:48px;padding:0 5px;max-width:80px}.version-select select{font-size:10px}.review-header .header-actions{gap:2px}.review-header .icon-btn{width:25px}.review-header .button{padding:7px;font-size:9px;gap:3px}.review-header .button svg{width:12px}.review-header .shared-brand{display:none}.viewer{min-height:340px;padding:12px 12px 0}.video-stage{min-height:230px}.viewer-bottom span{max-width:160px}.login-art{display:none}.login-form{padding:25px}.login-card{width:100%;max-width:340px}.modal{padding:21px}.upload-panel{width:calc(100vw - 36px);right:18px}.toast{max-width:90vw;white-space:nowrap;font-size:11px}.project-grid{grid-template-columns:1fr}.error-banner{font-size:11px;padding:10px 13px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.annotation-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;touch-action:none}.annotation-overlay.drawing{pointer-events:auto;cursor:crosshair}.drawing-toolbar{display:flex;align-items:center;gap:5px;border-top:1px solid var(--line);padding:10px 0;color:var(--muted);font-size:10px}.drawing-toolbar>span{margin-right:7px}.drawing-toolbar .active{background:var(--soft);color:var(--blue)}.drawing-toolbar input[type=color]{width:22px;height:22px;padding:0;border:0;background:none;cursor:pointer;margin:0 7px}.drawing-toolbar small{font-size:9px;margin-left:auto}.visibility-select{margin-bottom:10px}.visibility-select select{font-size:10px;color:var(--muted);border:0;background:var(--surface);border-radius:4px;padding:5px 8px}.modal .error-banner{border-radius:6px;margin-bottom:15px;font-size:11px}.approval-select{min-width:100px;border:1px solid var(--line);padding:0 9px;border-radius:6px}.approval-select svg{right:7px}.approval-select select{padding-right:18px;font-size:10px}.download-link{text-decoration:none;margin-left:auto;margin-right:10px}.team-only{display:block;font-size:9px;color:var(--muted);margin-bottom:8px}.share-return h2{margin:9px 0 0;font-size:19px;color:var(--text);font-weight:500}.share-return p{margin:0;text-align:center;padding:0 20px;line-height:1.8}.share-return small{font-size:11px;color:var(--muted)}.share-return .shared-brand{border:0;padding:0;font-size:23px;margin-bottom:10px}.share-title{display:block;font-size:11px;line-height:1.6;font-weight:500;overflow-wrap:anywhere}.share-entry{align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line);margin:0}.share-entry>svg{margin-top:3px;flex-shrink:0}.share-entry small{line-height:1.8;font-size:9px}.share-entry>.icon-btn{margin-top:0}.share-access-error{padding:13px 20px;background:#fff1f1;border:1px solid #f2c7c9;color:#ae3e43;font-size:12px;line-height:1.8;border-radius:7px;max-width:min(480px,90vw);overflow-wrap:anywhere;text-align:center}.drawing-toolbar .annotation-text{width:120px;font-size:10px;padding:5px 8px;height:28px}