@font-face{font-family:Inter;src:local('Inter'),local('Segoe UI');font-display:swap}
[hidden]{display:none!important}
:root{--primary:#5548ed;--primary-dark:#4134d0;--primary-light:#eeecff;--ink:#20212a;--muted:#787b89;--line:#e9eaf0;--bg:#f8f9fc;--radius:12px;--shadow:0 12px 38px #25254a0b;font-family:Inter,'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:14px;line-height:1.5;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.48}a{color:inherit;text-decoration:none}button{color:inherit}svg{width:20px;height:20px;flex:none;vertical-align:middle}button:focus-visible,a:focus-visible{outline:3px solid #aa9ffc;outline-offset:3px}input:focus,textarea:focus,select:focus{outline:2px solid #b7b0ff;outline-offset:1px}h1,h2,h3,p{margin:0}h1{font-size:30px;line-height:1.2;letter-spacing:-1px;font-weight:650}h2{font-size:24px;line-height:1.3;letter-spacing:-.65px;font-weight:650}h3{font-size:16px;font-weight:600}.muted{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:650;color:#8a879e;display:block;margin-bottom:9px}.button{display:inline-flex;gap:8px;align-items:center;justify-content:center;border:1px solid var(--line);background:white;border-radius:8px;padding:10px 16px;font-weight:550;white-space:nowrap;transition:background .15s,box-shadow .15s}.button:hover{background:#f5f5fb;border-color:#d9d6eb}.button.primary{color:white;background:var(--primary);border-color:var(--primary);box-shadow:0 3px 5px #5548ed15}.button.primary:hover{background:var(--primary-dark)}.button.primary:disabled{background:#7970cf}.button.subtle{background:var(--primary-light);border-color:transparent;color:var(--primary)}.button.danger{color:#b64056}.button.small{font-size:13px;padding:7px 11px}.button svg{width:17px;height:17px}.icon-button{width:34px;height:34px;padding:7px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:7px;background:transparent;color:#737582;flex:none}.icon-button:hover{background:#f0eef9;color:var(--primary)}.icon-button svg{width:18px;height:18px}.icon-button.tiny{width:25px;height:25px;padding:4px}.text-button{background:none;border:0;padding:0;color:var(--primary);font-weight:550}.brand{display:inline-flex;align-items:center;gap:9px;color:#222333;font-size:23px;font-weight:740;letter-spacing:-.8px;line-height:1}.brand-mark{display:inline-flex;position:relative;align-items:flex-end;justify-content:center;flex:none;width:33px;height:33px;background:var(--primary);color:white;border-radius:10px;font-size:29px;font-family:Arial,sans-serif;font-weight:800;line-height:32px;letter-spacing:0}.brand-mark>span{position:absolute;width:7px;height:7px;background:#ffdb86;right:-3px;bottom:2px;border-radius:50%;border:2px solid white}.brand-review{color:var(--primary);font-weight:430;margin-left:4px;letter-spacing:-.7px}.brand-link{display:block;margin:31px 24px 34px}.app-shell{display:flex;min-height:100vh}.sidebar{width:234px;flex-shrink:0;background:white;border-right:1px solid var(--line);display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:30}.workspace-label{margin:0 17px 25px;padding:12px 9px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:9px}.workspace-label>svg{width:14px;color:#9394a0;margin-left:auto}.workspace-label strong{font-size:13px;font-weight:650;display:block;max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-label small{font-size:11px;color:var(--muted);display:block;margin-top:1px}.workspace-icon{width:33px;height:33px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#f0edff;color:var(--primary)}.workspace-icon svg{width:19px}.sidebar nav{padding:0 12px;flex:1;overflow:auto}.nav-item{display:flex;gap:12px;align-items:center;width:100%;padding:11px 13px;border:0;border-radius:7px;background:none;color:#70717e;text-align:left;font-weight:500;margin:2px 0;min-height:42px}.nav-item svg{width:18px;height:18px}.nav-item>span:not(.nav-count){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item:hover{background:#f7f7fc;color:#41364e}.nav-item.active{background:var(--primary-light);color:var(--primary);font-weight:600}.nav-count{margin-left:auto;font-size:11px;padding:1px 7px;background:#e9e6ff;border-radius:5px}.nav-section{display:flex;align-items:center;justify-content:space-between;margin:25px 10px 8px;font-size:10px;color:#91929d;letter-spacing:1.4px}.nav-empty{font-size:12px;color:#999aa4;margin:10px 12px 15px}.nav-divider{height:1px;background:var(--line);margin:20px 12px}.sidebar-bottom{padding:10px 12px 17px;background:white}.profile{background:none;border:0;border-top:1px solid var(--line);width:100%;padding:19px 7px 0;display:flex;align-items:center;gap:11px;text-align:left;margin-top:9px}.profile strong{display:block;font-size:13px;font-weight:550}.profile small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.profile>svg{width:15px;margin-left:auto;color:var(--muted)}.avatar{--avatar-hue:245;display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;flex:none;border-radius:50%;color:hsl(var(--avatar-hue) 45% 40%);background:hsl(var(--avatar-hue) 65% 94%);font-weight:650;font-size:12px;border:2px solid white}.avatar.small{width:29px;height:29px;font-size:10px}.dashboard-main{margin-left:234px;flex:1;min-width:0}.topbar{height:77px;border-bottom:1px solid var(--line);background:white;display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:18px}.breadcrumbs{color:#a0a1ad;display:flex;gap:12px;align-items:center;font-size:12px}.breadcrumbs svg{width:13px;height:13px}.breadcrumbs strong{font-weight:500;color:#5a5b68}.topbar-actions{display:flex;align-items:center;gap:18px}.live-indicator{font-size:11px;color:#7e818c;display:flex;gap:6px;align-items:center;white-space:nowrap}.live-indicator>span{width:5px;height:5px;border-radius:50%;background:#5ba382}.live-indicator .offline{background:#cb9045}.dashboard-content{max-width:1560px;margin:auto;padding:39px 36px 24px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading h1{display:flex;align-items:center;gap:14px}.page-heading p{margin-top:11px;font-size:13px}.heading-count{font-size:11px;letter-spacing:0;font-weight:500;color:#8a879e;background:#efedf8;padding:5px 9px;border-radius:5px}.summary-strip{display:flex;border:1px solid var(--line);background:white;border-radius:11px;padding:20px 24px;margin-bottom:28px;gap:40px}.summary-strip>div{display:flex;align-items:center;gap:12px;min-width:135px}.summary-strip>div>svg{color:#a49bbf;stroke-width:1.5;width:23px;height:23px}.summary-strip>div>span{font-size:11px;color:var(--muted)}.summary-strip strong{display:block;font-size:23px;font-weight:600;line-height:1.3;color:#353242;margin-top:2px}.summary-caption{margin-left:auto;align-self:center;font-size:11px;color:#a7a4b3;max-width:150px;line-height:1.6}.project-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:27px 0 22px}.type-tabs{display:flex;gap:4px;white-space:nowrap}.type-tabs button{display:flex;align-items:center;gap:7px;background:none;border:0;padding:7px 11px;color:#858390;border-radius:6px;font-size:12px}.type-tabs svg{width:14px;height:14px}.type-tabs button.selected{color:var(--primary);background:#edebff;font-weight:600}.toolbar-right{display:flex;align-items:center;gap:10px}.search-input{display:flex;align-items:center;gap:7px;background:white;border:1px solid var(--line);border-radius:7px;padding:8px 10px}.search-input svg{width:15px;height:15px;color:#a2a1ac}.search-input input{border:0;width:133px;background:transparent;padding:0;font-size:12px;outline:none}.toolbar-right select{font-size:11px;color:#858290;background:none;border:0;max-width:106px}.view-toggle{display:flex;align-items:center;border:1px solid var(--line);background:white;border-radius:7px;padding:2px}.view-toggle .icon-button{width:29px;height:27px}.view-toggle .selected{background:var(--primary-light);color:var(--primary)}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start;min-height:320px}.project-card{border:1px solid #e5e5ee;border-radius:11px;background:white;overflow:hidden;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 4px #22223303}.project-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#d3cfee}.card-cover{position:relative;width:100%;aspect-ratio:1.63;border:0;background:#f0eff4;overflow:hidden;display:block;padding:0;isolation:isolate}.card-cover>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.card-cover:hover>img{transform:scale(1.03)}.type-pill{position:absolute;left:13px;top:13px;border-radius:5px;background:#ffffffee;padding:4px 8px;display:flex;align-items:center;gap:5px;text-transform:capitalize;font-size:10px;color:#66616f;box-shadow:0 2px 5px #00000008}.type-pill svg{width:11px;height:11px}.cover-open{position:absolute;left:50%;top:50%;transform:translate(-50%,-30%);padding:9px 12px;border-radius:7px;background:white;color:var(--primary);box-shadow:0 4px 20px #0002;opacity:0;font-size:12px;font-weight:600;white-space:nowrap;transition:.2s}.cover-open svg{width:14px;margin-left:4px}.card-cover:hover .cover-open{opacity:1;transform:translate(-50%,-50%)}.card-details{padding:15px 17px 14px}.card-title-row{display:flex;align-items:center;gap:7px}.card-title-row>.icon-button{margin-right:-8px;width:27px;height:26px}.card-title{border:0;padding:0;background:none;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1}.card-title:hover{color:var(--primary)}.card-meta{display:flex;gap:6px;align-items:center;font-size:11px;color:#9b98a6;margin-top:5px}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:21px}.status{font-size:10px;font-weight:550;display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:4px 7px;white-space:nowrap}.status>span{width:4px;height:4px;border-radius:50%;background:currentColor}.status.in_review,.status.open{color:#776143;background:#fbf3e6}.status.approved,.status.resolved{color:#3e8769;background:#eaf6ef}.status.changes_requested{color:#af6158;background:#fff0ec}.comment-count{font-size:11px;color:#9a95a9;display:flex;gap:5px;align-items:center}.comment-count svg{width:14px;height:14px}.card-updated{font-size:10px;border-top:1px solid #f1f0f5;color:#a5a0ae;padding:9px 17px;display:flex;justify-content:space-between}.new-project-card{min-height:315px;height:100%;border:1.5px dashed #dcd9ed;background:#f6f5fc;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#777182;transition:.2s;padding:30px 10px}.new-project-card:hover{border-color:var(--primary);background:#f0edff}.new-project-card>span{width:45px;height:45px;border-radius:50%;background:white;display:flex;align-items:center;justify-content:center;color:var(--primary);box-shadow:0 3px 15px #5548ed0b;margin-bottom:18px}.new-project-card strong{font-size:13px;font-weight:550}.new-project-card small{font-size:11px;margin-top:7px;color:#a09aa9}.file-placeholder{display:flex;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;background:#f1edfc;gap:12px;color:#9e8bc4}.file-placeholder svg{width:45px;height:45px;stroke-width:1}.file-placeholder span{font-size:10px;letter-spacing:2px}.file-placeholder.pdf{background:#faf0eb;color:#c7a296}.file-placeholder.video{background:#e9f0f7;color:#8da5bb}.dashboard-footnote{font-size:10px;color:#a9a7b1;display:flex;gap:6px;align-items:center;margin-top:60px;padding-top:16px;border-top:1px solid var(--line)}.dashboard-footnote svg{width:12px;height:12px}.dashboard-footnote>span{margin-left:auto}.list-layout{grid-template-columns:1fr;gap:12px}.list-layout .project-card{display:grid;grid-template-columns:145px 1fr 140px;align-items:center}.list-layout .card-cover{height:120px;aspect-ratio:auto}.list-layout .card-footer{margin-top:10px}.list-layout .card-updated{border:0;display:block;line-height:2}.list-layout .new-project-card{min-height:80px;flex-direction:row;gap:15px}.list-layout .new-project-card>span{margin:0;width:32px;height:32px}.list-layout .new-project-card small{margin:0}.empty-state{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;background:white;border:1px solid var(--line);border-radius:12px}.empty-state>svg{width:42px;height:42px;stroke-width:1;color:#c0b9d8;margin-bottom:20px}.empty-state p{margin-top:8px;color:var(--muted);font-size:13px;max-width:430px}.activity-list{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.activity-row{display:flex;align-items:center;gap:17px;width:100%;text-align:left;padding:19px 23px;border:0;background:white;border-bottom:1px solid var(--line)}.activity-row:hover{background:#faf9ff}.activity-symbol{display:flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:11px;background:#f0edff;color:#8b7bd4}.activity-row strong{font-size:13px}.activity-row p{font-size:12px;color:var(--muted);margin-top:4px;max-width:650px;white-space:pre-wrap}.activity-row time{font-size:11px;color:#a4a0af;margin-left:auto;white-space:nowrap}.activity-row>svg{color:#a4a0af;width:14px}.mobile-menu{display:none}
/* Forms */
dialog{color:var(--ink)}.dialog{padding:0;border:1px solid #e8e6f0;width:470px;max-width:calc(100vw - 30px);max-height:calc(100dvh - 50px);border-radius:16px;background:white;box-shadow:0 25px 100px #19133433;overflow:auto}.dialog.wide{width:570px}.dialog::backdrop{background:#26203955;backdrop-filter:blur(4px)}.dialog>header{padding:27px 28px 19px;display:flex;align-items:center;justify-content:space-between}.dialog>header .eyebrow{font-size:9px;margin-bottom:7px}.dialog h2{font-size:22px}.dialog-content{padding:0 28px 25px}.dialog-content>.muted{font-size:13px;margin-bottom:19px}.dialog form>label,.dialog .form-row>label{display:flex;flex-direction:column;font-size:12px;font-weight:550;gap:7px;margin:16px 0}.dialog label input:not([type="file"]):not([type="checkbox"]),.dialog label textarea,.dialog label select{width:100%;border:1px solid #e2dfeb;border-radius:7px;padding:10px 12px;font-size:13px;background:white;color:var(--ink)}textarea{resize:vertical}.optional{font-size:11px;font-weight:400;color:#a5a0ac}.dialog footer{display:flex;justify-content:flex-end;gap:9px;margin-top:24px;padding-top:19px;border-top:1px solid var(--line)}.dialog footer .button{font-size:12px}.creation-types{display:flex;gap:10px;margin-bottom:23px}.creation-types button{flex:1;background:white;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;justify-content:center;gap:9px;padding:12px;font-size:13px}.creation-types button.selected{color:var(--primary);border-color:#bdb5fb;background:#f8f7ff}.creation-types svg{width:17px}.drop-zone{position:relative;background:#fcfbff;border:1.5px dashed #d2cdec;border-radius:10px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;padding:32px 12px;cursor:pointer;text-align:center;margin:20px 0 10px!important}.drop-zone.dragging{background:var(--primary-light);border-color:var(--primary)}.drop-zone>input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.drop-zone strong{font-size:13px;font-weight:500}.drop-zone strong span{color:var(--primary)}.drop-zone small{font-weight:400;font-size:10px;color:#9c96a8;margin-top:3px}.upload-symbol{width:43px;height:43px;background:#eeeaff;color:var(--primary);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:7px}.selected-file{display:flex;gap:10px;align-items:center;background:#f8f7fc;border:1px solid var(--line);padding:10px;border-radius:7px;margin-top:7px;font-size:12px}.selected-file>svg{color:#b1a7cc;width:17px}.selected-file>span{flex:1;overflow:hidden;text-overflow:ellipsis}.selected-file small{display:block;color:#a59eaf;font-size:10px}.info-note{display:flex;align-items:flex-start;gap:9px;background:#f4f2ff;border:1px solid #eae6ff;padding:12px;border-radius:8px;color:#8a7ba8;font-size:11px;line-height:1.6;margin:14px 0}.info-note svg{width:16px;height:16px;margin-top:2px}.form-error{color:#ba5263;font-size:12px;white-space:pre-wrap;line-height:1.5;margin-top:14px}.progress-track{height:5px;border-radius:4px;background:#eeebff;overflow:hidden;margin-top:16px}.progress-track>span{height:100%;width:0;background:var(--primary);display:block;transition:width .2s}#upload-progress p{font-size:11px;color:var(--muted);margin-top:7px}.project-actions{display:flex;justify-content:space-between;gap:12px;margin-top:26px}.project-actions .button{font-size:12px}.settings-section{border-top:1px solid var(--line);padding-top:18px;margin-top:24px}.settings-section h3{font-size:13px;margin-bottom:10px}.settings-section p{font-size:11px;margin-bottom:12px}.settings-section .button{font-size:12px}.backup-result{display:block;font-size:10px;margin-top:10px}.storage-path{padding:10px;background:#f6f5fb;font-size:11px;word-break:break-all;border-radius:7px;font-family:Consolas,monospace}.help-steps>div{display:flex;gap:17px;margin:20px 0}.help-steps>div>span{width:29px;height:29px;display:flex;align-items:center;justify-content:center;background:var(--primary-light);border-radius:8px;color:var(--primary);flex:none;font-weight:600}.help-steps h3{font-size:14px}.help-steps p{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.7}.toast{display:flex;align-items:center;gap:10px;max-width:480px;background:#2c2839;color:white;padding:13px 18px;border-radius:9px;box-shadow:0 6px 25px #28233922;font-size:13px;animation:toast-in .2s ease;margin-top:8px}.toast.error{background:#a83d55}.toast svg{width:18px;height:18px}#toast-root{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:500;max-width:calc(100vw - 30px);pointer-events:none}@keyframes toast-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.boot,.guest-welcome,.error-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:32px;gap:20px;text-align:center}.boot p,.guest-welcome>p,.error-page>p{color:var(--muted);max-width:450px;font-size:14px}.error-page>.brand{margin-bottom:20px}.error-page>svg{width:45px;height:45px;color:#c5bade}.guest-welcome{background:radial-gradient(ellipse at top,#efecff,transparent 70%),var(--bg)}.guest-card{width:440px;max-width:100%;padding:36px;background:white;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow);text-align:left}.guest-card .eyebrow{margin-top:10px;font-size:10px}.guest-card h1{font-size:25px;line-height:1.4;margin-bottom:15px}.guest-card>p{font-size:13px;color:var(--muted);margin-bottom:24px}.guest-card label{display:block;font-size:12px}.guest-card input{display:block;width:100%;padding:13px;border:1px solid #dcd7e9;border-radius:8px;margin:8px 0 19px}.guest-card .button{width:100%;font-size:13px}.guest-card .client-note{font-size:11px;color:#aaa3b6;margin-top:18px;text-align:center}.guest-welcome>.brand{margin-bottom:10px}
/* Review canvas */
.review-shell{height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:#f3f4f8}.review-header{height:70px;min-height:70px;background:white;border-bottom:1px solid var(--line);display:flex;gap:19px;align-items:center;padding:0 21px;z-index:20}.review-header .brand-mark{width:30px;height:30px;font-size:26px;line-height:29px}.review-title{min-width:0;border-left:1px solid var(--line);padding-left:19px}.review-title h1{font-size:14px;letter-spacing:-.1px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}.review-title p{font-size:10px;color:#9d97a8;margin-top:3px}.review-header-actions{margin-left:auto;display:flex;gap:12px;align-items:center}.review-header-actions .button{font-size:12px;padding:8px 13px}.review-header-actions .avatar{margin-left:3px}.review-body{display:flex;flex:1;min-height:0}.comments-panel{width:342px;min-width:342px;background:white;border-right:1px solid #e4e3ed;display:flex;flex-direction:column;z-index:10}.comments-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 19px 13px}.comments-heading h2{font-size:16px;letter-spacing:-.1px}.comments-heading h2 span{font-size:11px;color:#96909f;margin-left:6px}.comment-tabs{display:flex;padding:0 18px;border-bottom:1px solid var(--line);gap:20px}.comment-tabs button{border:0;background:none;font-size:12px;color:#9a94a3;display:flex;gap:7px;align-items:center;padding:10px 0 12px;border-bottom:2px solid transparent;white-space:nowrap}.comment-tabs button.selected{color:var(--primary);border-color:var(--primary);font-weight:600}.comment-tabs button span{font-size:10px;background:#f1eff8;border-radius:5px;padding:0 4px}.comment-controls{padding:12px 16px;display:flex;gap:7px;align-items:center}.comment-controls .search-input{flex:1;padding:6px 8px}.comment-controls .search-input input{width:100%;font-size:11px}.comment-controls>select{width:88px;font-size:11px;padding:6px 3px;border:0;background:#f8f7fc;color:#93899e;border-radius:5px}.thread-list{flex:1;overflow-y:auto;padding:0 12px 14px;scroll-behavior:smooth}.thread{position:relative;border:1px solid #ece9f0;background:white;border-radius:9px;margin:8px 0 11px;transition:border-color .15s}.thread:hover{border-color:#c9c0e7}.thread.selected{border-color:#a79af2;box-shadow:0 0 0 2px #ece8ff}.thread.internal{background:#fffdf5;border-color:#f0e5c6}.thread-main{padding:14px 13px 12px;cursor:pointer}.thread-author{display:flex;align-items:center;gap:7px}.thread-number{display:flex;align-items:center;justify-content:center;font-size:10px;width:20px;height:20px;border-radius:6px;background:var(--primary);color:white;font-weight:600;flex:none}.thread.resolved .thread-number{background:#71a48b}.thread-author .avatar{width:25px;height:25px;font-size:9px}.thread-author strong{font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:143px}.thread-author time{font-size:9px;color:#aaa3b1;margin-left:auto;white-space:nowrap}.thread-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.65;margin:11px 0 9px;color:#565060}.mention{color:var(--primary);font-weight:550;background:#f0ecff;border-radius:3px;padding:0 2px}.thread-labels{display:flex;flex-wrap:wrap;gap:4px;margin:9px 0 4px}.tag{padding:2px 6px;font-size:9px;border-radius:4px;background:#f2f0f7;color:#8b809a}.tag.internal-label{background:#fbefc9;color:#a08d47}.tag.high,.tag.urgent{background:#fff0ec;color:#b57369}.thread-location{font-size:9px;color:#afa5ba;display:flex;gap:5px;align-items:center;padding-top:5px}.thread-location svg{width:10px;height:10px}.thread-bottom{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;border-top:1px solid #f0edf4;font-size:10px}.thread-bottom button{display:flex;align-items:center;gap:4px;font-size:10px;border:0;background:none;padding:4px;color:#9a8cab}.thread-bottom button:hover{color:var(--primary)}.thread-bottom svg{width:13px;height:13px}.thread-bottom .resolve-button{color:#8c9f92}.replies{padding:0 12px 12px}.reply{border-left:2px solid #eae5f8;margin:9px 0 12px 6px;padding:0 0 0 10px}.reply .reply-author{font-size:10px;font-weight:550}.reply .reply-author time{color:#b1a9bc;font-size:9px;margin-left:6px;font-weight:400}.reply p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;color:#746a80;margin-top:4px;line-height:1.6}.reply-form{display:flex;gap:5px;align-items:flex-end}.reply-form textarea{flex:1;min-width:0;border:1px solid #e2dbef;border-radius:6px;font-size:11px;padding:8px;min-height:40px;resize:vertical}.reply-form button{background:var(--primary);color:white;border:0;border-radius:6px;width:30px;height:30px;margin-bottom:3px}.reply-form svg{width:13px;height:13px}.attachment-list{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.attachment-list a{display:flex;align-items:center;gap:4px;background:#f3effa;border-radius:5px;padding:4px 7px;font-size:10px;color:var(--primary);max-width:100%;overflow:hidden;text-overflow:ellipsis}.attachment-list svg{width:11px;height:11px}.comments-tip{border-top:1px solid var(--line);display:flex;gap:8px;align-items:center;padding:13px 18px;font-size:10px;color:#aaa2b7;line-height:1.6}.comments-tip svg{width:15px}.canvas-region{flex:1;min-width:0;position:relative;display:flex;flex-direction:column}.canvas-toolbar{height:56px;min-height:56px;border-bottom:1px solid #e4e3ed;background:#fbfbfd;display:flex;align-items:center;gap:10px;padding:0 22px;justify-content:space-between}.mode-toggle{display:flex;border:1px solid #e2deef;background:white;border-radius:6px;overflow:hidden;padding:2px}.mode-toggle button{border:0;border-radius:4px;background:none;font-size:11px;padding:6px 10px;display:flex;align-items:center;gap:7px;color:#9c92aa}.mode-toggle button.selected{background:var(--primary-light);color:var(--primary);font-weight:550}.mode-toggle svg{width:13px;height:13px}.canvas-toolbar .canvas-file-name{color:#9b94a8;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:270px}.canvas-tools-right{display:flex;gap:7px;align-items:center}.canvas-tools-right select{border:1px solid #e2deeb;background:white;font-size:11px;color:#8e859c;padding:6px;border-radius:5px;max-width:125px}.canvas-stage{position:relative;flex:1;min-height:0;overflow:auto;display:flex;align-items:safe center;justify-content:safe center;padding:42px 46px 70px;background:#f1f2f6;background-image:radial-gradient(#d9d9e4 .65px,transparent .65px);background-size:12px 12px}.asset-surface{position:relative;flex:none;box-shadow:0 5px 35px #1f17331c;background:white;max-width:none;line-height:0;min-height:0}.asset-surface img,.asset-surface video,.asset-surface canvas{display:block;width:100%;height:auto;max-width:none}.annotation-layer{position:absolute;inset:0;line-height:normal;touch-action:none}.annotation-layer.browse{pointer-events:none}.annotation-layer.comment{cursor:crosshair}.annotation-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.canvas-pin{position:absolute;width:28px;height:28px;background:var(--primary);color:white;border:2px solid white;border-radius:50% 50% 50% 4px;display:flex;align-items:center;justify-content:center;font-size:10px;line-height:1;font-weight:650;box-shadow:0 3px 8px #1e163d35;transform:translate(-50%,-100%);pointer-events:auto;z-index:3;padding:0}.canvas-pin:hover,.canvas-pin.selected{background:#3a2fc5;box-shadow:0 0 0 5px #5548ed26,0 4px 8px #25154925;z-index:4}.canvas-pin.resolved{background:#63957a}.canvas-pin.draft{background:#9a89dd;z-index:5;animation:pin-breathe 1.6s infinite}@keyframes pin-breathe{50%{box-shadow:0 0 0 6px #5548ed18}}.drawing-tools{display:flex;position:absolute;bottom:69px;left:50%;transform:translateX(-50%);gap:2px;align-items:center;padding:6px;background:white;border:1px solid #e5e0ef;border-radius:10px;box-shadow:0 5px 22px #42305015;z-index:8}.drawing-tools .icon-button{width:35px;height:34px}.drawing-tools .selected{background:var(--primary-light);color:var(--primary)}.tool-divider{width:1px;height:21px;background:#ebe7f2;margin:0 4px}.color-tool{width:24px;height:24px;padding:2px;border:0;border-radius:50%;background:transparent;cursor:pointer}.color-tool::-webkit-color-swatch-wrapper{padding:3px}.color-tool::-webkit-color-swatch{border:0;border-radius:50%}.canvas-footer{height:49px;min-height:49px;background:#fbfbfd;border-top:1px solid #e4e3ed;display:flex;align-items:center;justify-content:space-between;padding:0 18px;gap:10px;font-size:10px;color:#9d92ad}.canvas-footer .pager{display:flex;gap:6px;align-items:center}.canvas-footer .pager svg{width:14px}.zoom-controls{display:flex;align-items:center;gap:3px}.zoom-controls .icon-button{width:26px;height:26px}.zoom-controls button.fit{font-size:10px;background:transparent;color:#8a7ca0;border:0;padding:5px 8px;border-radius:5px}.zoom-controls button.fit:hover{background:#eeebf6}.video-controls{display:flex;align-items:center;gap:7px;flex:1;max-width:350px}.video-controls input{min-width:40px;width:100%;accent-color:var(--primary)}.video-controls time{font-size:10px;white-space:nowrap;font-variant-numeric:tabular-nums}.file-strip{position:absolute;left:17px;bottom:68px;z-index:6;display:flex;flex-direction:column;gap:6px;max-height:60%;overflow:auto;padding:3px}.file-thumb{width:58px;height:47px;padding:3px;border:1px solid #dfd9eb;background:white;border-radius:6px;position:relative;box-shadow:0 2px 5px #2d234513}.file-thumb.selected{border:2px solid var(--primary)}.file-thumb img{width:100%;height:100%;object-fit:cover;border-radius:2px}.file-thumb svg{width:20px;height:20px;color:#ab9aba}.file-thumb>span{position:absolute;right:1px;bottom:1px;padding:0 3px;background:#ffffffdd;border-radius:3px;font-size:8px;color:#8a7a9b}.empty-comments{display:flex;flex-direction:column;align-items:center;text-align:center;padding:45px 20px;color:#afa6bc}.empty-comments svg{width:34px;height:34px;stroke-width:1.2}.empty-comments h3{font-size:13px;color:#8f819f;margin-top:13px}.empty-comments p{font-size:11px;line-height:1.7;margin-top:7px}.draft-card{padding:15px;border:1px solid #c3b5f7;border-radius:9px;background:#fcfbff;margin:8px 0 12px;box-shadow:0 4px 13px #7560950c}.draft-header{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:550;margin-bottom:10px}.draft-header>.icon-button{margin-left:auto;width:24px;height:24px}.draft-card textarea{width:100%;border:1px solid #dfd6ed;border-radius:6px;min-height:86px;font-size:12px;padding:10px;line-height:1.6;resize:vertical}.draft-options{display:flex;gap:6px;align-items:center;margin-top:9px}.draft-options select{border:1px solid #e8e0f2;border-radius:5px;background:white;padding:5px;font-size:10px;color:#9b88b0;min-width:0}.draft-options select[name="visibility"]{flex:1}.draft-tag-input{width:100%;border:0;border-bottom:1px solid #e9e2f2;background:transparent;font-size:10px;padding:9px 3px;color:#8c79a1;margin-bottom:6px}.draft-submit{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.draft-submit .button{font-size:11px;padding:7px 10px}.draft-submit>.icon-button{width:28px;height:28px}.mention-menu{display:flex;flex-direction:column;border:1px solid #e2d9f1;border-radius:6px;box-shadow:0 4px 15px #38294e0d;overflow:hidden;margin-top:4px;background:white}.mention-menu button{text-align:left;font-size:11px;border:0;border-bottom:1px solid #f3effa;background:white;padding:8px 10px;color:var(--primary)}.mention-menu button:hover{background:#f5f1ff}.decision-note{margin:0 12px 10px;border:1px solid #dcecdf;background:#f4faf5;color:#829b84;border-radius:8px;padding:11px;font-size:11px}.decision-note svg{width:14px;height:14px;margin-right:5px}.share-option{display:flex!important;align-items:center!important;flex-direction:row!important;gap:10px!important;margin:12px 0!important;font-size:12px}.share-option input{accent-color:var(--primary)}.share-link-result{padding:16px;background:#f2f0ff;border:1px solid #d7cff8;border-radius:8px;margin:14px 0}.share-link-result>p{font-size:11px;color:#9588aa;line-height:1.6;margin-bottom:8px}.copy-row{display:flex;gap:7px}.copy-row input{width:100%;min-width:0;font-size:11px;padding:8px;border:1px solid #d6ccef;border-radius:5px;background:white;color:#75608d}.copy-row .button{font-size:11px;padding:6px 9px}.share-links{margin:15px 0}.share-link-item{border:1px solid var(--line);border-radius:6px;padding:11px;display:flex;gap:9px;align-items:center;margin:7px 0}.share-link-item strong{font-size:12px}.share-link-item p{font-size:10px;color:#a89bb6;margin-top:3px}.share-link-item .icon-button{margin-left:auto}.review-blank{display:flex;flex-direction:column;align-items:center;gap:14px;padding:50px;text-align:center;color:#978ba7}.review-blank>svg{width:46px;height:46px}.review-blank p{font-size:12px;max-width:350px}.report{padding:42px;background:white;max-width:1000px;margin:auto}.report h1{font-size:27px;margin-bottom:10px}.report .report-info{font-size:12px;color:#999;margin-bottom:30px}.report-item{border-top:1px solid #ddd;padding:18px 0;break-inside:avoid}.report-item h3{font-size:15px}.report-item p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:8px;font-size:13px}.report-item small{font-size:11px;color:#777}.compare-pane{display:grid;grid-template-columns:1fr 1fr;gap:15px}.compare-pane img{width:100%;display:block}.compare-pane p{font-size:11px;color:#9d91ad;margin-bottom:8px}.dialog.compare-dialog{width:calc(100vw - 80px);max-width:1350px}.review-mobile-comments{display:none}
.thread-text{font-size:14px}.thread-author strong{font-size:12px}.thread-author time,.thread-location{font-size:10px}.thread-bottom button{font-size:12px}.tag{font-size:11px}.reply p,.reply-form textarea{font-size:13px}.reply .reply-author{font-size:12px}.comment-tabs button{font-size:13px}.draft-card textarea{font-size:14px}.draft-options select{font-size:12px}.draft-tag-input{font-size:12px}.comments-tip{font-size:12px}.type-tabs button{font-size:13px}.card-meta{font-size:12px}.status{font-size:11px}.canvas-toolbar .canvas-file-name{font-size:12px}.mode-toggle button{font-size:12px}.canvas-footer{font-size:12px}.review-title h1{font-size:15px}
@media(min-width:1600px){.projects-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.list-layout{grid-template-columns:1fr}.dashboard-content{padding-top:45px}}
@media(max-width:1280px){.sidebar{width:212px}.dashboard-main{margin-left:212px}.brand{font-size:20px}.brand-link{margin-left:20px}.workspace-label{margin-left:12px;margin-right:12px}.topbar{padding:0 27px}.dashboard-content{padding:32px 27px 22px}.project-toolbar{flex-wrap:wrap}.toolbar-right{margin-left:auto}.projects-grid{gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.list-layout{grid-template-columns:1fr}.summary-strip{gap:25px}.summary-caption{display:none}.comments-panel{width:310px;min-width:310px}.review-title h1{max-width:270px}.review-header-actions{gap:8px}.review-header-actions .live-indicator{display:none}.canvas-stage{padding:36px 28px 80px}.canvas-toolbar{padding:0 14px}.canvas-file-name{max-width:160px!important}}
@media(max-width:950px){.review-header .brand{display:none}.review-header{gap:9px;padding:0 11px}.review-title{padding-left:11px}.review-title h1{max-width:210px;font-size:12px}.review-header-actions .status{display:none}.review-header-actions .avatar{display:none}.review-header-actions .button{padding:7px 10px;font-size:11px}.canvas-file-name{display:none}.canvas-toolbar{gap:5px}.canvas-tools-right select{max-width:88px}.comments-panel{width:285px;min-width:285px}.summary-strip>div{min-width:110px}.summary-strip{gap:17px;padding:18px}.search-input input{width:125px}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:234px;box-shadow:var(--shadow)}.sidebar.mobile-open{transform:translateX(0)}.dashboard-main{margin-left:0}.mobile-menu{display:inline-flex}.topbar{height:67px;padding:0 18px;gap:10px}.topbar .breadcrumbs{flex:1;font-size:11px;gap:6px}.topbar-actions{gap:6px}.topbar-actions .live-indicator{display:none}.topbar-actions .button{font-size:11px;padding:8px 11px}.topbar-actions #help{display:none}.dashboard-content{padding:26px 18px}.page-heading{align-items:flex-start}.page-heading h1{font-size:26px;gap:7px}.page-heading .button{font-size:10px;padding:7px 9px}.page-heading .button svg{width:12px}.page-heading p{font-size:12px}.summary-strip{gap:12px;justify-content:space-around;padding:15px 10px}.summary-strip>div{min-width:0;gap:7px}.summary-strip>div>svg{width:19px}.summary-strip>div>span{font-size:10px}.summary-strip strong{font-size:20px}.type-tabs{gap:1px;overflow-x:auto;max-width:100%}.type-tabs button{font-size:11px;padding:7px 9px}.toolbar-right{margin-left:0;width:100%;justify-content:space-between}.search-input{flex:1}.search-input input{width:100%}.projects-grid{gap:15px}.card-details{padding:11px 13px}.card-title{font-size:12px}.card-meta{font-size:10px}.card-updated{padding:8px 13px}.new-project-card{min-height:272px;padding:20px 8px}.new-project-card strong{font-size:12px}.new-project-card small{font-size:10px}.dashboard-footnote>span{display:none}.dashboard-footnote{margin-top:35px}.list-layout .project-card{grid-template-columns:95px 1fr}.list-layout .card-updated{display:none}.list-layout .card-cover{height:115px}.list-layout .card-details{padding:12px}.review-header{height:63px;min-height:63px}.review-title{border:0;padding-left:0}.review-title h1{max-width:calc(100vw - 228px);font-size:12px}.review-title p{font-size:9px}.review-header-actions{gap:4px}.review-header-actions .export-button,.review-header-actions .upload-version{display:none}.review-body{position:relative}.comments-panel{width:100%;max-width:360px;min-width:0;position:absolute;top:0;bottom:0;left:0;transform:translateX(-100%);transition:transform .2s;box-shadow:5px 0 20px #4430550e;z-index:25}.comments-panel.mobile-visible{transform:translateX(0)}.review-mobile-comments{display:inline-flex}.canvas-toolbar{padding:0 10px;gap:5px;height:52px;min-height:52px}.canvas-tools-right{gap:2px}.canvas-tools-right select{max-width:93px}.mode-toggle button{padding:6px 8px;font-size:10px}.mode-toggle svg{width:11px}.canvas-stage{padding:28px 18px 100px}.drawing-tools{bottom:69px;padding:5px;max-width:calc(100vw - 25px)}.drawing-tools .icon-button{width:33px;height:30px}.canvas-footer{padding:0 10px}.file-strip{bottom:115px;left:9px}.file-thumb{width:44px;height:38px}.canvas-footer>.muted{display:none}.video-controls{max-width:170px}.guest-card{padding:28px}.guest-welcome{padding:22px}.activity-row{padding:16px 12px;gap:10px}.activity-row p{font-size:11px}.activity-row time{font-size:9px}.activity-row>svg{display:none}.activity-symbol{width:30px;height:30px}.dialog-content{padding:0 21px 22px}.dialog>header{padding:23px 21px 17px}.dialog h2{font-size:20px}.compare-pane{grid-template-columns:1fr}.dialog.compare-dialog{width:calc(100vw - 25px)}}
@media(max-width:440px){.projects-grid{grid-template-columns:1fr}.new-project-card{min-height:180px}.card-title{font-size:14px}.card-cover{aspect-ratio:1.7}.card-details{padding:14px 17px}.card-footer{margin-top:17px}.page-heading .heading-count{display:none}.page-heading h1{font-size:25px}.summary-strip>div>svg{display:none}.eyebrow{font-size:10px}.list-layout .new-project-card{min-height:80px;flex-wrap:wrap}.list-layout .new-project-card small{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{body{background:white}.no-print,#toast-root,#modal-root{display:none!important}.report{padding:0;max-width:none}.report h1{font-size:22pt}.report-item{break-inside:avoid}.report-item p{font-size:10pt}}