:root{--brand-charcoal:#333333;--brand-ink:#28282a;--brand-accent:#f78d10;--page-bg:#f6f5f3}@font-face{font-family:DocumentSans;src:url(/work/DejaVuSans.ttf) format("truetype");font-display:swap}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--brand-ink);background:var(--page-bg);font-size:16px;line-height:1.5}button,input,textarea,select{font:inherit}button{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:42px;border:1px solid #d8d4cc;background:#fff;color:var(--brand-ink);padding:9px 14px;border-radius:7px;cursor:pointer;transition:background .15s}button:hover{background:#f4f0e9}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #b86300;outline-offset:3px}.primary{background:var(--brand-accent);color:#fff;border-color:var(--brand-accent)}.primary:hover{background:#df7906}.danger{color:#ae2c38}.icon{padding:7px;min-width:34px;min-height:36px}.text-button{border:0;background:transparent;padding:5px 0;min-height:34px;color:#333}.text-button:hover{background:transparent;text-decoration:underline}.full{width:100%}label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}input,textarea,select{min-width:0;padding:11px 12px;border:1px solid #d8d4cc;border-radius:6px;background:#fff;color:var(--brand-ink);width:100%;font-size:16px;line-height:1.4}textarea{resize:vertical}input[type=checkbox]{width:20px;height:20px;accent-color:var(--brand-accent)}input[type=range]{padding:8px 0;accent-color:var(--brand-accent)}h1,h2,h3,p{margin-top:0}h1{font-size:32px;line-height:1.2;letter-spacing:-.8px;margin-bottom:10px}h2{font-size:22px;line-height:1.3;margin-bottom:10px}h3{font-size:16px;line-height:1.4;margin-bottom:8px}small,.muted{font-size:14px;color:#65635e;font-weight:400}.eyebrow{font-size:12px;letter-spacing:1.8px;color:#716350;font-weight:700;display:block;margin-bottom:12px}.row{display:flex;gap:12px;align-items:center;justify-content:space-between}.compact{justify-content:flex-start;gap:7px}.wrap{flex-wrap:wrap}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hidden{display:none}.notice{background:#fff4d9;border:1px solid #e9ca7d;border-radius:7px;padding:14px 17px;margin-bottom:20px;overflow-wrap:anywhere}.notice p{margin:8px 0}.error{background:#fff0f0;border-color:#e6a3a9}.badge{display:inline-flex;width:fit-content;align-items:center;font-size:12px;line-height:1.4;padding:5px 9px;border-radius:5px;background:#eeebe5;color:#686056}.badge.synced{background:#e3f3ec;color:#226445}.badge.pending{background:#fff0ca;color:#745820}.badge.conflict,.badge.error{background:#ffe4e4;color:#a53542}.app-icon{display:flex;align-items:center;justify-content:center;width:47px;height:47px;flex-shrink:0;background:var(--brand-accent);color:#333;border-radius:10px}.auth-page{min-height:100vh;display:grid;grid-template-columns:1.02fr 1fr;background:#fff}.auth-intro{background:var(--brand-charcoal);color:#f8fafc;padding:clamp(30px,7vw,105px);display:flex;flex-direction:column;justify-content:center}.auth-intro .eyebrow{color:#adc2d7;margin-top:26px}.auth-intro h1{font-size:clamp(34px,4vw,58px);line-height:1.12;margin:16px 0 40px;letter-spacing:-1.7px}.auth-spec{display:flex;align-items:center;gap:16px;margin:12px 0;color:#d2dfec}.auth-spec svg{color:#edb654}.auth-intro p{color:#99b0c7;font-size:14px;max-width:330px;margin:40px 0 0}.auth-card{width:min(480px,100%);align-self:center;justify-self:center;padding:48px}.auth-card h2{font-size:30px;margin-bottom:25px}.auth-card form{display:flex;flex-direction:column;gap:18px}.auth-card form button{margin-top:8px}.auth-card>.text-button{margin:12px 0}.divider{border-top:1px solid #d8d4cc;text-align:center;position:relative;margin:28px 0}.divider span{background:#fff;position:relative;top:-14px;padding:0 12px;color:#708194;font-size:14px}.microsoft-mark{color:#17548b;font-size:26px;line-height:1}.auth-switch{margin-top:28px;font-size:14px}.pending-page{max-width:680px;margin:12vh auto;padding:32px}.pending-page h1{margin-top:30px}.loading{display:flex;gap:20px;align-items:center;justify-content:center;min-height:80vh}.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;background:var(--brand-charcoal);color:#ededeb;position:fixed;inset:0 auto 0 0;padding:29px 18px 0;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;font-size:15px;line-height:1.4;padding:0 6px}.side-label{font-size:11px;letter-spacing:1.4px;margin:43px 12px 12px;color:#b9b6b0}.sidebar nav{display:flex;flex-direction:column;gap:7px}.sidebar button{color:inherit;background:transparent;border:0;justify-content:flex-start}.sidebar nav button{padding:13px 12px;font-size:14px}.sidebar nav svg{width:19px}.sidebar nav button span{margin-left:auto;color:#e0cbaa}.sidebar nav button.active{background:#4b453c;color:#fff}.sidebar nav button:hover{background:#414141}.sidebar-bottom{margin-top:auto}.sync-label{display:flex;gap:9px;align-items:center;font-size:12px;margin:20px 10px 5px;color:#c9c6c0}.sidebar-bottom>button{font-size:12px;min-height:35px}.user{display:flex;gap:9px;align-items:center;border-top:1px solid #56534f;margin-top:23px;padding:22px 0}.avatar{display:flex;background:#56534f;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;flex-shrink:0}.user>div{min-width:0}.user strong{font-size:13px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:125px}.user small{font-size:11px;display:block;color:#c2bfb9}.user .icon{margin-left:auto}.workspace{margin-left:248px;width:calc(100% - 248px)}.topbar{height:72px;border-bottom:1px solid #d8d4cc;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 40px;font-size:13px;color:#68655f}.topbar>span{font-size:11px;letter-spacing:1.8px;font-weight:700}.content{padding:36px 40px 70px;max-width:1550px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:12px 0 30px}.page-heading p{color:#6c6963;margin-bottom:0}.page-heading .primary{flex-shrink:0}.section-line{display:flex;justify-content:space-between;align-items:center;color:#6c6963;font-size:13px;border-bottom:1px solid #d8d4cc;padding:0 0 16px;margin:20px 0}.section-line .checkbox{flex-direction:row;align-items:center;font-size:13px;font-weight:400}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:20px}.project-card{padding:23px;align-items:stretch;justify-content:space-between;text-align:left;flex-direction:column;gap:22px;background:#fff;border:1px solid #d8d4cc;border-radius:10px;min-height:280px}.project-card:hover{background:#fff;border-color:#cba773;box-shadow:0 7px 20px #1235550b}.project-card-top{display:flex;justify-content:space-between;color:#8c5a1c}.project-card h2{font-size:21px;margin-top:6px}.project-card p{font-size:14px;color:#6c6963;margin:0}.project-stats{display:flex;gap:19px;font-size:13px;color:#6c6963}.project-stats span{display:flex;align-items:center;gap:6px}.empty{min-height:370px;border:1px dashed #bdcbd8;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center;background:#ffffff80;color:#716b61}.empty h2{color:#333;margin-top:20px}.empty p{max-width:400px;font-size:15px}.empty-icon{border-radius:20px;background:#ede8df;padding:22px}.panel{padding:22px;background:#fff;border:1px solid #d8d4cc;border-radius:9px;margin:18px 0}.detail-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wide{grid-column:1/-1}.tabs{display:flex;border-bottom:1px solid #d8d4cc;gap:24px;margin-top:26px;margin-bottom:25px}.tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;padding:12px 2px;color:#6c6963}.tabs button.active{border-bottom-color:var(--brand-accent);color:var(--brand-accent)}.tabs span{font-size:12px;border-radius:4px;background:#ede8df;padding:2px 7px}.photo-actions{display:flex;justify-content:space-between;gap:12px;margin:22px 0}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px}.photo-card{background:#fff;border:1px solid #d8d4cc;border-radius:9px;overflow:hidden}.photo-image{position:relative;height:210px;background:#e5e2dd}.photo-open{width:100%;height:100%;border:0;padding:0;border-radius:0;background:#e9e6e1}.photo-open canvas{width:100%;height:100%;object-fit:contain}.photo-number{position:absolute;top:12px;left:12px;background:#333333db;color:#fff;padding:4px 9px;border-radius:4px;font-size:13px;pointer-events:none}.photo-select{position:absolute;right:12px;top:12px;margin:0}.photo-body{padding:17px 18px}.photo-body p{color:#6c6963;font-size:14px;margin:8px 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:42px}.photo-body .muted{font-size:12px}.photo-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-top:1px solid #e4e9ef}.photo-footer .text-button{font-size:13px}.photo-footer .icon{min-height:34px;min-width:29px;padding:4px;border:0}.image-placeholder{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:13px;padding:20px}.report-row{display:flex;gap:18px;align-items:center;background:#fff;border:1px solid #d8d4cc;border-radius:8px;margin-bottom:12px;padding:20px}.report-row>span{margin-left:auto;font-size:14px;color:#6c6963}.report-fields>p{margin:20px 0 0}.report-fields details{margin-top:20px}summary{cursor:pointer;font-weight:600;font-size:14px;margin-bottom:15px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;background:#fff;border:1px solid #d8d4cc;font-size:14px}th,td{text-align:left;padding:16px;border-bottom:1px solid #d8d4cc}th{color:#63778b;background:#f0ece5;font-size:12px}td small{display:block;margin-top:3px}.modal-backdrop{position:fixed;inset:0;background:#242322b8;z-index:20;display:flex;justify-content:center;align-items:center;padding:20px}.confirm-modal,.capture-modal{background:#fff;padding:28px;border-radius:12px;width:min(600px,100%)}.capture-modal video{width:100%;max-height:65vh;background:#333;margin-bottom:18px}.confirm-modal .row{justify-content:flex-end}.editor{min-height:100vh;background:#e5e2dd}.editor-header{height:76px;padding:14px 22px;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid #d8d4cc;gap:16px}.editor-header>div{flex:1}.editor-header strong{display:block;font-size:15px}.editor-header .muted{font-size:12px}.editor-layout{display:grid;grid-template-columns:124px minmax(0,1fr) 300px;min-height:calc(100vh - 76px)}.tool-rail{background:#f8fafc;border-right:1px solid #d8d4cc;padding:12px 8px;display:flex;flex-direction:column;gap:5px}.tool-rail button{font-size:12px;min-height:42px;border:0;background:transparent;padding:8px;justify-content:flex-start;gap:5px}.tool-rail button.active{background:var(--brand-accent);color:#fff}.tool-rail hr{width:100%;border:0;border-top:1px solid #d8d4cc}.canvas-area{padding:18px;min-width:0;display:flex;align-items:center;flex-direction:column;justify-content:center;position:sticky;top:0;height:calc(100vh - 76px)}.canvas-area canvas{max-width:100%;max-height:calc(100vh - 150px);width:auto;height:auto;object-fit:contain;box-shadow:0 8px 30px #162c442e;touch-action:none;background:#fff}.canvas-help{font-size:12px;text-align:center;color:#485e74;padding:0 5px 17px}.properties{background:#fff;border-left:1px solid #d8d4cc;padding:22px;display:flex;flex-direction:column;gap:15px;overflow-wrap:anywhere}.properties h3{margin:0}.properties hr{border:0;border-top:1px solid #d8d4cc;width:100%;margin:4px 0}.properties p{font-size:13px;margin:0}.properties label{font-size:12px}.properties input,.properties textarea,.properties select{font-size:14px;padding:9px}.properties .two-columns{gap:8px}.swatches{display:flex;gap:8px}.swatches button{min-width:28px;min-height:28px;width:28px;height:28px;padding:0;border:1px solid #aebdc9;border-radius:50%}.swatches button[aria-pressed=true]{outline:2px solid #7b510e;outline-offset:3px}.layer{display:flex;gap:2px;align-items:center;border-radius:5px}.layer.active{background:#e9f1fa}.layer>button:first-child{flex:1;font-size:12px;justify-content:flex-start;background:transparent;border:0;padding:8px 4px}.layer .icon{min-width:24px;min-height:28px;padding:3px;background:transparent;border:0}.floating-alert{position:fixed;bottom:18px;left:15%;right:15%;padding:16px;background:#fff0d0;border:1px solid #d2a845;border-radius:10px;z-index:30;display:flex;justify-content:space-between;gap:20px}.spin{animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1550px){.photo-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1050px){.sidebar{width:215px}.workspace{margin-left:215px;width:calc(100% - 215px)}.content{padding:25px}.topbar{padding:0 25px}.editor-layout{grid-template-columns:100px minmax(0,1fr) 250px}.properties{padding:15px}.auth-card{padding:32px}.user strong{max-width:90px}.photo-actions{flex-wrap:wrap}}@media(max-width:760px){.auth-page{grid-template-columns:1fr}.auth-intro{padding:28px 25px;display:block}.auth-intro .app-icon{float:left;margin-right:15px}.auth-intro .eyebrow{padding-top:13px;margin:0;font-size:10px;letter-spacing:1px}.auth-intro h1{clear:both;padding-top:25px;font-size:33px;letter-spacing:-1px;margin:0}.auth-spec,.auth-intro p{display:none}.auth-card{padding:35px 25px}.app-shell{display:block}.sidebar{position:relative;inset:auto;width:100%;padding:15px;display:grid;grid-template-columns:1fr auto;gap:15px}.brand .app-icon{width:36px;height:36px}.brand{font-size:12px;padding:0}.brand br{display:none}.brand strong{margin-left:4px}.side-label,.sidebar-bottom .sync-label,.sidebar-bottom>button,.avatar,.user div{display:none}.sidebar nav{grid-column:1/-1;grid-row:2;flex-direction:row;gap:8px}.sidebar nav button{font-size:12px;padding:8px 12px;min-height:36px}.sidebar-bottom{grid-column:2;grid-row:1;margin:0}.user{margin:0;padding:0;border:0}.workspace{width:100%;margin:0}.topbar{height:49px;padding:0 20px}.topbar>span{font-size:9px}.topbar .row{font-size:11px}.content{padding:23px 18px 50px}.page-heading{align-items:flex-start;flex-direction:column;margin:5px 0 23px;gap:15px}.page-heading .primary{width:100%}h1{font-size:28px}.page-heading p{font-size:14px}.eyebrow{font-size:10px}.project-grid{grid-template-columns:1fr}.project-card{min-height:220px}.photo-grid{grid-template-columns:1fr}.photo-image{height:260px}.detail-fields,.two-columns{grid-template-columns:1fr}.wide{grid-column:auto}.panel{padding:17px}.photo-actions{gap:10px}.photo-actions .row{flex:1;flex-wrap:wrap}.photo-actions button{font-size:13px;flex:1;padding:11px}.section-line{gap:10px;font-size:12px}.empty{min-height:310px}.report-row{gap:10px;padding:15px;flex-wrap:wrap}.report-row>span{font-size:12px;order:3;width:100%;margin:0}.report-row>.icon{margin-left:auto}.editor-header{height:auto;min-height:72px;gap:8px;padding:12px}.editor-header button{font-size:12px;padding:8px}.editor-header .muted{display:none}.editor-header strong{font-size:12px}.editor-layout{display:flex;flex-direction:column}.tool-rail{flex-direction:row;flex-wrap:wrap;padding:9px;border:0;gap:3px}.tool-rail button{font-size:12px;min-height:40px;padding:8px 10px;border:1px solid #d7e0e8}.tool-rail hr{display:none}.canvas-area{height:auto;position:relative;padding:15px 10px}.canvas-area canvas{max-height:65vh;max-width:100%}.properties{border:0;display:grid;grid-template-columns:1fr;gap:16px;padding:22px}.properties .two-columns{grid-template-columns:1fr 1fr}.swatches button{width:35px;height:35px}.canvas-help{font-size:12px}.pending-page{margin:5vh auto;padding:25px}.pending-page .row{flex-wrap:wrap}.floating-alert{left:12px;right:12px;bottom:12px;font-size:14px}}.marker-fields{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:15px;min-width:0}.marker-fields:disabled{opacity:.55}.lock-hint{display:flex;align-items:center;gap:7px;color:#7c5915}.layer .icon[aria-pressed=true]{color:#855700;background:#fff0c9}.editor-header{height:auto;min-height:76px;flex-wrap:wrap}.editor-header>div{min-width:140px}.layer{min-width:0}.layer>button:first-child{min-width:0;overflow-wrap:anywhere}@media(max-width:700px){.editor-header{gap:8px;padding:12px}.editor-header>div{order:-1;flex-basis:100%}.editor-header>button{padding:8px 10px;font-size:14px}}.editor-layout{grid-template-columns:248px minmax(0,1fr) 300px}.tool-rail{padding:16px;gap:14px;min-width:0;flex-direction:column}.tool-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%}.tool-buttons button{font-size:14px;border:1px solid #d7e0e8;justify-content:center}.marker-settings{display:flex;flex-direction:column;gap:14px;width:100%;min-width:0}.marker-settings h3{margin:0;flex:1;font-size:16px}.marker-settings .row{gap:6px}.marker-settings .row .icon{min-width:36px;justify-content:center;background:#fff;border:1px solid #d7e0e8}.marker-settings .lock-hint{font-size:14px;margin:0}.marker-settings label{font-size:14px}.marker-settings input,.marker-settings select,.marker-settings textarea{padding:9px;font-size:16px}.marker-settings .two-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.marker-settings .marker-fields>button{font-size:14px;background:#fff;border:1px solid #d8d4cc;justify-content:center}.tool-rail .swatches{flex-wrap:wrap;gap:8px}.tool-rail .swatches button{padding:0;min-height:30px;min-width:30px;width:30px;height:30px}.photo-tools{display:flex;flex-direction:column;gap:6px;width:100%}.photo-tools button{font-size:14px;justify-content:center}@media(min-width:761px)and (max-width:1100px){.editor-layout{grid-template-columns:230px minmax(0,1fr)}.tool-rail{grid-column:1;grid-row:1}.canvas-area{grid-column:2;grid-row:1}.properties{grid-column:1/-1}}@media(max-width:760px){.tool-rail{flex-direction:column;padding:12px;gap:12px}.tool-buttons{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.tool-buttons button{padding:8px 4px;font-size:13px}.marker-settings{padding:12px;background:#fff;border:1px solid #d7e0e8;border-radius:8px}.marker-settings hr{display:none}.tool-rail .swatches button{min-height:36px;min-width:36px;width:36px;height:36px}.photo-tools{flex-direction:row;flex-wrap:wrap}.photo-tools button{flex:1}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.editor-near-image{background:#e5ebf0;padding-bottom:env(safe-area-inset-bottom)}.editor-near-image .editor-header{position:sticky;top:0;z-index:6;padding:8px 14px;min-height:58px;height:auto;flex-wrap:nowrap;gap:8px}.editor-near-image .editor-title{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:15px}.editor-near-image .editor-header button{padding:8px 10px;font-size:14px;min-height:40px;flex-shrink:0}.editor-workspace{max-width:1600px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;padding:16px}.image-stage{min-width:0;position:sticky;top:74px;align-self:start;background:#f8fafc;border:1px solid #cad6df;border-radius:10px;box-shadow:0 6px 25px #1833480c}.editor-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:8px;background:#fff;border-radius:10px 10px 0 0;border-bottom:1px solid #d5dfe7;position:relative;z-index:4}.tool-picker{min-width:110px;max-width:150px;flex:1}.tool-picker select{padding:9px 7px;font-size:14px;min-height:40px}.inline-settings{margin:0;padding:0;border:0;display:flex;flex-wrap:wrap;align-items:center;gap:7px;min-width:0}.inline-settings:disabled{opacity:.5}.compact-setting{display:flex;flex-direction:row;align-items:center;gap:4px;font-size:12px;font-weight:400}.compact-setting select{padding:8px 4px;min-height:40px;width:auto;min-width:44px;font-size:14px}.editor-toolbar button{min-height:40px;padding:7px 9px;font-size:13px}.editor-toolbar .icon{min-width:40px;justify-content:center}.marker-actions{display:flex;gap:5px;margin-left:auto}.marker-actions .locked{background:#fff0c9;color:#855700;border-color:#d5b45b}.color-menu{position:relative}.color-menu summary,.adjustments-menu summary{display:flex;align-items:center;justify-content:center;gap:5px;list-style:none;margin:0;min-height:40px;cursor:pointer;padding:6px;border:1px solid #d8d4cc;background:#fff;border-radius:7px;font-size:14px;font-weight:400}.color-menu summary::-webkit-details-marker,.adjustments-menu summary::-webkit-details-marker{display:none}.current-color{width:22px;height:22px;border:1px solid #a3b4c3;border-radius:50%}.color-menu .swatches{position:absolute;top:calc(100% + 8px);left:0;background:#fff;border:1px solid #cbd6e0;box-shadow:0 5px 20px #18344b25;border-radius:9px;padding:12px;display:grid;grid-template-columns:repeat(3,34px);gap:10px;z-index:10}.color-menu .swatches button{width:34px;height:34px;min-width:34px;min-height:34px;padding:0}.stage-canvas{display:flex;align-items:center;justify-content:center;height:min(67dvh,740px);min-height:190px;padding:6px;overflow:hidden}.stage-canvas canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;touch-action:none;background:#fff;box-shadow:0 3px 18px #193b5220}.target-mode canvas{cursor:crosshair}.stage-canvas .notice{margin:16px}.below-image-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:7px 8px;background:#fff;border-top:1px solid #d5dfe7;border-radius:0 0 10px 10px}.below-image-actions button{min-height:40px;padding:8px 10px;font-size:14px}.below-image-actions button.active,.editor-toolbar button.active{background:var(--brand-accent);color:#fff;border-color:var(--brand-accent)}.adjustments-menu{position:relative;margin-left:auto}.adjustments-menu summary{padding:8px 10px}.adjustments-panel{position:absolute;bottom:calc(100% + 8px);right:0;width:min(300px,80vw);padding:16px;background:#fff;box-shadow:0 5px 25px #18344b25;border:1px solid #cbd6e0;border-radius:9px;z-index:5;display:flex;flex-direction:column;gap:14px}.inline-marker-text{padding:10px 12px;font-size:14px;background:#fff}.inline-marker-text textarea{padding:9px;font-size:16px;min-height:60px}.clipped-warning{font-size:14px;margin:8px}.editor-info{display:flex;flex-direction:column;gap:10px;min-width:0}.editor-details{background:#fff;border:1px solid #d2dce5;border-radius:9px}.editor-details>summary{padding:13px 14px;margin:0;font-size:14px}.detail-content{border-top:1px solid #e0e7ed;padding:14px;display:flex;flex-direction:column;gap:13px;min-width:0}.detail-content p{margin:0;font-size:14px}.detail-content .layer{display:flex;gap:4px;align-items:center}.detail-content .layer>button:first-child{flex:1}.detail-content .layer .icon{min-width:30px;padding:5px}@media(max-width:1000px){.editor-workspace{grid-template-columns:1fr;padding:10px;gap:12px}.image-stage{position:relative;top:auto}.editor-info{display:grid;grid-template-columns:1fr 1fr}.stage-canvas{height:62dvh;max-height:calc(100dvh - 200px)}}@media(max-width:600px){.editor-near-image .editor-header{padding:6px 8px;min-height:52px}.editor-near-image .editor-header button{font-size:13px;padding:7px;gap:4px}.editor-near-image .editor-title{font-size:14px}.editor-workspace{padding:6px;gap:8px}.editor-toolbar{padding:6px;gap:5px}.inline-settings{gap:5px}.compact-setting span{display:none}.tool-picker{max-width:130px;min-width:105px;flex:none}.marker-actions{gap:4px}.editor-toolbar .marker-actions .icon{min-width:36px;padding:6px}.editor-info{display:flex}.stage-canvas{height:57dvh;max-height:calc(100dvh - 205px);padding:4px}.below-image-actions{padding:6px;gap:5px}.below-image-actions button{font-size:13px;padding:7px}.color-menu summary{gap:3px;padding:6px}.color-menu summary>svg{display:none}.horizontal-action{font-size:12px!important}.editor-details>summary{padding:11px 13px}}.attachments-panel{background:#fff;border:1px solid #d8d4cc;border-radius:9px;padding:20px;margin:20px 0}.attachments-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.attachments-heading h3{display:flex;align-items:center;gap:8px;margin:0;font-size:18px}.attachments-heading h3 span{font-size:13px;background:#f0ece5;border-radius:5px;padding:2px 7px}.attachment-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;border-top:1px solid #e1e7ed;padding:14px 0}.attachment-row>svg{color:#8c5a1c;flex-shrink:0}.attachment-name{flex:1;min-width:120px;overflow-wrap:anywhere}.attachment-name strong{display:block;font-size:15px;font-weight:600}.attachment-name small{display:block;font-size:13px;margin-top:3px}.attachment-buttons{display:flex;gap:5px}.attachment-buttons button{min-height:40px;min-width:36px}.attachment-confirm{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;flex-basis:100%;background:#fff4dc;padding:12px;border-radius:7px;font-size:14px}.attachment-confirm span{flex:1;min-width:150px}.attachment-import{margin-top:14px}@media(max-width:600px){.attachments-panel{padding:14px}.attachments-heading{flex-wrap:wrap}.attachments-heading button{font-size:14px}.attachment-row{gap:8px}.attachment-buttons{margin-left:auto}.attachment-name{min-width:170px}.tabs{gap:18px}}.primary{color:#28282a;font-weight:650}.primary:hover{color:#28282a}.brand{flex-direction:column;align-items:stretch;gap:12px;padding:16px 12px;background:#fff;border-radius:4px}.brand img{display:block;width:100%;height:auto}.brand span{font-size:11px;color:#625a50;text-align:center;letter-spacing:.4px}.auth-logo{width:min(360px,100%);height:auto;display:block;margin-bottom:36px}.auth-page,.pending-page{background:var(--page-bg)}a.primary{display:inline-flex;align-items:center;text-decoration:none;padding:12px 18px;border-radius:6px}.side-label{margin-top:28px}.sidebar nav button.active{box-shadow:inset 3px 0 var(--brand-accent)}.tabs button.active{color:#794100;border-bottom-color:var(--brand-accent)}.project-card:hover{box-shadow:0 7px 20px #3333330b}.editor{background:#e5e2dd}.editor-toolbar,.below-image-actions{background:#fff}.tool-rail button.active,.editor-toolbar button.active,.below-image-actions>button.active{color:#28282a;background:#fbd5a7;border-color:#e58a1c}.swatches button[aria-pressed=true]{outline-color:#333}.topbar{min-height:72px;height:auto;gap:12px;padding-top:10px;padding-bottom:10px}.sync-control{display:flex;align-items:center;gap:8px;position:relative;flex:0 0 auto}.sync-button{min-height:42px;font-size:13px;padding:8px 12px;background:#fff9ef;border-color:#d6b580;color:#333}.sync-button:hover{background:#ffedcf}.sync-details{position:relative}.sync-details>summary{display:flex;align-items:center;gap:6px;margin:0;padding:10px 4px;min-height:42px;list-style:none;font-size:12px;font-weight:500;cursor:pointer}.sync-details>summary::-webkit-details-marker{display:none}.sync-dot{width:7px;height:7px;border-radius:50%;background:#a76a16;flex-shrink:0}.sync-synced .sync-dot{background:#227b4c}.sync-error .sync-dot,.sync-conflict .sync-dot{background:#b42a35}.sync-offline .sync-dot{background:#777}.sync-error .sync-button,.sync-conflict .sync-button{border-color:#d5a0a3;background:#fff1ef}.sync-popover{position:absolute;right:0;top:calc(100% + 6px);width:min(310px,calc(100vw - 32px));background:#fff;border:1px solid #d8d4cc;box-shadow:0 12px 35px #33333324;border-radius:8px;padding:16px;z-index:15;color:#333;font-size:13px;line-height:1.5;letter-spacing:0}.sync-popover p{margin:8px 0}.sync-popover small{font-size:12px;display:block}.sync-popover a{display:block;color:#794100;margin-top:12px}.below-image-actions>.sync-control{margin-left:auto}.below-image-actions .sync-popover{top:auto;bottom:calc(100% + 10px)}.sync-details>summary:focus-visible{outline:3px solid #b86300;outline-offset:2px;border-radius:5px}@media(max-width:900px){.sidebar .brand{padding:9px 12px;flex-direction:column;gap:0;min-width:140px;max-width:180px}.sidebar .brand img{width:100%;height:auto}.sidebar .brand span{display:none}.sidebar{background:var(--brand-charcoal)}.topbar{padding:10px 20px}.sidebar .side-label{display:none}}@media(max-width:560px){.topbar{padding:8px 16px;min-height:60px}.topbar>span{font-size:9px;letter-spacing:.8px}.sync-control{gap:5px}.sync-button{padding:8px 9px;font-size:12px;gap:6px}.sync-details>summary{font-size:11px;gap:4px}.below-image-actions{flex-wrap:wrap}.below-image-actions>.sync-control{margin-left:auto}.below-image-actions .sync-button{min-height:42px}.sync-popover{max-width:calc(100vw - 32px)}.sidebar .brand{min-width:128px;max-width:154px;padding:9px 11px}.editor-header{padding:10px 12px}.editor-header .editor-title{font-size:13px}}.project-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:18px 28px}.project-scopes{margin:0;flex:0 1 auto;gap:20px}.project-scopes button{white-space:nowrap;font-size:14px}.project-search{display:flex;flex-direction:column;gap:6px;flex:1 1 330px;min-width:0;max-width:560px}.project-search-input{display:flex;align-items:center;gap:9px;border:1px solid #d8d4cc;border-radius:7px;background:#fff;padding:0 10px;color:#6c6963}.project-search-input input{border:0;background:transparent;padding:11px 0;min-width:0}.project-search-input input::-webkit-search-cancel-button{display:none}.project-search-input>svg{flex-shrink:0}.project-search-input button{border:0;flex-shrink:0;min-width:32px;padding:5px}.project-entry{display:flex;min-width:0;padding:0;gap:0;overflow:hidden}.project-card-open{display:flex;flex:1;flex-direction:column;align-items:stretch;justify-content:space-between;gap:22px;width:100%;padding:23px;border:0;border-radius:9px 9px 0 0;text-align:left;white-space:normal;overflow-wrap:anywhere}.project-card-open:focus-visible{outline-offset:-4px}.project-card-actions{display:flex;justify-content:flex-end;border-top:1px solid #eee9e1;padding:10px 16px}.project-card-actions button{font-size:14px;min-height:40px}@media(max-width:650px){.project-filters{gap:18px}.project-scopes{width:100%}.project-search{flex-basis:100%;max-width:none}.project-search-input input{font-size:16px}.project-card-open{gap:18px}}.password-login{display:flex;flex-direction:column;gap:18px;width:100%;max-width:360px;margin:24px auto;text-align:left}.password-login p{margin:0;color:#ae2c38}.password-login button{color:#28282a;font-weight:600}