@import url("https://use.typekit.net/tde2nbs.css");:root{--green:#78c091;--green-dark:#225e3a;--mint:#edf6ef;--ink:#17251c;--muted:#56635b;--line:#dce4df;--bg:#fff}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font:17px/1.55 Arial,Helvetica,sans-serif}button,input,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button{border:0;background:transparent;color:inherit;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #225e3a;outline-offset:4px}svg{flex-shrink:0;stroke-width:1.8}a,button,input,textarea{touch-action:manipulation}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.2;letter-spacing:-.7px}h1{font-size:clamp(28px,2.5vw,38px);display:flex;align-items:center;gap:14px;flex-wrap:wrap}h1,h2{margin:0}h2{font-size:26px}h3{font-size:24px}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:242px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:32px 20px 22px;z-index:10;overflow-y:auto}.brand{display:block;padding:0 6px 28px}.brand img{display:block;width:185px;max-width:100%}.brand>span{display:block;color:var(--muted);font-size:12px;margin-top:13px}.workspace{display:none}.nav-label{font-size:12px;letter-spacing:1.2px;font-weight:700;color:var(--muted);padding:0 12px;margin-bottom:12px}.nav-item{display:flex;align-items:center;gap:12px;min-height:48px;width:100%;border-radius:9px;text-align:left;padding:10px 12px;font-size:16px;margin-bottom:6px}.nav-item:hover,.project:hover{background:#f5f8f6}.nav-item.selected{background:var(--mint);color:var(--green-dark);font-weight:700}.count{margin-left:auto;border-radius:5px;background:#d9ebde;padding:0 7px;font-size:13px}.project-label{display:flex;justify-content:space-between;margin-top:32px}.client-brand{display:flex;align-items:center;gap:12px;padding:12px}.client-brand small,.user small{display:block;color:var(--muted);font-size:13px;margin-top:4px}.client-brand strong,.user strong{font-size:16px}.brico{background:#ffdf00;color:#e5231f;font-weight:900;letter-spacing:-1px;border-radius:5px;font-size:19px;padding:7px 6px}.project-list{margin-top:10px;display:grid;gap:7px}.project{display:flex;align-items:center;gap:10px;padding:13px 12px;min-height:50px;width:100%;text-align:left;font-size:16px;line-height:1.45;border-radius:9px;border:1px solid transparent}.project span:not(.active-dot){flex:1}.project.active{border-color:#aad0b6;background:#edf6ef;color:#1e5534;font-weight:700}.active-dot,.live-dot{display:inline-block;width:7px;height:7px;background:#37854f;border-radius:50%;flex-shrink:0}.side-bottom{margin-top:auto;padding-top:36px}.private-label{gap:8px;font-size:13px;color:var(--muted);padding:0 8px 20px}.private-label,.user{display:flex;align-items:center}.user{gap:10px;border-top:1px solid var(--line);padding-top:18px}.user>button{margin-left:auto;min-width:40px;min-height:40px}.avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;width:36px;height:36px;flex-shrink:0;background:#edf6ef;color:#225e3a;font-size:13px;font-weight:700}.avatar.dark{background:#203d2b;color:#fff}.avatar.small{width:32px;height:32px;font-size:12px}main{margin-left:242px;flex:1;min-width:0}.topbar{min-height:70px;justify-content:space-between;gap:20px;padding:12px 32px;border-bottom:1px solid var(--line)}.breadcrumb,.topbar{display:flex;align-items:center}.breadcrumb{gap:10px;font-size:14px;color:var(--muted)}.breadcrumb strong{color:var(--ink)}.top-right{display:flex;align-items:center;gap:16px}.connection-pill,.pilot{display:flex;align-items:center;gap:7px;font-size:14px}.connection-pill{border:1px solid var(--line);border-radius:8px;min-height:44px;padding:8px 12px}.pilot{color:var(--muted)}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;border-radius:7px}.connection-pill:hover,.icon-button:hover{background:var(--mint)}.project-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:36px 32px 26px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.4px;color:var(--muted);margin-bottom:12px}.project-status{display:inline-block;font-size:13px;font-weight:500;letter-spacing:0;background:#edf6ef;color:#225e3a;border:1px solid #c0d9c8;padding:6px 10px;border-radius:20px;white-space:nowrap}.project-header p{color:var(--muted);font-size:17px;margin:14px 0 0;max-width:54ch}.header-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:48px;border:1px solid transparent;border-radius:8px;padding:11px 16px;font-size:16px;font-weight:600;line-height:1.35;text-align:center}.button.primary{background:#225e3a;color:#fff;border-color:#225e3a}.button.primary:hover,.send-note:hover{background:#153f27}.button.outline{background:#fff;border-color:#aabcb1;color:#254e35}.button.outline:hover{background:#f1f8f3;border-color:#225e3a}.workflow{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 32px;padding-bottom:22px;border-bottom:1px solid var(--line)}.role-switch{display:flex;gap:5px;padding:5px;border:1px solid var(--line);border-radius:10px;background:#f6f8f6}.role-switch button{display:flex;align-items:center;justify-content:center;gap:9px;padding:10px 14px;min-height:45px;font-size:15px;border-radius:7px;color:#47574d}.role-switch .current{background:#225e3a;color:#fff;font-weight:700}.step-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#e3ebe6;font-size:13px;color:#385542}.current .step-number{background:#fff;color:#225e3a}.workflow-right{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--muted)}.workflow-right button{display:none}.work-status{display:flex;align-items:center;gap:24px;margin:0 32px;padding:15px 0;font-size:14px;flex-wrap:wrap;color:var(--muted)}.work-status>button,.work-status>span{display:flex;align-items:center;gap:8px}.work-status>button{margin-left:auto;min-height:44px;color:#225e3a;padding:8px 10px;font-size:14px}.status-warning .live-dot{background:#ad7425}.review-area{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:26px;padding:0 32px;align-items:start}.canvas-card,.feedback{min-width:0;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}.canvas-toolbar{gap:12px;flex-wrap:wrap;padding:20px;border-bottom:1px solid var(--line)}.canvas-title,.canvas-toolbar{display:flex;align-items:center}.canvas-title{gap:8px;font-size:19px}.toolbar-spacer{flex:1}.canvas-toolbar .button{font-size:15px}.view-options{width:100%;border-top:1px solid #eaf0ec;padding-top:12px}.view-options summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;width:fit-content;min-height:36px;font-size:14px;color:var(--muted)}.view-options summary::-webkit-details-marker{display:none}.view-options[open] summary svg{transform:rotate(180deg)}.view-options-content{display:flex;align-items:center;flex-wrap:wrap;gap:18px;padding:16px 0 3px}.device-switch{display:flex;gap:4px;padding:4px;border-radius:8px;background:#f3f7f4;border:1px solid var(--line)}.device-switch button{display:flex;align-items:center;gap:7px;font-size:14px;min-height:42px;border-radius:5px;padding:8px 10px}.device-switch .chosen{background:#225e3a;color:#fff}.toggle-label{display:flex;align-items:center;gap:9px;font-size:14px;min-height:44px}.toggle{position:relative;width:34px;height:22px;border-radius:20px;background:#87978d}.toggle:after{content:"";position:absolute;left:3px;top:3px;background:#fff;width:16px;height:16px;border-radius:50%}.on .toggle{background:#225e3a}.on .toggle:after{left:15px}.canvas-viewport{background:#f6f8f6;padding:18px 18px 0}.document-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px;color:var(--muted);margin-bottom:14px}.document-top>span:first-child{display:flex;align-items:center;gap:8px}.brico.tiny{font-size:12px;letter-spacing:-.7px;padding:3px 4px}.figma-surface{height:72dvh;min-height:520px;position:relative;background:white;border:1px solid var(--line);border-radius:7px;overflow:hidden}.figma-surface>iframe{width:100%;height:100%;border:0;display:block}.canvas-viewport.mobile .figma-surface{max-width:440px;margin:auto}.snapshot-scroll{height:100%;overflow:auto;text-align:center;background:#fff;scrollbar-width:thin;scrollbar-color:#a4b9ab #f3f6f4}.image-document{position:relative;margin:0 auto;min-height:20px}.image-document>.snapshot{width:100%;height:auto;display:block}.canvas-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:62px;font-size:13px;color:var(--muted)}.canvas-bottom>span{display:flex;align-items:center;gap:7px}.canvas-bottom>div{display:flex;align-items:center;gap:5px;white-space:nowrap}.canvas-bottom button{display:flex;align-items:center;justify-content:center;width:44px;height:44px}.canvas-bottom button svg{width:20px;height:20px}.source-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;gap:12px;font-size:13px;color:var(--muted);flex-wrap:wrap}.source-footer a,.source-footer>div{display:flex;align-items:center;gap:8px}.source-footer>div>span{display:none}.source-footer a{color:#225e3a;min-height:36px;font-weight:600}.preview-empty{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;padding:36px;text-align:center;background:#fff}.preview-empty h3{margin:5px 0 0;max-width:22ch}.preview-empty p{font-size:17px;color:var(--muted);max-width:36ch;line-height:1.65;margin:0 0 8px}.preview-empty .text-link{font-size:15px;min-height:44px}.pinning{cursor:crosshair}.note-pin{position:absolute;transform:translate(-50%,-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:2px solid #fff;background:#225e3a;color:#fff;font-size:14px;font-weight:700;border-radius:50%;box-shadow:0 2px 8px #0003;z-index:3}.client-pin{background:#8a561e}.pending{background:#4d945e}.mobile-notice,.network-banner,.preview-warning{display:flex;align-items:center;gap:10px;font-size:15px;line-height:1.6;padding:16px 20px;background:#fff8ec;color:#785021;border:1px solid #e8d5b4}.mobile-notice,.preview-warning{border-width:0 0 1px}.network-banner{margin:0 32px 18px;border-radius:8px}.network-banner button{margin-left:auto;text-decoration:underline;min-height:44px}.client-notice{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:16px 32px;padding:18px;background:#f1f8f3;border:1px solid #cbdfd0;border-radius:9px;font-size:15px}.client-notice button{display:flex;align-items:center;gap:8px;margin-left:auto;color:#225e3a;min-height:44px}.feedback{display:flex;flex-direction:column;height:auto}.feedback-header{justify-content:space-between;gap:10px;padding:24px 24px 20px}.feedback-header,.panel-switch{display:flex;align-items:center}.panel-switch{gap:7px;min-height:44px;font-size:14px;color:#225e3a;border:1px solid var(--line);padding:8px 10px;border-radius:8px}.feedback-tabs{display:flex;gap:0;padding:0 14px;border-bottom:1px solid var(--line)}.feedback-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;min-height:52px;font-size:15px;border-bottom:3px solid transparent;padding:10px 7px}.feedback-tabs button.active{color:#225e3a;border-bottom-color:#225e3a;font-weight:700}.visibility{display:flex;align-items:center;gap:7px;padding:16px 24px;font-size:14px;color:var(--muted);background:#fafcfb}.note-controls{padding:18px 24px 8px}.note-search{display:flex;align-items:center;gap:9px;border:1px solid #b9c7be;border-radius:8px;padding:0 12px;min-height:48px}.note-search input{width:100%;min-width:0;border:0;background:transparent;padding:12px 0;font-size:16px;color:var(--ink)}.note-filters{display:flex;gap:7px;padding-top:12px;flex-wrap:wrap}.note-filters button{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 12px;border-radius:7px;font-size:15px;color:#4c5e52}.note-filters .active{background:#edf6ef;color:#225e3a;font-weight:700}.note-filters b{background:#d6e9dc;border-radius:5px;padding:0 6px;font-size:13px}.notes-scroll{padding:0 24px 12px;max-height:440px;overflow:auto;min-height:130px}.empty{padding:28px 8px;text-align:center;display:flex;align-items:center;flex-direction:column;color:#6c8c76;gap:12px}.empty>strong{font-size:18px;line-height:1.4;color:#294a35;max-width:26ch}.empty p{font-size:16px;line-height:1.6;color:var(--muted);max-width:30ch;margin:0}.note{border:1px solid var(--line);border-radius:10px;padding:18px;margin:12px 0;background:#fff}.note-head{display:flex;align-items:center;gap:10px}.note-head>div:nth-child(2){min-width:0;flex:1}.note-head strong{display:block;font-size:15px;overflow-wrap:anywhere}.note-head small{display:block;color:var(--muted);font-size:13px;margin-top:3px}.note p{font-size:17px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;margin:18px 0}.text-link{display:inline-flex;align-items:center;gap:6px;color:#225e3a;font-size:15px;font-weight:600;min-height:40px}.reply{border-left:2px solid #c5dccd;padding:9px 12px;font-size:16px;overflow-wrap:anywhere;margin-bottom:10px}.resolved{background:#f7faf8}.resolved-label{display:flex;align-items:center;gap:6px;font-size:14px;color:#326643}.compose{border:1px solid #95b69f;border-radius:10px;margin:10px 24px 24px;padding:18px;background:#fff}.compose-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:16px;font-weight:700}.compose-top button{display:flex;align-items:center;gap:5px;font-size:14px;font-weight:400;min-height:40px;color:#225e3a}.compose-top .pin-active{background:#edf6ef;border-radius:5px;padding:5px}.compose textarea{display:block;width:100%;min-height:140px;resize:vertical;border:0;padding:16px 0;background:transparent;font-size:17px;color:#17251c;line-height:1.65}.compose textarea::placeholder{color:#637368}.compose-bottom{display:flex;flex-direction:column;align-items:stretch;gap:12px}.compose-bottom>span{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--muted)}.send-note{display:flex;align-items:center;justify-content:center;gap:9px;padding:12px 14px;min-height:48px;border-radius:8px;background:#225e3a;color:#fff;font-size:15px;font-weight:700}.send-note:disabled{background:#e9eeeb;color:#637367;opacity:1}.summary-card{margin:0 24px 24px;padding:18px;border:1px solid var(--line);border-radius:9px;background:#fafcfb}.summary-card>div{display:none}.summary-card p{font-size:15px;color:var(--muted);margin:0 0 10px}.summary-card button{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:44px;width:100%;text-align:left;color:#225e3a;font-size:15px;font-weight:600}.version-list{padding:0 24px 24px;max-height:850px;overflow:auto}.muted{color:var(--muted);font-size:16px;line-height:1.65}.version-item{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:18px 14px;border:1px solid var(--line);border-radius:9px;margin-top:12px}.version-item.active-version{background:#edf6ef;border-color:#9dbea8}.version-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:#edf6ef;border-radius:8px;font-size:14px;flex-shrink:0}.version-item strong{display:block;font-size:16px}.version-item small{display:block;font-size:14px;color:var(--muted);margin-top:7px}.figma-import{padding:18px 0}.figma-import strong{font-size:18px}.figma-import p{color:var(--muted);font-size:16px;line-height:1.6}.error-box{font-size:15px;padding:16px;background:#fff3e9;color:#7c451f;border:1px solid #e3c8b0;border-radius:8px;line-height:1.6;margin:12px 0;overflow-wrap:anywhere}.error-box a{display:block;text-decoration:underline;margin-top:8px}.app-footer{padding:30px 32px;display:flex;justify-content:space-between;gap:20px;font-size:13px;color:var(--muted)}.app-footer b{font-weight:400}.modal-backdrop{position:fixed;inset:0;background:#17251c66;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50;padding:24px}.modal{position:relative;background:#fff;padding:40px;border:1px solid var(--line);border-radius:16px;width:100%;max-width:600px;max-height:90dvh;overflow:auto;box-shadow:0 20px 80px #17251c25}.modal-close{position:absolute;right:12px;top:12px;display:flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;border-radius:8px}.modal h2{font-size:30px;margin:18px 0}.modal p{font-size:17px;line-height:1.7;color:var(--muted)}.modal .full{width:100%;margin-top:20px}.modal-symbol{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:#edf6ef;color:#225e3a;border-radius:12px;margin-bottom:24px}.field-label{display:block;font-size:16px;font-weight:600;margin:24px 0}.field-label input{display:block;width:100%;border:1px solid #a6baad;padding:14px;border-radius:8px;margin-top:10px;font-size:17px}.modal-note{display:flex;gap:10px;padding:18px;border-radius:9px;background:#f3f8f4;font-size:15px;line-height:1.7;color:#3c5846}.modal .smallprint{font-size:14px}.wide{max-width:1400px}.full-frame{width:100%;height:74dvh;border:1px solid var(--line)}.full-snapshot{display:block;width:100%;height:auto}.about-logo{width:220px;max-width:90%}.summary-line{display:flex;gap:10px;padding:18px 0;border-bottom:1px solid var(--line);font-size:17px;line-height:1.6;overflow-wrap:anywhere}.check-empty{width:17px;height:17px;flex-shrink:0;border:1px solid #a3beac;border-radius:4px;margin-top:5px}.summary-line+.button{margin-top:22px}.overview-project{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:18px;border:1px solid var(--line);border-radius:9px;margin-top:15px}.overview-project>div{flex:1}.overview-project strong{display:block;font-size:17px}.overview-project small{display:block;font-size:14px;color:var(--muted);margin-top:5px}.connection-row{display:flex;align-items:center;gap:12px;padding:22px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.connection-row>div{flex:1}.connection-row strong{font-size:18px}.connection-row p{font-size:15px;margin:7px 0}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:60;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #a0c2ac;box-shadow:0 8px 40px #17251c25;border-radius:10px;padding:18px 24px;font-size:16px;max-width:90vw;color:#225e3a}.focus-mode .app-footer,.focus-mode .project-header,.focus-mode .sidebar,.focus-mode .workflow{display:none}.focus-mode main{margin:0}.focus-mode .figma-surface{height:78dvh}.spin{animation:spin 1.4s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media(min-width:1700px){.review-area{grid-template-columns:minmax(0,1fr) 460px;gap:32px}.project-header,.topbar{padding-left:40px;padding-right:40px}.review-area{padding:0 40px}.work-status,.workflow{margin-left:40px;margin-right:40px}}@media(max-width:1400px){.sidebar{width:218px;padding-left:16px;padding-right:16px}main{margin-left:218px}.brand img{width:174px}.project-header{align-items:flex-start;flex-direction:column}.header-actions{justify-content:flex-start}.review-area{grid-template-columns:minmax(0,1fr) 390px;gap:20px;padding:0 24px}.project-header,.topbar{padding-left:24px;padding-right:24px}.work-status,.workflow{margin-left:24px;margin-right:24px}.workflow-right{display:none}.canvas-title{width:100%}.canvas-toolbar .toolbar-spacer{display:none}.canvas-toolbar>.button{flex:1}.feedback-header,.note-controls{padding-left:20px;padding-right:20px}.feedback-tabs{padding:0 8px}.feedback-tabs button{font-size:14px}.notes-scroll{padding-left:20px;padding-right:20px}.compose,.summary-card{margin-left:20px;margin-right:20px}.canvas-bottom>span{max-width:60%;font-size:12px}.top-right .pilot{display:none}}@media(max-width:1100px){.sidebar{width:200px;padding-left:12px;padding-right:12px}main{margin-left:200px}.brand img{width:164px}.brand>span{font-size:11px}.project{font-size:15px}.review-area{grid-template-columns:minmax(0,1fr)}.canvas-title{width:auto}.canvas-toolbar .toolbar-spacer{display:block}.canvas-toolbar>.button{flex:none}.feedback{max-width:none}.notes-scroll{max-height:500px}.compose-bottom{flex-direction:row;align-items:center;flex-wrap:wrap}.send-note{margin-left:auto}.work-status>span:nth-child(2){display:none}.project-header h1{font-size:32px}.top-right .avatar,.top-right>.icon-button{display:none}.breadcrumb{font-size:13px}.figma-surface{height:65dvh}.role-switch{width:100%}.role-switch button{flex:1;padding:10px}.network-banner{margin-left:24px;margin-right:24px}.app-footer>span:last-child{display:none}}@media(max-width:700px){body{font-size:17px}.app-shell{display:block}.sidebar{position:static;width:100%;padding:22px 20px 16px;border-right:0;border-bottom:1px solid var(--line);overflow:visible}.brand{padding:0;display:flex;justify-content:space-between;align-items:center;gap:16px}.brand img{width:158px}.brand>span{font-size:11px;margin:0;max-width:120px;text-align:right}.client-brand,.nav-item,.nav-label,.side-bottom{display:none}.project-list{display:flex;overflow-x:auto;gap:9px;margin-top:22px;padding-bottom:5px}.project{width:auto;flex-shrink:0;max-width:230px;min-height:48px;font-size:15px;padding:10px 13px;border-color:var(--line)}.active-dot,.project svg{display:none}main{margin:0}.topbar{padding:12px 20px;min-height:66px;gap:10px}.breadcrumb{font-size:13px;gap:6px;min-width:0}.breadcrumb strong{max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumb,.breadcrumb>svg:first-of-type{flex-shrink:1}.connection-pill{padding:8px;font-size:13px;white-space:nowrap}.top-right{gap:0}.project-header{padding:28px 20px 24px;gap:22px}.project-header h1{font-size:30px;gap:12px}.project-header p{font-size:17px;line-height:1.6;margin-top:16px}.eyebrow{font-size:12px}.header-actions{width:100%;display:grid;grid-template-columns:1fr}.header-actions>.button{width:100%;min-height:50px;font-size:16px;white-space:normal}.workflow{margin:0 20px;padding-bottom:20px}.role-switch{gap:3px;padding:4px}.role-switch button{flex-direction:column;font-size:13px;padding:10px 6px;gap:6px;line-height:1.4}.step-number{width:24px;height:24px}.work-status{margin:0 20px;gap:7px;padding:12px 0;font-size:13px}.work-status>span{max-width:64%;line-height:1.5}.work-status>button{font-size:13px;padding:6px;gap:5px}.review-area{padding:0 12px;gap:24px}.canvas-toolbar{padding:18px 16px;gap:12px}.canvas-title{width:100%;font-size:20px}.canvas-toolbar>.toolbar-spacer{display:none}.canvas-toolbar>.button{flex:1;font-size:15px;min-width:0;white-space:normal;min-height:52px;padding:10px}.view-options{padding-top:9px}.view-options summary{font-size:14px;min-height:44px}.view-options-content{gap:14px}.canvas-viewport{padding:14px 10px 0}.document-top{font-size:12px;gap:8px}.document-top>span:last-child{font-size:11px}.figma-surface{height:62dvh;min-height:360px}.canvas-bottom{min-height:72px;gap:5px}.canvas-bottom>span{font-size:12px;line-height:1.5;max-width:58%}.canvas-bottom>div{gap:0;font-size:13px}.source-footer{padding:14px;font-size:13px;gap:7px}.source-footer a,.source-footer strong{font-size:13px}.feedback-header{padding:22px 20px 16px}.feedback-header h2{font-size:26px}.feedback-tabs{padding:0 10px}.feedback-tabs button{font-size:15px;min-height:54px;gap:6px}.visibility{padding:16px 20px;font-size:14px}.note-controls{padding:18px 20px 8px}.notes-scroll{padding:0 20px 12px;max-height:500px}.empty{padding:28px 4px}.empty p{font-size:16px}.compose{margin:10px 20px 22px;padding:16px}.compose-top{font-size:17px;gap:6px}.compose-top button{font-size:14px}.compose textarea{font-size:17px;min-height:150px}.compose-bottom{flex-direction:column;align-items:stretch}.send-note{margin:0;min-height:50px;font-size:15px}.summary-card{margin:0 20px 22px}.preview-empty{padding:28px 18px;gap:14px}.preview-empty h3{font-size:24px}.preview-empty .button,.preview-empty p{font-size:16px}.client-notice,.network-banner{margin-left:12px;margin-right:12px;flex-wrap:wrap;font-size:15px}.app-footer{padding:26px 20px;font-size:12px}.modal-backdrop{padding:12px}.modal{padding:36px 22px 26px;border-radius:13px}.modal h2{font-size:27px}.modal p{font-size:17px}.modal .button{white-space:normal}.modal-note{font-size:15px;padding:15px}.toast{font-size:15px;padding:16px 18px;width:calc(100% - 28px);max-width:550px;bottom:14px}.focus-mode .figma-surface{height:70dvh}.connection-row .button{width:100%}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.client-view .app-footer,.client-view .client-notice,.client-view .project-header,.client-view .sidebar,.client-view .topbar,.client-view .work-status,.client-view .workflow{display:none}.client-view main{margin:0}.client-header{display:flex;align-items:center;gap:30px;padding:28px 36px;border-bottom:1px solid var(--line);background:#fff}.client-header>img{width:170px;flex-shrink:0}.client-header>div{flex:1}.client-header>div>span{font-size:12px;font-weight:700;letter-spacing:1.5px;color:var(--muted)}.client-header h1{font-size:30px;margin-top:7px}.client-header p{font-size:14px;color:var(--muted);margin:9px 0 0}.client-project{font-size:13px;color:var(--muted)}.client-project select{display:block;max-width:250px;min-height:48px;margin-top:5px;border:1px solid #b5c8bc;border-radius:8px;background:white;color:var(--ink);padding:10px;font-size:16px}.client-exit{display:flex;align-items:center;gap:7px;min-height:44px;font-size:14px;color:#225e3a}.client-view .review-area{padding:28px 28px 40px;grid-template-columns:minmax(0,1fr) 380px;gap:24px}.client-view .canvas-toolbar{padding:22px;gap:12px}.client-howto{width:100%;margin-bottom:4px}.client-howto strong{display:block;font-size:22px;line-height:1.4}.client-howto span{display:block;font-size:16px;color:var(--muted);margin-top:7px}.client-view .canvas-toolbar>.button{flex:none}.client-view .document-top{display:none}.client-view .canvas-viewport{padding:16px 16px 0}.client-view .figma-surface{height:76dvh;min-height:500px}.client-view .image-document{cursor:crosshair;touch-action:pan-y}.client-view .image-document>img{user-select:none;-webkit-user-drag:none}.client-view .feedback-header>.panel-switch,.client-view .feedback-tabs,.client-view .note-search,.client-view .source-footer,.client-view .summary-card,.client-view .visibility{display:none}.client-view .feedback-header{padding-bottom:10px}.client-view .feedback-header h2{font-size:25px}.client-view .note-controls{padding-top:0}.client-view .notes-scroll{max-height:calc(100dvh - 325px);min-height:220px}.client-view .notes-scroll .note-head .avatar{display:none}.client-view .notes-scroll .empty{padding:34px 0}.client-view .note p{font-size:17px}.client-view .canvas-bottom>span{font-size:13px}.client-view .canvas-bottom>span>svg{display:none}.annotation-region{position:absolute;border:2px solid #b9631c;background:#f3ac411c;pointer-events:none;z-index:2;border-radius:3px}.annotation-region.drawing,.annotation-region.highlighted{border-color:#225e3a;background:#78c09133}.note-pin.highlighted{background:#225e3a;box-shadow:0 0 0 6px #78c09166}.note-pin.done-pin{background:#667c6d}.note.highlighted{border:2px solid #225e3a;box-shadow:0 0 0 3px #78c09133;scroll-margin:24px}.note-pin{scroll-margin:180px}.location-link{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:700;color:#225e3a;min-height:42px;margin-top:8px}.pending-label{color:#785021}.correction-types{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.correction-types button{padding:10px 14px;min-height:46px;border:1px solid #b4c6ba;border-radius:8px;font-size:15px}.correction-types button.active{background:#225e3a;color:#fff;border-color:#225e3a}.client-correction-input{display:block;resize:vertical;width:100%;min-height:150px;padding:16px;border:1px solid #9eb7a7;border-radius:9px;background:white;color:var(--ink);font-size:18px;line-height:1.6}.replacement-input{min-height:110px;margin-top:10px}.optional{font-size:14px;font-weight:400;color:var(--muted)}.modal p.correction-context{font-size:14px;margin-top:16px}.correction-cancel{width:100%;min-height:48px;margin-top:10px;color:#3d5847;font-size:16px}.client-mobile-action,.client-view.focus-mode .feedback{display:none}.client-view.focus-mode .review-area{grid-template-columns:minmax(0,1fr)}.client-view.focus-mode .client-header{display:none}.client-view.focus-mode .figma-surface{height:82dvh}.client-view .network-banner{margin-top:20px}@media(max-width:1100px){.client-header{gap:22px;padding:24px}.client-header>img{width:140px}.client-header h1{font-size:27px}.client-exit{font-size:13px}.client-view .review-area{grid-template-columns:minmax(0,1fr) 335px;padding:20px;gap:18px}.client-view .canvas-toolbar>.button{flex:1}.client-view .canvas-toolbar{padding:18px}.client-howto strong{font-size:21px}.client-project{display:none}.client-view .compose-bottom{flex-direction:column}}@media(max-width:800px){.client-header{flex-wrap:wrap;gap:18px;padding:22px 20px}.client-header>img{width:138px}.client-header>div{order:3;flex-basis:100%}.client-header h1{font-size:29px}.client-exit{margin-left:auto}.client-view .review-area{grid-template-columns:minmax(0,1fr);padding:16px 12px 96px}.client-howto strong{font-size:21px}.client-howto span{font-size:16px;line-height:1.6}.client-view .figma-surface{height:65dvh;min-height:360px}.client-view .canvas-viewport{padding:10px 10px 0}.client-view .canvas-toolbar>.button{min-height:50px;font-size:15px}.client-view .notes-scroll{max-height:650px;min-height:160px}.client-view .client-mobile-action{display:flex;position:fixed;bottom:0;left:0;right:0;justify-content:center;padding:12px 18px;background:#ffffffed;border-top:1px solid var(--line);z-index:12;backdrop-filter:blur(8px)}.client-mobile-action .button{width:100%;max-width:500px}.client-view .canvas-bottom>span{max-width:54%;font-size:12px}.client-view.focus-mode .client-mobile-action{display:none}.client-view.focus-mode .review-area{padding-bottom:20px}}.client-count{display:inline-flex;justify-content:center;background:#dceee2;border-radius:5px;min-width:22px;padding:0 5px;color:#225e3a}.client-count,.inbox-sync{align-items:center;font-size:12px}.inbox-sync{display:flex;justify-content:space-between;gap:10px;color:var(--muted);margin-bottom:12px}.inbox-sync button{display:flex;align-items:center;gap:6px;min-height:40px;font-size:13px;color:#225e3a}.version-filter{display:block;font-size:14px;color:var(--muted);margin-bottom:16px}.version-filter select{display:block;min-height:46px;background:#fff;border:1px solid #b9c7be;border-radius:8px;color:var(--ink);width:100%;margin-top:7px;padding:9px 10px;font-size:15px}.moderation-badge{display:inline-block;margin-top:14px;border-radius:5px;padding:4px 9px;background:#fff3da;color:#785021;font-size:13px;font-weight:600}.moderation-badge.kept{background:#e9f5ec;color:#225e3a}.moderation-badge.edited{background:#eef1ff;color:#374b8b}.moderation-badge.archived{background:#f0f0f0;color:#555e59}.note-version{display:flex;align-items:flex-start;gap:7px;min-height:40px;padding:8px 0 0;text-align:left;font-size:13px;color:#56635b;line-height:1.55}.note-version svg{margin-top:3px}.moderation-by{display:block;font-size:12px;line-height:1.6;color:var(--muted);margin-top:12px}.moderation-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;border-top:1px solid var(--line);padding-top:14px;margin-top:18px}.moderation-actions button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;border:1px solid #bfcdc3;border-radius:7px;padding:8px 10px;font-size:14px;color:#225e3a;background:white}.moderation-actions button:hover{background:#f0f7f2}.moderation-actions .retire-action{color:#934832;border-color:#d6bdb2}.original-request{font-size:14px;color:#47574c;border:1px solid var(--line);border-radius:7px;padding:12px;background:#fafcfb}.original-request summary{cursor:pointer;min-height:30px;font-weight:600}.original-request p{font-size:15px;white-space:pre-wrap;line-height:1.65;margin-bottom:0}.note.archived-note{background:#f8f9f8;border-style:dashed}.decision-current{padding:18px;background:#f7faf8;border:1px solid var(--line);border-radius:9px;font-size:15px}.decision-current p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;margin:12px 0 0;color:var(--ink)}.decision-reason{min-height:100px;margin-top:10px;font-size:16px}.audit-timeline{list-style:none;margin:26px 0 0;padding:0 0 0 20px;border-left:2px solid #bfd8c7}.audit-timeline li{position:relative;margin-bottom:24px;border-bottom:1px solid var(--line);padding-bottom:22px}.audit-timeline li:before{content:"";position:absolute;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#225e3a;left:-26px;top:5px}.audit-timeline li>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.audit-timeline li>div:first-child>span,.audit-timeline small{font-size:13px;color:var(--muted)}.audit-timeline small{display:block;margin-top:7px;line-height:1.6}.audit-timeline li>p{font-size:16px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);margin:15px 0 0}.audit-reason{background:#f4f7f5;border-radius:7px;padding:14px;margin-top:15px;font-size:14px}.audit-reason p{font-size:15px;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0}.feedback-tabs button{flex-wrap:wrap}.client-view .moderation-badge,.client-view .note-head small{font-size:13px}.feedback-tabs button{flex-wrap:nowrap;white-space:nowrap}.native-client{min-height:100dvh;background:#fff}.native-client-intro{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:28px 36px;border-bottom:1px solid var(--line);background:#f7faf8}.native-client-intro h2{font-size:25px;line-height:1.35;max-width:38ch}.native-client-intro p{font-size:17px;color:var(--muted);margin:12px 0 0;line-height:1.7}.native-client-intro kbd{display:inline-flex;align-items:center;justify-content:center;min-width:30px;padding:0 7px;border:1px solid #afc3b6;border-radius:5px;background:#fff;color:#225e3a;font:700 16px/1.8 Arial}.native-client-intro>.button{min-height:56px;max-width:390px;white-space:normal;flex-shrink:0}.native-review-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:24px;padding:28px}.native-comments,.native-document{border:1px solid var(--line);border-radius:13px;background:white;overflow:hidden;min-width:0}.native-document-title{display:flex;align-items:center;gap:10px;padding:18px 20px;font-size:17px;flex-wrap:wrap}.native-document-title a{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:14px;min-height:40px;color:#225e3a}.native-document>iframe{display:block;width:100%;height:76dvh;min-height:470px;border:0;border-top:1px solid var(--line);background:#f7faf8}.native-document>p{font-size:14px;padding:16px 20px;line-height:1.65;color:var(--muted);margin:0;border-top:1px solid var(--line)}.native-comments{padding:24px}.native-comments h2{font-size:25px}.native-comments>p{font-size:16px;line-height:1.6;color:var(--muted);margin:16px 0}.native-comments>.button{width:100%;font-size:15px;white-space:normal}.native-comments .note-head{justify-content:space-between;flex-wrap:wrap}.native-comments .note-head small{font-size:12px;color:var(--muted)}.native-comments .note p{font-size:16px}.native-comments .reply p{margin:8px 0}.native-client-footer{padding:0 28px 28px;text-align:center;font-size:14px;color:var(--muted)}.source-badge{display:flex;align-items:center;gap:7px;width:fit-content;flex-wrap:wrap;background:#eef5ff;color:#294e7b;font-weight:600}.local-badge,.source-badge{padding:7px 9px;border-radius:6px;font-size:12px;margin-top:14px}.local-badge{background:#fff6e9;color:#7e5526}.native-thread-actions{display:flex;flex-direction:column;gap:10px;margin:18px 0}.native-thread-actions .button{font-size:14px;white-space:normal}.native-thread-actions small{font-size:13px;line-height:1.6;color:var(--muted)}.native-decision-warning{padding:16px;margin-top:18px;background:#fff6e9;color:#775021;border:1px solid #e7d8bc;border-radius:8px;font-size:15px;line-height:1.65}.native-tip{font-size:14px!important}.figma-import>.button{margin-bottom:14px;width:100%;white-space:normal}.native-source-notice{padding:16px;border:1px solid #bfd8c7;background:#f4faf6;border-radius:8px;font-size:14px;line-height:1.6;margin-bottom:18px}.native-source-notice strong{display:block;color:#225e3a}.native-source-notice button{display:inline-flex;gap:6px;align-items:center;min-height:44px;color:#225e3a;font-size:14px;font-weight:600;padding:7px 0}@media(max-width:1100px){.native-client-intro{padding:26px;align-items:flex-start;flex-direction:column}.native-client-intro>.button{max-width:none}.native-review-grid{grid-template-columns:minmax(0,1fr) 335px;gap:18px;padding:20px}.native-comments{padding:20px}.native-client .client-project{display:none}}@media(max-width:800px){.native-client-intro{padding:24px 20px;gap:20px}.native-client-intro h2{font-size:24px}.native-client-intro>.button{width:100%;font-size:17px;padding:15px;min-height:60px}.native-review-grid{grid-template-columns:minmax(0,1fr);padding:16px 12px 24px;gap:22px}.native-document-title{padding:16px;font-size:16px;gap:8px}.native-document-title>a{font-size:13px}.native-document>iframe{height:67dvh;min-height:390px}.native-comments{padding:24px 20px}.native-client-footer{padding:0 20px 28px}.native-client .client-header>div{order:3;flex-basis:100%}.native-client .client-header{flex-wrap:wrap;gap:20px}.native-client .client-header>img{width:150px}.native-client .client-exit{margin-left:auto}}.direct-canvas{height:74dvh;min-height:470px;border-top:1px solid var(--line);background:#f6f8f6;overflow:hidden}.direct-canvas .image-document{position:relative;cursor:crosshair;touch-action:pan-y}.direct-canvas .image-document>img{user-select:none;-webkit-user-drag:none}.direct-zoom{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:14px}.direct-zoom button{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:44px}.delivery-badge{display:inline-block;padding:5px 9px;font-size:13px;font-weight:600;line-height:1.5;border-radius:6px;background:#fff2d8;color:#78501c}.delivery-badge.synced{background:#e7f4eb;color:#225e3a}.delivery-badge.failed,.delivery-badge.uncertain{background:#fff0e9;color:#8a4227}.delivery-status{margin-top:14px}.delivery-status>p{font-size:13px;line-height:1.6;margin:10px 0}.publication-pending{border:1px solid #e7d9b9;background:#fff8e8;color:#73501e;padding:15px;border-radius:8px;font-size:14px;line-height:1.65;margin:20px 0}.direct-connection{border:1px solid #b9d3c2;background:#f9fcfa;border-radius:12px;padding:22px;margin:24px 0}.direct-connection h3{font-size:22px;line-height:1.3;margin-bottom:12px}.direct-connection .smallprint{overflow-wrap:anywhere}.direct-client .native-client-intro>.button{min-width:270px}.direct-client .native-comments .notes-scroll{max-height:75dvh}.direct-client .native-comments .note{scroll-margin:30px}@media(max-width:800px){.direct-canvas{height:65dvh;min-height:380px}.direct-client .native-client-intro>.button{min-width:0;width:100%}.direct-connection{padding:18px}.direct-zoom{gap:3px}}.new-version-notice{margin:20px 28px 0;padding:15px 18px;border:1px solid #b8d7c2;border-radius:9px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:#f0f8f2;font-size:16px}.new-version-notice button{display:flex;align-items:center;gap:8px;min-height:44px;color:#225e3a;font-weight:600}.direct-page-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.direct-page-actions .button{min-height:44px;font-size:14px;padding:9px 12px}.direct-page-actions+.direct-zoom{margin-left:0}.client-page-mode{position:fixed;inset:0;z-index:30;height:100dvh;min-height:0;overflow:hidden;background:white}.client-page-mode .native-comments,.client-page-mode .native-document>p,.client-page-mode>.client-header,.client-page-mode>.native-client-intro,.client-page-mode>.new-version-notice{display:none}.client-page-mode .native-document{height:100%;border:0;border-radius:0;display:flex;flex-direction:column}.client-page-mode .native-document-title{flex-shrink:0;padding:10px 18px;background:white}.client-page-mode .direct-canvas{flex:1}.client-page-mode .snapshot-scroll{height:100%;max-height:none}.client-page-mode .modal-backdrop{z-index:50}@media(max-width:800px){.direct-page-actions{margin-left:0;flex:1;justify-content:flex-end}.direct-page-actions .button{font-size:13px;padding:8px}.client-page-mode .native-document-title{gap:7px;padding:8px}.client-page-mode .native-document-title>strong{flex:1;font-size:14px}.client-page-mode .direct-page-actions{flex:none}.client-page-mode .direct-zoom{width:100%;justify-content:center}.client-page-mode .direct-page-actions .button{font-size:12px}}.client-finish{padding:18px;border:1px solid #b9d3c2;border-radius:10px;background:#f4faf6;margin:20px 0}.client-finish p{font-size:15px;line-height:1.6;margin:9px 0;color:#3c5846}.client-finish>div>svg{color:#225e3a;margin-bottom:10px}.client-finish strong{display:block;font-size:16px;line-height:1.5}.client-finish .full{width:100%;white-space:normal;font-size:15px;line-height:1.5;margin-top:12px}.client-finish .handoff-new{font-weight:700;color:#8a4f16}.handoff-status{display:inline-flex;width:fit-content;font-size:13px;font-weight:700;border-radius:6px;padding:6px 9px;background:#fff1d8;color:#76501b}.handoff-status.accepted{background:#e5f3e9;color:#225e3a}.handoff-inbox-banner{margin:0 32px 22px;padding:20px;border:1px solid #d5b67e;background:#fff9ef;border-radius:12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.handoff-inbox-banner>div{flex:1;min-width:230px}.handoff-inbox-banner span,.handoff-inbox-banner strong{display:block}.handoff-inbox-banner span{font-size:14px;color:var(--muted);margin-top:6px}.handoff-inbox-banner button{display:flex;align-items:center;gap:12px;border:1px solid #dec8a3;background:white;border-radius:8px;padding:12px;min-height:44px;font-size:14px}.handoff-inbox-banner b,.project-inbox-count{background:#b56a13;color:white;border-radius:20px;min-width:23px;text-align:center;padding:3px 6px;font-size:12px}.received-reviews{margin:0 32px 24px;scroll-margin:20px}.received-reviews h2{font-size:21px;margin:0 0 14px}.received-reviews>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;max-height:350px;overflow:auto}.received-reviews article{border:1px solid var(--line);background:white;border-radius:10px;padding:18px;display:flex;align-items:flex-start;flex-direction:column;gap:11px}.received-reviews small{color:var(--muted);font-size:13px;line-height:1.6}.received-reviews .button{font-size:14px;min-height:44px}.handoff-snapshot{padding-left:24px;max-height:38dvh;overflow:auto;margin:20px 0}.handoff-snapshot li{padding:12px 4px;border-bottom:1px solid var(--line)}.handoff-snapshot p{white-space:pre-wrap;font-size:16px;margin:10px 0}.handoff-snapshot small{color:var(--muted);font-size:13px}.client-page-mode .direct-page-actions{flex-wrap:wrap}@media(max-width:800px){.handoff-inbox-banner,.received-reviews{margin:0 16px 20px}.handoff-inbox-banner{align-items:stretch;flex-direction:column}.received-reviews>div{grid-template-columns:1fr}.client-page-mode .direct-page-actions{flex:1 1 auto;justify-content:flex-end}}.review-workbench{--preview-toolbar-height:76px;padding-top:var(--preview-toolbar-height)}.view-preview-toolbar{position:fixed;top:0;left:0;right:0;z-index:40;height:var(--preview-toolbar-height);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 28px;background:#eef6f0;border-bottom:1px solid #a9c7b3;box-shadow:0 2px 12px #17251c0b}.view-preview-title{display:flex;align-items:center;gap:12px;color:#225e3a}.view-preview-title strong{display:block;font-size:16px}.view-preview-title small{display:block;font-size:12px;color:#56635b;margin-top:2px}.view-preview-buttons{display:flex;gap:6px;background:white;border:1px solid #c5d7ca;border-radius:10px;padding:4px}.view-preview-buttons button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 18px;border-radius:7px;font-size:15px;font-weight:600;white-space:nowrap}.view-preview-buttons button[aria-pressed=true]{background:#225e3a;color:white}.view-preview-buttons button:not([aria-pressed=true]):hover{background:#edf6ef}.review-workbench>.app-shell{min-height:calc(100dvh - var(--preview-toolbar-height))}.review-workbench .sidebar{top:var(--preview-toolbar-height)}.review-workbench .client-page-mode{top:var(--preview-toolbar-height);height:calc(100dvh - var(--preview-toolbar-height))}.workflow-stage{font-size:16px;color:#225e3a}.review-workbench .native-client{min-height:calc(100dvh - var(--preview-toolbar-height))}.review-workbench .native-client.client-page-mode{min-height:0}@media(max-width:800px){.review-workbench{--preview-toolbar-height:112px}.view-preview-toolbar{flex-direction:column;justify-content:center;align-items:stretch;padding:8px 12px;gap:6px}.view-preview-title{justify-content:center;gap:7px}.view-preview-title strong{font-size:12px}.view-preview-title small{display:none}.view-preview-title>svg{width:15px;height:15px}.view-preview-buttons{width:100%}.view-preview-buttons button{flex:1;padding:8px 4px;font-size:13px;gap:5px}.view-preview-buttons button svg{width:15px;height:15px}.review-workbench .sidebar{top:auto}}.catalog-project-label{font-size:12px;color:var(--muted);display:block;margin:0 8px 8px}.catalog-project-label select{display:block;width:100%;padding:11px 8px;min-height:46px;border:1px solid #b5c8bc;background:white;color:var(--ink);border-radius:7px;font-size:14px;margin-top:5px}.catalog-add{display:flex;align-items:center;gap:7px;font-size:13px;line-height:1.5;color:#225e3a;text-align:left;padding:10px 8px;min-height:44px;width:100%}.account-version-toolbar{margin:0 32px 24px;padding:20px;border:1px solid #b9d3c2;border-radius:12px;background:#f4faf6;display:flex;gap:18px;align-items:center;flex-wrap:wrap}.account-version-toolbar label{font-size:13px;font-weight:700;flex:1;min-width:220px}.account-version-toolbar select{display:block;max-width:100%;width:100%;font-size:15px;padding:12px;background:white;border:1px solid #b9cdbf;border-radius:7px;margin-top:7px;color:var(--ink)}.account-version-toolbar>div{max-width:270px}.account-version-toolbar strong{display:block;font-size:14px;line-height:1.5}.account-version-toolbar small{display:block;color:var(--muted);font-size:12px;margin-top:6px}.account-version-toolbar>.text-link{flex-basis:100%;font-size:13px}.empty-project{margin:0 32px 24px;padding:30px;border:1px dashed #b5c8bc;border-radius:12px;background:#f9fcfa}.empty-project h2{margin:14px 0}.empty-project p{font-size:17px;color:var(--muted)}.account-version-toolbar .button{font-size:14px;white-space:normal}.client-header{flex-wrap:wrap}.native-client .client-project{display:block}.native-client .client-project select{max-width:230px}@media(max-width:800px){.catalog-project-label{margin-top:10px}.account-version-toolbar{margin:0 16px 20px;padding:16px;flex-direction:column;align-items:stretch}.account-version-toolbar>div{max-width:none}.empty-project{margin:0 16px 20px;padding:22px}.native-client .client-project{flex:1;min-width:140px}.native-client .client-project select{width:100%;max-width:none}}.empty-catalog-project .project-header .header-actions,.empty-catalog-project .review-area,.empty-catalog-project .work-status,.empty-catalog-project .workflow{display:none}.portal-login{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;background:#faf9fc;gap:50px}.portal-login>img{width:210px}.portal-login>div{width:min(460px,100%);background:white;padding:40px;border-radius:22px;box-shadow:0 15px 70px #3320400a}.portal-home h1,.portal-login h1{font-size:clamp(32px,4vw,52px);line-height:1.12;letter-spacing:-2px;margin:14px 0 24px}.portal-login p{line-height:1.6;color:#655c70;margin-bottom:28px}.portal-login small{display:block;margin-top:22px;color:#756c7f;line-height:1.6}.portal-kicker{font-size:12px;letter-spacing:2px;font-weight:700;color:#82619d}.portal-home{min-height:100vh;background:#faf9fc}.portal-home>header{background:white;border-bottom:1px solid #ece8f0;padding:25px 5vw;display:flex;align-items:center;justify-content:space-between;gap:20px}.portal-home>header img{width:180px}.portal-home>header>div{display:flex;gap:20px;align-items:center}.portal-home button{cursor:pointer}.portal-back,.portal-home header button{border:none;background:transparent;color:#77558d;font-weight:600}.portal-home main{max-width:1200px;padding:55px 32px;margin:auto}.portal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px;margin:35px 0}.portal-card{border:1px solid #e8e2ed;background:white;border-radius:18px;min-height:220px;padding:24px;text-align:left;color:#292131;text-decoration:none;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:18px;box-shadow:0 8px 30px #22112d03;transition:transform .2s}.portal-card:hover{transform:translateY(-4px);border-color:#a88abb}.portal-card strong{font-size:21px}.portal-card>span:last-child{font-size:13px;color:#82718d}.client-card{align-items:center;text-align:center;min-height:260px}.brico-client{background:#e92027;color:white;font-size:48px;font-weight:800;letter-spacing:-3px;padding:15px 30px;border-radius:3px}.client-monogram{width:90px;height:90px;border-radius:20px;background:#f3edf7;color:#79598e;display:grid;place-items:center;font-size:35px;font-weight:600}.client-card img{max-width:180px;height:100px;object-fit:contain}.project-mark{font-size:55px;color:#b392c6}.board-card img{height:240px;width:100%;object-fit:cover;object-position:top;border-radius:8px}.empty-preview{display:grid;place-items:center;background:#f3eff7;width:100%;height:170px;color:#8e7b9b}.portal-home footer,.portal-login footer{padding:32px;text-align:center;font-size:11px;color:#96899e}.portal-admin{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:40px}.portal-admin label{display:grid;gap:8px;margin-bottom:20px;font-size:14px}.portal-admin input,.portal-admin select,.portal-admin textarea,.portal-create input{width:100%;border:1px solid #dcd3e3;border-radius:8px;padding:12px;background:white}.portal-admin .grant{display:flex;align-items:center;gap:10px;margin:8px 0}.grant input{width:auto}.portal-admin fieldset{padding:20px;margin:20px 0;border:1px solid #e5dfe9;border-radius:8px}.portal-member{padding:20px 0;border-bottom:1px solid #e8e2ed;display:grid;gap:8px;font-size:14px}.portal-member button{justify-self:start;border:0;background:transparent;color:#9e4368;padding:0}.invite-result{background:#f1eaf6;padding:20px;margin-top:25px;border-radius:12px}.invite-result textarea{height:90px}.portal-create{display:flex;gap:12px;margin-top:40px;max-width:650px}.portal-return{display:flex;gap:20px;align-items:center;background:#faf8fc;padding:10px 25px;border-bottom:1px solid #e7dfea;font-size:13px}.portal-return a{color:#78528e;text-decoration:none}.portal-loading{padding:80px;text-align:center;color:#8c6c9e}@media(max-width:700px){.portal-home>header{align-items:flex-start}.portal-home>header>div{flex-direction:column;align-items:flex-end;gap:10px;font-size:12px}.portal-home>header img{width:130px}.portal-admin{grid-template-columns:1fr;gap:30px}.portal-home main{padding:35px 20px}.portal-grid{grid-template-columns:1fr}.portal-login>div{padding:28px}.portal-create{flex-direction:column}}.portal-board-entry{min-width:0;display:flex;flex-direction:column;gap:12px}.portal-board-entry .portal-card{flex:1}.board-visibility{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;font-size:13px;padding:10px 4px}.board-visibility span{font-weight:600}.board-visibility .visible{color:#245c40}.board-visibility .hidden{color:#796a84}.board-visibility button{border:1px solid #ddd4e6;border-radius:8px;background:white;color:#76538c;padding:10px 12px;min-height:42px;font:inherit}.board-visibility button:disabled{opacity:.5;cursor:default}.visibility-toolbar{margin:0 32px 20px;background:#faf8fc;border:1px solid #e8e0ed;border-radius:10px;padding:12px 16px;display:flex;gap:15px;align-items:center;justify-content:space-between;font-size:14px}.visibility-toolbar button{border:1px solid #d8cce1;background:white;border-radius:7px;padding:10px 14px;color:#76538c}.visibility-toolbar small{display:block;color:#7b7281;margin-top:4px}@media(max-width:700px){.visibility-toolbar{margin:0 16px 16px;flex-wrap:wrap}}.board-visibility .client-access-switch,.visibility-toolbar .client-access-switch{display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;min-height:44px;border:1px solid #e6dfea;border-radius:24px;background:#fff;padding:10px 14px;font:inherit;font-weight:600;cursor:pointer;color:#34413b;transition:box-shadow .15s,border-color .15s}.client-access-dot{display:block;width:19px;height:19px;border-radius:50%;flex:0 0 19px;box-shadow:inset 0 0 0 1px #0001,0 0 0 4px #d3364012;background:#d33640}.access-open .client-access-dot{background:#238646;box-shadow:inset 0 0 0 1px #0001,0 0 0 4px #23864614}.client-access-switch:hover:not(:disabled){border-color:#a88abb;box-shadow:0 2px 8px #3313440c}.client-access-switch:focus-visible{outline:3px solid #946bb3;outline-offset:3px}.board-visibility .client-access-switch:disabled,.visibility-toolbar .client-access-switch:disabled{cursor:wait;opacity:.65}.board-visibility{justify-content:flex-start;padding:0 4px}.review-workbench{--preview-toolbar-height:0px;padding-top:0}.review-workbench .sidebar{top:0}.view-preview-popover{position:fixed;bottom:18px;left:18px;z-index:70}.view-preview-menu button,.view-preview-trigger{display:flex;align-items:center;gap:9px;min-height:44px;padding:10px 14px;border:1px solid #d6e2da;border-radius:10px;background:#fff;color:#245c40;font:600 14px/1.3 inherit}.view-preview-trigger{box-shadow:0 5px 24px #182b2120}.view-preview-menu{position:absolute;bottom:54px;left:0;padding:8px;background:white;border:1px solid #d9e3dd;border-radius:13px;box-shadow:0 10px 35px #17291c26;min-width:215px;display:grid;gap:5px}.view-preview-menu button{border:0;width:100%;text-align:left}.view-preview-menu button[aria-pressed=true]{background:#e9f4ec}.client-floating-menu{position:fixed;right:24px;top:16px;z-index:45;width:332px;max-width:calc(100vw - 32px)}.client-menu-trigger{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;min-height:54px;background:white;border:1px solid #d9e3dd;border-radius:12px;box-shadow:0 5px 25px #17291c14}.client-menu-trigger img{width:82px;height:auto}.client-menu-trigger>span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;text-align:left}.client-menu-panel{margin-top:8px;background:white;padding:18px;border:1px solid #d9e3dd;border-radius:12px;box-shadow:0 12px 35px #17291c20;display:grid;gap:15px}.client-menu-panel label{font-size:12px;font-weight:600;color:#55635a;display:grid;gap:6px}.client-menu-panel select{width:100%;min-height:44px;padding:10px;border:1px solid #bccfc2;border-radius:7px;background:white;color:#26372c;font:inherit;font-size:14px}.client-menu-panel button{display:flex;align-items:center;gap:8px;min-height:40px;color:#245c40;font-size:14px;text-align:left}.client-menu-panel .client-exit{margin:0}.direct-client .native-review-grid{padding:16px;gap:18px;grid-template-columns:minmax(0,1fr) 350px}.direct-client .native-comments{margin-top:72px;padding:16px}.direct-client .native-document-title{padding:10px 14px;min-height:62px;gap:10px}.direct-client .native-document-title>strong{font-size:14px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.direct-client .direct-page-actions .button{font-size:13px;padding:8px 10px}.direct-client .direct-canvas{height:calc(100dvh - 100px);min-height:400px}.direct-client .client-finish{border:0;background:transparent;padding:0;margin:0 0 18px}.direct-client .client-finish .full{margin-top:0}.correction-tag{display:inline-block;align-self:flex-start;padding:4px 9px;border-radius:5px;font-size:12px;font-weight:700;line-height:1.3}.tag-text{background:#fff0ad;color:#685300}.tag-image{background:#dcecff;color:#245481}.tag-layout{background:#ede0fa;color:#6b418b}.tag-other{background:#e4f0e8;color:#336047}.correction-message>p{white-space:pre-wrap}.client-page-mode .native-review-grid{display:block;padding:0;height:100%}.client-page-mode .direct-canvas{height:auto;min-height:0}.client-page-mode .client-floating-menu{display:none}@media(max-width:1000px){.direct-client .native-review-grid{grid-template-columns:minmax(0,1fr) 300px}.client-floating-menu{right:16px;width:284px}.direct-client .native-document-title{flex-wrap:wrap}.direct-client .direct-page-actions{flex-wrap:wrap;justify-content:flex-start}}@media(max-width:800px){.direct-client .native-review-grid{display:block;padding:74px 10px 80px}.client-floating-menu{top:10px;right:10px;width:calc(100vw - 20px);max-width:none}.client-menu-panel{max-height:70dvh;overflow:auto}.client-menu-trigger{padding:9px 12px;min-height:48px}.direct-client .native-comments{margin-top:18px;padding:14px}.direct-client .direct-canvas{height:65dvh}.view-preview-popover{bottom:12px;left:12px}.client-page-mode .native-review-grid{padding:0}.client-page-mode .direct-canvas{height:auto}.direct-client .native-document-title>strong{max-width:140px}.direct-client .direct-page-actions{flex:auto}}.demo-views-floating{position:fixed;left:18px;bottom:18px;z-index:100;display:flex;align-items:center;gap:4px;padding:6px;background:#fffffff5;border:1px solid #cbd9d0;border-radius:14px;box-shadow:0 5px 25px #17291c26;backdrop-filter:blur(10px)}.demo-views-floating button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 12px;border:0;border-radius:9px;background:transparent;color:#385443;font:600 13px/1.3 Arial,sans-serif;cursor:pointer}.demo-views-floating button[aria-pressed=true]{background:#245c40;color:white}.demo-views-floating button:hover:not([aria-pressed=true]){background:#edf5ef}.demo-views-floating .demo-overview{border-right:1px solid #dce6df;border-radius:9px 0 0 9px;margin-right:3px}.client-page-locked{cursor:not-allowed;background:#f6f6f6;box-shadow:none}.client-page-locked:hover{transform:none;border-color:#e8e2ed}.client-page-locked img{opacity:.4;filter:grayscale(.65)}.client-page-locked>span:last-child{color:#b12c38;font-weight:700}@media(max-width:650px){.demo-views-floating{left:8px;right:8px;bottom:8px;justify-content:space-between;gap:2px;padding:5px}.demo-views-floating button{padding:8px 6px;font-size:11px;gap:4px;flex:1}.demo-views-floating .demo-overview{max-width:30%;margin-right:0}.demo-views-floating svg{width:15px;flex-shrink:0}}