:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#253a36;background:#f5f6f3;font-synthesis:none;font-weight:400;--green: #215e55;--muted: #78837d;--border: #e0e5de;--accent: #d7b369}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button,a,label{-webkit-tap-highlight-color:transparent}button{min-height:44px}a{color:inherit;text-decoration:none}header{height:86px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:#fafbf8}.brand{display:flex;gap:12px;align-items:center}.brand-icon{width:42px;height:42px;display:grid;place-items:center;background:var(--green);color:#ebd49a;border-radius:12px}.brand strong{font-size:23px;letter-spacing:2px}.brand strong span{display:inline-block;margin-left:15px;font-size:13px;color:var(--muted);font-weight:400;letter-spacing:1px}.header-right{display:flex;align-items:center;gap:26px}.local-tag{font-size:12px;display:flex;align-items:center;gap:6px;color:#65756e}.version{font-size:11px;letter-spacing:2px;color:#8c9790}.welcome{max-width:1100px;margin:auto;padding:55px 44px 20px}.eyebrow{font-size:10px;letter-spacing:3px;color:#788980;margin-bottom:19px}h1{font-size:43px;line-height:1.5;letter-spacing:-1px;margin:0;font-weight:600}h1 span{color:var(--green)}.lead{font-size:15px;color:#778078;line-height:1.9;margin:14px 0 28px}.welcome-grid{display:grid;grid-template-columns:1.22fr 1fr;gap:22px}.import-card{border:1.5px dashed #9faea1;border-radius:18px;background:#fff;position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:290px;cursor:pointer;transition:.2s}.import-card:hover{border-color:var(--green);background:#f9fcf7;transform:translateY(-2px)}input[type=file]{display:none}.upload-icon{width:57px;height:57px;border-radius:17px;background:#edf2e8;color:var(--green);display:grid;place-items:center}.import-card h2{font-size:19px;font-weight:550;margin:15px 0 6px}.import-card p{font-size:13px;color:#879187;margin:0}.format{font-size:10px;letter-spacing:2px;color:#a2aaa0;margin-top:15px}.import-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eef0ea;width:calc(100% - 44px);padding:13px 0;font-size:12px;color:var(--green);margin-top:22px}.preview-card{background:#e9eee4;border-radius:18px;padding:20px 24px;overflow:hidden}.preview-header{display:flex;justify-content:space-between;font-size:11px;color:#69806b}.dot{display:inline-block;background:#69886c;width:5px;height:5px;border-radius:50%;margin-right:7px}.bead-art{display:grid;grid-template-columns:repeat(9,14px);grid-template-rows:repeat(9,14px);gap:5px;justify-content:center;margin:20px auto;transform:rotate(-8deg)}.bead{border-radius:4px;background:#ba956e;box-shadow:0 2px #ad8c62;position:relative}.bead:after{content:"";position:absolute;width:4px;height:4px;background:#f1e4c9;border-radius:50%;left:5px;top:5px}.b1{background:#e5c88f}.b2{background:#426357}.b3{background:#f3dfb0}.peg{width:3px;height:3px;background:#bbcab9;border-radius:50%;margin:auto}.preview-note{display:flex;gap:11px;align-items:center;font-size:12px;color:#4d685a}.preview-note small{display:block;color:#8c9c8c;font-size:10px;margin-top:4px}.mini-cross{background:#f8fbf2;width:31px;height:31px;display:grid;place-items:center;border-radius:8px;font-size:22px}.steps{margin-top:33px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.step{display:flex;align-items:flex-start;gap:12px;padding:21px 0;border-top:1px solid var(--border)}.step>svg:first-child{margin-top:20px;color:#7a8d7a}.step>svg:last-child{margin-left:auto;margin-top:32px;color:#b2bcb0}.step small{font-size:10px;color:#97a08f;letter-spacing:2px}.step h3{font-size:14px;font-weight:550;margin:6px 0}.step p{font-size:11px;color:#91978d;margin:0;line-height:1.6}footer{color:#9ba295;font-size:11px;text-align:center;margin:28px 0 12px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #dfa953;outline-offset:3px}@media(max-width:700px){header{height:70px;padding:0 20px}.brand strong span,.version{display:none}.welcome{padding:32px 22px}h1{font-size:34px}.welcome-grid{grid-template-columns:1fr}.import-card{min-height:270px}.preview-card{display:none}.steps{grid-template-columns:1fr;gap:0;margin-top:24px}.step{padding:13px 0}.step>svg:first-child{margin-top:13px}.step small{display:none}.step p{font-size:12px}.lead{font-size:14px}.eyebrow{font-size:9px}.desktop{display:none}}button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:8px;background:none;color:inherit;transition:background .15s}button:disabled{opacity:.4;cursor:not-allowed}button:hover:not(:disabled){background:#e9eee6}.plain{padding:0}.primary{background:var(--green);color:#fff;padding:0 17px;font-size:14px;min-height:44px}.primary:hover:not(:disabled){background:#164a43}.secondary{background:#fff;border:1px solid var(--border);padding:0 14px;font-size:14px}.text-btn{font-size:13px;color:var(--green);padding:0 6px}.icon-btn{width:40px;min-height:40px;padding:0;flex-shrink:0}.compact{min-height:36px}.full{width:100%}.muted{color:var(--muted);font-size:14px;line-height:1.75}.small{font-size:12px}.error{color:#a74135;font-size:13px;line-height:1.7}.success{color:var(--green);font-size:13px}.danger{color:#a74135}.loading{padding:80px;text-align:center;color:var(--muted)}.resume-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.resume-chip{border:1px solid var(--border);padding:10px 14px;flex-direction:column;align-items:flex-start;background:#fff;font-size:13px;gap:4px}.resume-chip span{font-size:11px;color:var(--muted)}.working header{height:70px;padding:0 30px}.project-bar{display:flex;align-items:center;justify-content:space-between;padding:20px 30px;gap:16px;background:#fafbf8;border-bottom:1px solid var(--border)}.project-title{display:flex;align-items:center;gap:10px;min-width:0}.project-title h1{font-size:20px;font-weight:600;letter-spacing:0;line-height:1.5;overflow-wrap:anywhere}.project-title h1 span{font-size:11px;color:#849081;font-weight:400;margin-left:14px;padding:4px 8px;border:1px solid var(--border);border-radius:5px;vertical-align:middle}.project-title p{font-size:12px;color:#899185;margin:5px 0 0;line-height:1.6}.project-title p b{color:#b68b39;font-weight:400;margin-left:8px}i{display:inline-block}.project-title p i,.current-section small i{height:9px;border-left:1px solid #cdd4c9;margin:0 8px}.project-actions{display:flex;gap:8px;flex-shrink:0}.workspace{display:grid;grid-template-columns:236px minmax(0,1fr) 272px;gap:0;min-height:calc(100dvh - 168px)}.left-panel{background:#fafbf8;border-right:1px solid var(--border);padding:14px 18px;min-width:0}.panel-title{display:flex;justify-content:space-between;align-items:center}.panel-title h2{font-size:14px;font-weight:550}.minimap{display:block;width:180px;height:160px;margin:2px auto 10px;cursor:crosshair}.board-summary{font-size:12px;display:flex;justify-content:space-between;color:#596f60;gap:8px}.board-summary span{font-size:10px;color:#94a08f}.board-select{margin-top:15px}label{display:block;font-size:13px;color:#516458;margin:12px 0}input:not([type=file],[type=checkbox]),select{display:block;width:100%;border:1px solid #dce3d8;border-radius:8px;min-height:43px;padding:8px 11px;background:#fff;color:#374d3e;font-size:14px;margin-top:7px;outline:none}input:focus,select:focus{border-color:#5c8f73;box-shadow:0 0 0 2px #215e5512}.board-select select{font-size:12px;min-height:38px;padding:6px}.section-grid{display:grid;gap:4px;margin:14px 0;max-height:260px;overflow:auto}.section-grid button{padding:0;border-radius:4px;background:#edf0e8;min-height:27px;min-width:20px;font-size:9px;color:#657960}.section-grid button.empty{opacity:.4}.section-grid button.complete{background:#d0e0c9;color:#215e55}.section-grid button.active{background:#215e55;color:#fff;opacity:1;box-shadow:0 0 0 2px #d7bb79}.legend{display:flex;gap:15px;font-size:10px;color:#8e9a87}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:7px;height:7px;border-radius:2px}.current{background:var(--green)}.finished{background:#c5d6bc}.progress-card{padding:17px 0;margin-top:12px;border-top:1px solid var(--border)}.progress-card>div:first-child{display:flex;justify-content:space-between;font-size:12px}.progress-card b{font-size:19px;color:var(--green);font-weight:550}.track{height:5px;background:#e5eadd;border-radius:3px;overflow:hidden;margin-top:10px}.track i{height:100%;background:#66876c;display:block}.progress-card p{font-size:10px;color:#8a9880;display:flex;justify-content:space-between;margin:8px 0 15px}.board-progress{display:flex;justify-content:space-between;font-size:11px;color:#7b8d70}.privacy-note{display:flex;gap:7px;font-size:10px;color:#9aaa91;margin-top:20px;line-height:1.5}.privacy-note small{display:block;font-size:9px}.board-area{display:flex;flex-direction:column;min-width:0;background:#f7f8f4;position:relative}.board-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:75px;padding:13px 20px;border-bottom:1px solid var(--border);background:#fff}.current-section{display:flex;gap:10px;align-items:center}.section-badge{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#edf1e6;color:#315a41;font-size:16px;font-weight:550}.current-section strong{font-size:13px;font-weight:550}.current-section small{display:block;font-size:10px;color:#8a9780;margin-top:6px}.scope-switch{display:flex;border:1px solid #e5e9df;border-radius:8px;padding:3px;background:#f7f8f4}.scope-switch button{padding:5px 10px;font-size:11px;min-height:29px;border-radius:5px;white-space:nowrap}.scope-switch button.active{background:#fff;box-shadow:0 1px 4px #203d3010;color:var(--green)}.canvas-host{touch-action:none;overscroll-behavior:contain;position:relative;flex:1;min-height:400px;height:calc(100dvh - 378px);overflow:hidden}.canvas-host>canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.canvas-host:not(.mode-view)>canvas{cursor:crosshair}.canvas-controls{position:absolute;bottom:22px;right:18px;display:flex;gap:0;align-items:center;background:#fff;border:1px solid #e0e7db;border-radius:9px;box-shadow:0 3px 10px #18332a08;padding:3px}.canvas-controls button{width:33px;min-height:33px;padding:0;border-radius:5px}.canvas-controls span{font-size:10px;color:#7b8c71;min-width:39px;text-align:center}.canvas-controls i{border-right:1px solid #e1e7dc;height:18px;margin:0 4px}.canvas-controls button.active{background:#e6edde;color:var(--green)}.canvas-hint{position:absolute;bottom:9px;left:18px;font-size:10px;color:#9ca894;pointer-events:none}.mode-toolbar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:9px 16px;gap:12px;background:#fff}.modes{display:flex;gap:3px}.modes button{min-height:38px;border-radius:7px;font-size:12px;padding:0 11px;color:#7f8a77;gap:6px}.modes button.active{background:#e9eee4;color:#235a42}.undo-group{display:flex;gap:0}.undo-group .icon-btn{width:32px}.location-bar{display:flex;align-items:center;gap:10px;min-height:72px;padding:10px 17px;background:#fafbf8}.location-bar>span{font-size:11px;line-height:1.8;color:#7c8c73}.location-bar b{color:#435c47;font-weight:500}.selected-code{font-size:19px;font-weight:550;border:3px solid;min-width:56px;border-radius:9px;min-height:43px;background:#fff;white-space:nowrap;padding:0 6px}.section-arrows{display:flex;margin-left:auto}.right-panel{border-left:1px solid var(--border);background:#fff;display:flex;flex-direction:column;padding:0 16px;min-width:0}.tabs{display:flex;border-bottom:1px solid var(--border);gap:14px}.tabs button{font-size:13px;min-height:61px;padding:0;border-radius:0;position:relative;white-space:nowrap;color:#9aa18f}.tabs button.active{color:#2e5b42;border-bottom:2px solid #386d4d}.tabs span{font-size:10px;background:#edf0e8;border-radius:4px;min-width:17px;padding:2px 4px}.search{display:flex;align-items:center;gap:8px;border:1px solid #e5e9df;background:#fafbf8;border-radius:8px;padding:0 10px;margin:16px 0 11px;color:#a1ab95}.search input{border:0;background:transparent;box-shadow:none;margin:0;font-size:12px;padding:8px 0;min-height:36px}.all-colors{display:flex;width:100%;padding:10px;gap:10px;justify-content:flex-start;font-size:12px;min-height:60px;border-radius:9px;border:1px solid transparent}.all-colors.active{background:#f1f5ec;border-color:#dfe8d6}.all-colors>span:nth-child(2){text-align:left;flex:1}.all-colors small{display:block;font-size:10px;color:#94a187;margin-top:5px}.color-mosaic{display:grid;grid-template-columns:repeat(2,11px);gap:2px}.color-mosaic i{width:11px;height:11px;background:#91a480;border-radius:2px}.color-mosaic i:nth-child(2){background:#d8bf84}.color-mosaic i:nth-child(3){background:#577665}.color-mosaic i:nth-child(4){background:#ecdab4}.palette-list{overflow:auto;flex:1;max-height:calc(100dvh - 480px);min-height:160px;padding-top:6px}.color-row{display:flex;width:100%;border:1px solid transparent;padding:9px 10px;gap:12px;justify-content:flex-start;min-height:62px;margin-bottom:3px}.color-row.active{background:#f1f5ec;border-color:#b7c6a8}.swatch{width:32px;height:32px;border-radius:7px;border:1px solid #00000010;flex-shrink:0}.color-row>span:nth-child(2){text-align:left}.color-row strong{font-size:14px;font-weight:550}.color-row small{display:block;font-size:10px;color:#9aa18b;margin-top:3px;font-weight:400}.color-row>div{margin-left:auto;text-align:right}.color-row b{font-size:17px;font-weight:500;color:#415d45}.color-footer{padding:16px 0;border-top:1px solid var(--border);margin-top:auto}.info{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.7;color:#8b987b;margin:10px 0 14px}.info svg{flex-shrink:0;margin-top:2px}.color-footer .primary{font-size:13px}.review-intro{font-size:13px;color:#576e53}.review-intro p{font-size:11px;color:#a0a690;line-height:1.8}.review-list{overflow:auto;max-height:calc(100dvh - 360px);min-height:150px}.review-row{width:100%;justify-content:flex-start;gap:8px;padding:8px 0;border-bottom:1px solid #eef1e7;border-radius:0;text-align:left}.review-row .cell-crop{width:53px;height:44px;flex-shrink:0}.review-row b{font-size:12px;font-weight:500}.review-row small{display:block;font-size:10px;color:#929e87;margin-top:5px}.review-row svg{margin-left:auto}.empty-state{padding:27px 5px;text-align:center;color:#a0ab92;font-size:12px}.empty-state svg{color:#a5b197}.left-panel.collapsed{display:none}.workspace:has(.left-panel.collapsed){grid-template-columns:minmax(0,1fr) 272px}.ocr-bar{background:#ecf0e3;padding:8px 30px;display:flex;align-items:center;gap:13px;color:#6d805e;font-size:12px}.ocr-bar progress{flex:1;max-width:280px;height:5px;accent-color:#547648}.ocr-bar button{min-height:30px;font-size:12px;margin-left:auto}.modal{border:1px solid #e1e7d9;border-radius:18px;padding:0;max-width:530px;width:calc(100% - 28px);max-height:90dvh;color:#334f3e;box-shadow:0 25px 100px #0d211b30}.modal::backdrop{background:#1b2f2860;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal.wide{max-width:1040px}.modal-head{padding:18px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);position:sticky;top:0;background:#fff;z-index:5}.modal-head h2{margin:0;font-size:19px;font-weight:550}.modal-body{padding:8px 24px 20px}.modal-foot{display:flex;justify-content:flex-end;padding:15px 24px;gap:10px;border-top:1px solid var(--border);background:#fafbf7;position:sticky;bottom:0;z-index:5}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.field-pair label{min-width:0}.button-row{display:flex;gap:10px;margin:14px 0}.check-label{display:flex;align-items:flex-start;gap:9px;line-height:1.8}.check-label input{margin-top:5px}.calibration{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,1fr);gap:22px;padding:22px}.crop-scroll{max-height:70dvh;overflow:auto;background:#e8ece3;padding:20px;border-radius:10px}.crop-image{position:relative;line-height:0}.crop-image img{width:100%;display:block;-webkit-user-select:none;user-select:none}.crop-overlay{position:absolute;border:2px solid #20967c;background-image:linear-gradient(to right,#10876655 1px,transparent 1px),linear-gradient(to bottom,#10876655 1px,transparent 1px);box-shadow:0 0 0 100vmax #00000020;clip-path:inset(-15px)}.crop-handle{position:absolute;width:24px;height:24px;min-height:24px;padding:0;border:3px solid white;background:#21765b;border-radius:50%;touch-action:none;box-shadow:0 1px 5px #0003}.h0{left:-12px;top:-12px}.h1{right:-12px;top:-12px}.h2{left:-12px;bottom:-12px}.h3{right:-12px;bottom:-12px}.step-tag{font-size:10px;letter-spacing:2px;color:#94a382}.calibration-form h3{font-size:23px;margin:13px 0}.calibration-form>.muted{font-size:13px}.calibration-form label{font-size:12px}.calibration-form .field-pair{gap:0 9px}.compare{display:flex;align-items:center;justify-content:center;gap:20px;padding:12px 0}.compare>div{text-align:center}.compare small{display:block;font-size:11px;color:#98a286;margin-top:6px}.cell-crop{image-rendering:pixelated;display:block;border-radius:5px}.code-preview{width:120px;height:100px;border-radius:8px;display:flex;flex-direction:column;justify-content:center;text-shadow:0 1px 4px white}.code-preview b{font-size:30px;color:#10271d;text-shadow:1px 1px 0 #fff,-1px -1px 0 #fff}.code-preview small{background:#fffd;margin:4px 8px 0;color:#526949;border-radius:5px}.suggestion-list{display:flex;flex-wrap:wrap;gap:6px;max-height:135px;overflow:auto}.pill{min-height:31px;font-size:12px;background:#f0f3e9;padding:0 9px}.help h3{font-size:15px;margin:24px 0 8px}.help p{font-size:14px;line-height:1.9;color:#7e8c72}.error-banner{position:fixed;bottom:20px;left:50%;transform:translate(-50%);max-width:calc(100% - 24px);width:max-content;background:#fff2e9;color:#964c39;border:1px solid #ebd1bd;border-radius:10px;box-shadow:0 5px 20px #281c1320;display:flex;align-items:center;gap:10px;padding:9px 15px;font-size:13px;z-index:20}.error-banner button{min-height:30px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:center;background:#244b3d;color:#fff;padding:13px 20px;border-radius:12px;box-shadow:0 4px 20px #10291b20;z-index:19;font-size:13px;max-width:90vw;width:max-content}@media(min-width:1600px){.workspace{grid-template-columns:260px minmax(0,1fr) 300px}.left-panel{padding:18px 26px}.right-panel{padding:0 22px}.canvas-host{min-height:570px}}@media(max-width:1100px){.workspace{grid-template-columns:190px minmax(0,1fr) 230px}.left-panel{padding:12px}.right-panel{padding:0 12px}.working header{padding:0 20px}.project-bar{padding:16px 15px}.project-title h1 span{display:none}.project-title h1{font-size:17px}.project-actions button{padding:0 10px;font-size:12px}.board-toolbar{padding:12px}.current-section strong{font-size:11px}.scope-switch button{padding:4px 6px}.mode-toolbar{padding:8px}.modes button{padding:0 7px;font-size:11px}.modes{gap:0}.board-summary{flex-direction:column;gap:4px}.minimap{width:160px;height:142px}.canvas-host{min-height:420px}.location-bar{padding:9px}.location-bar>span{font-size:10px}.workspace:has(.left-panel.collapsed){grid-template-columns:minmax(0,1fr) 230px}}@media(max-width:800px){.workspace,.workspace:has(.left-panel.collapsed){grid-template-columns:minmax(0,1fr) 220px}.left-panel{grid-column:1/-1;border-right:0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:125px minmax(0,1fr) 145px;gap:6px 15px;padding:14px}.left-panel .panel-title,.left-panel .board-summary,.left-panel .legend,.left-panel .privacy-note,.left-panel>.text-btn{display:none}.minimap{grid-row:1/3;grid-column:1;width:125px;height:111px;margin:0;align-self:center}.board-select{grid-row:1;grid-column:2;margin:0}.board-select label{margin:0;font-size:11px}.board-select select{margin-top:3px;min-height:30px}.section-grid{grid-row:2;grid-column:2;margin:0;gap:3px;max-height:108px}.section-grid button{min-height:20px;font-size:8px}.progress-card{grid-row:1/3;grid-column:3;border:0;margin:0;align-self:center}.project-bar{align-items:flex-start}.project-actions button span{display:none}.project-actions button{font-size:0;width:40px;padding:0}.project-actions svg{width:18px;height:18px}.project-title h1{font-size:16px}.canvas-host{height:480px}.palette-list{max-height:490px}.working header{height:62px}.working .brand strong{font-size:20px}.working .header-right{gap:9px}.working .local-tag{font-size:10px}.compact span{display:none}.compact{padding:0 10px}.working .brand-icon{width:35px;height:35px}.right-panel{min-height:500px}.review-list{max-height:530px}.calibration{grid-template-columns:1fr;gap:20px;padding:18px}.crop-scroll{max-height:45dvh}.calibration-form .field-pair{gap:0 14px}.calibration-form>h3{font-size:20px}}@media(max-width:590px){.workspace,.workspace:has(.left-panel.collapsed){display:flex;flex-direction:column}.left-panel{grid-template-columns:100px minmax(0,1fr);width:100%;padding:10px 15px;gap:5px 15px}.minimap{width:100px;height:89px}.left-panel .progress-card{display:none}.left-panel .section-grid{max-height:92px;gap:2px}.left-panel .section-grid button{min-height:20px;font-size:8px}.board-select label{font-size:10px}.board-select select{font-size:11px;min-height:30px}.working header{padding:0 14px}.working .header-right{gap:3px}.working .header-right .icon-btn{width:34px}.working .local-tag{font-size:9px}.working .local-tag svg{display:none}.working .brand{gap:8px}.project-bar{padding:12px 10px;gap:5px;flex-wrap:wrap}.project-title .icon-btn{width:26px}.project-title p{font-size:10px}.project-title p b{display:block;margin:0}.project-actions{margin-left:auto;gap:3px}.project-actions button{width:35px;min-height:36px}.project-title{gap:5px;max-width:calc(100% - 116px)}.project-title h1{font-size:15px}.board-toolbar{min-height:68px;padding:10px 13px}.canvas-host{height:52dvh;min-height:350px}.mode-toolbar{padding:7px 8px}.modes button{font-size:11px;gap:4px;padding:0 7px}.modes button svg{width:15px}.undo-group .icon-btn{width:28px}.canvas-controls{bottom:25px;right:12px}.canvas-hint{font-size:9px;bottom:8px}.location-bar{min-height:65px;padding:8px 11px}.selected-code{font-size:17px;min-width:48px}.location-bar .text-btn{display:none}.section-arrows .icon-btn{width:30px}.right-panel{border-left:0;border-top:1px solid var(--border);padding:0 16px;min-height:0}.tabs button{min-height:50px;font-size:14px}.search{margin:12px 0 8px}.palette-list{display:grid;grid-template-columns:1fr 1fr;gap:4px 7px;max-height:330px;min-height:0}.color-row{gap:8px;padding:8px;min-height:60px}.color-row>svg{display:none}.color-row strong{font-size:14px}.color-row small{font-size:10px}.color-row>div b{font-size:16px}.color-footer{padding:10px 0 18px;margin-top:10px}.color-footer .info{margin:6px 0 10px}.review-list{max-height:380px}.ocr-bar{padding:8px 14px;font-size:11px;gap:7px}.ocr-bar>svg{display:none}.ocr-bar progress{max-width:none}.modal{max-height:94dvh;border-radius:14px}.modal-head{padding:12px 18px}.modal-head h2{font-size:17px}.modal-body{padding:8px 18px 17px}.modal-foot{padding:13px 18px}.calibration{padding:14px}.crop-scroll{padding:15px}.crop-handle{width:28px;height:28px;min-height:28px}.error-banner{bottom:10px;font-size:12px}.resume-chip{width:100%}}textarea{display:block;width:100%;resize:vertical;border:1px solid #dce3d8;border-radius:8px;padding:10px;font:inherit;line-height:1.7;margin-top:7px;min-height:76px;color:#374d3e;background:#fff}.batch-crops{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-height:225px;overflow:auto;margin:15px 0}.batch-crops .cell-crop{width:100%;height:auto}.batch-crops small{font-size:10px;color:#8a957f}.usage-table{max-height:310px;overflow:auto;margin:20px 0}.usage-table table{width:100%;border-collapse:collapse;font-size:12px}.usage-table th,.usage-table td{padding:9px 4px;border-bottom:1px solid var(--border);text-align:left}.usage-table th{font-weight:500;color:#8c9881;position:sticky;top:0;background:#fff}.usage-table td:first-child{font-weight:600;color:var(--green)}.library-note{padding:13px 15px;background:#eef3e7;border-radius:8px;color:#466b43;font-size:13px;line-height:1.9;margin:15px 0}.library-note small{font-size:11px;color:#889b79}.library-swatch{display:inline-block;width:16px;height:16px;border:1px solid #0001;border-radius:4px;vertical-align:middle;margin-right:8px}.review-groups{display:flex;gap:5px;flex-wrap:wrap;max-height:160px;overflow:auto;padding-bottom:12px}.review-groups .pill{min-height:34px;font-size:11px}.review-groups .pill span{font-size:9px;color:#9ba58c}@media(min-width:801px){.workspace{height:calc(100dvh - 165px);min-height:620px}.working:has(.ocr-bar) .workspace{height:calc(100dvh - 212px)}.left-panel,.right-panel{overflow:auto}.board-area{min-height:0}.canvas-host{height:auto;min-height:0}.canvas-host>canvas{position:absolute;top:0;right:0;bottom:0;left:0}.right-panel .palette-list{max-height:none;min-height:100px}.right-panel .review-list{max-height:none;min-height:100px;flex:1}.right-panel .review-groups,.left-panel .section-grid{flex-shrink:0}}@media(min-width:591px)and (max-width:800px){.board-area{height:690px}.canvas-host{height:auto;min-height:0}.canvas-host>canvas{position:absolute;top:0;right:0;bottom:0;left:0}}@media(max-width:590px){.canvas-host{flex:none}.canvas-host>canvas{position:absolute;top:0;right:0;bottom:0;left:0}}select.section-badge{width:58px;min-width:58px;padding:4px 5px;margin:0;border:0;min-height:44px;font-size:15px;cursor:pointer}@media(max-width:590px){.mode-toolbar{position:sticky;bottom:0;z-index:4;box-shadow:0 -3px 12px #20332909}.mode-toolbar button{min-height:44px}.section-arrows button{min-height:44px;min-width:36px}}.toast{pointer-events:none}.modal{scroll-padding-block:80px 90px}.modal button,.modal input,.modal select{scroll-margin-block:80px}:root{--muted: #63756e}.working{background:#eef2f4}.working .icon-btn{min-width:44px;min-height:44px}button:focus-visible,select:focus-visible{outline:3px solid #0987ca;outline-offset:2px}.mobile-nav,.mobile-more{display:none}button.section-badge{min-width:76px;width:auto;height:48px;background:#095d91;color:#fff;font-size:20px;padding:0 10px}button.section-badge:hover{background:#064772}.current-section small{font-size:12px;color:#52665e}.scope-switch button{min-height:40px;font-size:14px}.focus-colors{display:flex;gap:7px;overflow-x:auto;flex-shrink:0;background:#fff;padding:10px 14px;scrollbar-width:thin}.focus-colors button{flex:0 0 auto;min-height:46px;border:1px solid #cad5db;padding:6px 10px;gap:7px;font-size:14px;background:#fff}.focus-colors button.active{border:2px solid #0969a5;background:#e9f5ff;padding:5px 9px}.focus-colors button.complete{color:#61717c;background:#e8edf1}.focus-colors i{width:22px;height:22px;border-radius:5px;border:1px solid #0003}.focus-colors small{background:#e6edf1;border-radius:4px;padding:3px 5px;font-size:13px}.focus-colors .review-chip{color:#925200;border-color:#d4a654}.grid-legend{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:5px 14px 8px;background:#fff;color:#52636e;font-size:12px}.grid-legend span{display:flex;align-items:center;gap:4px}.grid-legend i{width:16px;height:16px;border-radius:3px;text-align:center;font-style:normal;font-size:12px;border:1px solid #738391}.grid-legend .pending{background:#deaa45}.grid-legend .completed{background:#dfe6eb;color:#263746}.grid-legend .uncertain{background:#fff0d1;color:#835200}.grid-legend b{font-weight:500;margin-left:auto}.focus-action{display:flex;align-items:center;gap:8px;background:#fff;border-top:1px solid #cad6df;padding:10px 14px}.focus-action>div{margin-right:auto;min-width:72px}.focus-action b{font-size:22px}.focus-action small{display:block;font-size:12px;color:#536976;margin-top:3px}.focus-action .primary{min-height:48px;font-weight:600;background:#125e55}.focus-action .secondary{min-height:48px;padding:0 10px}.modes button{min-height:44px;font-size:14px;color:#52615f}.modes button.active{background:#0969a5;color:#fff}.mode-toolbar{padding:5px 12px}.canvas-controls{bottom:8px;right:10px;padding:0}.canvas-controls button{min-width:44px;min-height:44px}.canvas-controls span{font-size:12px}.canvas-hint{top:30px;bottom:auto;left:36px;color:#3b5263;background:#ffffffeb;padding:5px 8px;border-radius:4px;font-size:12px}.canvas-hint.editing{background:#095d91;color:#fff}.location-bar{min-height:60px;padding:6px 12px}.location-bar>span{color:#4d655e;font-size:12px}.location-bar .cell-toggle{white-space:nowrap;padding:0 8px;font-size:13px}.section-grid button{min-height:30px;font-size:11px}.section-grid button.active{outline:2px solid #0969a5;outline-offset:1px}.section-grid button.complete{background:#dfe6eb;color:#334155}.section-overview{display:flex;align-items:center;gap:16px}.section-overview .minimap{width:126px;height:112px;margin:8px 0;flex-shrink:0}.section-overview p{font-size:14px;color:#52676c;line-height:1.6;margin:8px 0}.section-map-scroll{overflow-x:auto;padding:4px}.section-map{display:grid;gap:6px}.section-tile{position:relative;flex-direction:column;min-height:58px;padding:6px 3px;gap:3px;background:#fff;border:1px solid #adbdc9;border-radius:7px;overflow:hidden}.section-tile b{font-size:15px}.section-tile small{font-size:12px;display:flex;align-items:center}.section-tile.active{outline:3px solid #0969a5;outline-offset:-2px;background:#e8f3fc;color:#064a73}.section-tile.complete{background:#dce5eb;color:#334155}.section-tile.empty{color:#6d7f8b;background:#f2f5f7;border-style:dashed}.section-tile i{position:absolute;bottom:0;left:0;height:3px;background:#0b739d}.more-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-bottom:12px}.more-grid button{min-height:66px;flex-direction:column;font-size:14px}.mobile-review-content{padding:0 18px 18px}.mobile-review-content .review-list,.mobile-review-content .palette-list{max-height:none}.mobile-review-content .review-groups{max-height:150px}.review-scope{margin:12px 0}.review-intro p{color:#546a63;font-size:13px}.review-groups .pill{font-size:14px;min-height:44px}.review-groups .pill span{font-size:12px;color:#566c65}.review-row b{font-size:16px}.review-row small{color:#64776f;font-size:12px}.color-suggestions>p{margin:14px 0 8px;font-size:14px}.color-suggestions p small{color:#66786f;margin-left:8px}.color-suggestions>div{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.color-suggestions button{flex-direction:column;border:1px solid #ccd6db;padding:10px 4px}.color-suggestions button.active{border:2px solid #0969a5;background:#edf6fd;padding:9px 3px}.color-suggestions button small{font-size:12px;color:#5f7474}.toast{z-index:30}@media(min-width:1001px){.workspace{height:calc(100dvh - 165px);min-height:660px}.canvas-host{flex:1;min-height:220px}.right-panel{padding:0 14px}.right-panel .color-footer>.primary,.right-panel .color-footer .info{display:none}.board-toolbar{padding:10px 14px}}@media(max-width:1000px){.working{display:flex;flex-direction:column;height:100dvh;min-height:600px;overflow:hidden}.working header{height:54px;flex:0 0 54px;padding:0 12px}.working .brand-icon{width:32px;height:32px;border-radius:9px}.working .brand strong{font-size:19px}.working .brand strong span{display:none}.working .header-right{gap:4px}.working .local-tag{font-size:12px}.working .header-right .compact,.working .project-bar{display:none}.working .workspace,.working .workspace:has(.left-panel.collapsed),.working:has(.ocr-bar) .workspace{display:flex;flex:1;height:auto;min-height:0}.working .left-panel,.working .right-panel{display:none}.board-area{width:100%;height:auto;flex:1;min-height:0}.board-toolbar{flex-shrink:0;padding:7px 12px;min-height:62px;gap:4px}.current-section{gap:8px}.current-section>.icon-btn{display:none}.current-section strong{font-size:12px}.current-section small{font-size:12px;margin-top:3px}.scope-switch{gap:0;padding:2px}.scope-switch button{padding:5px 8px}.board-toolbar .scope-switch button{font-size:12px;padding:4px 7px}.board-toolbar .scope-switch button:last-child{display:none}.focus-colors{padding:6px 10px}.grid-legend{padding:3px 10px 5px;font-size:12px;gap:8px}.grid-legend b{font-size:12px}.canvas-host{flex:1;height:auto;min-height:160px}.canvas-host>canvas{position:absolute;top:0;right:0;bottom:0;left:0}.focus-action{padding:8px 10px;flex-shrink:0;gap:6px}.focus-action .primary{flex:1;padding:0 8px;font-size:14px}.focus-action .secondary{padding:0 8px;font-size:13px}.focus-action .secondary svg{display:none}.focus-action>div{min-width:72px}.mode-toolbar{position:static;flex-shrink:0;min-height:52px;padding:3px 8px;gap:3px;box-shadow:none}.modes{flex:1;gap:3px}.modes button{flex:1;padding:0 9px;gap:5px;font-size:14px}.modes button.advanced-mode{display:none}.mobile-more{display:inline-flex}.undo-group{gap:0}.undo-group button:last-child{display:none}.undo-group button:first-child{min-width:48px}.mobile-nav{display:flex;flex-shrink:0;justify-content:space-around;border-top:1px solid #cdd9e2;background:#fff;padding:2px 6px max(2px,env(safe-area-inset-bottom))}.mobile-nav button{font-size:14px;min-height:48px;padding:4px 8px}.location-bar{display:none}.location-bar:has(.selected-code){display:flex;min-height:62px;padding:4px 10px;gap:8px}.location-bar .section-arrows{display:none}.location-bar>span{font-size:12px;flex:1;line-height:1.6}.location-bar .selected-code{font-size:19px;min-height:46px}.modal{border-radius:20px 20px 0 0;width:100%;max-width:620px;max-height:90dvh;margin:auto auto 0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom)}.modal-head{padding:10px 16px}.modal-body{padding:8px 16px 16px}.modal input:not([type=checkbox]),.modal select{font-size:16px;min-height:48px}.modal label,.modal p.muted{font-size:14px}.modal .modal-foot{padding:10px 16px}.section-map{gap:5px}.section-overview{gap:10px}.section-overview .minimap{width:108px;height:96px}.review-groups .pill{min-height:44px}.toast{top:62px;bottom:auto;font-size:14px;max-width:calc(100vw - 24px)}.ocr-bar{flex-shrink:0;padding:3px 12px}}@media(max-width:380px){.grid-legend b{width:100%;margin:0}.current-section strong{display:none}.focus-action b{font-size:19px}.focus-action>div{min-width:62px}.mobile-nav button{font-size:13px;gap:5px}}@media(max-height:680px)and (max-width:1000px){.working{height:auto;min-height:100dvh;overflow:visible}.canvas-host{min-height:280px}}@media(max-width:1000px){.modal-body.section-picker{padding:8px;--section-min: 44px}.section-picker .section-map-scroll{padding:2px 0}.section-picker .section-map{gap:2px}.section-picker .section-tile{min-height:52px}.section-picker .section-overview,.section-picker>label{margin-inline:8px}.section-picker .section-overview .minimap{width:94px;height:84px}.section-picker .section-overview p{font-size:13px;margin:4px 0}.section-picker .section-overview b{font-size:14px}}.cancel-section{flex:none;border:0;border-bottom:1px solid #cfdbdf;background:#f1f8fa;color:#166581;min-height:38px;font-size:12px;font-weight:650}.batch-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.batch-filters>label{flex:1;min-width:140px}.batch-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:14px}.batch-group{padding:14px;border:1px solid #dce4e0;border-radius:14px;background:#fff}.batch-heading{display:flex;gap:10px;align-items:center}.batch-heading small{margin-left:auto;color:#8a5f29}.batch-examples{display:flex;margin-top:10px;overflow:hidden}.batch-examples .cell-crop{width:33%;height:auto}.batch-group p{margin:8px 0 4px}.batch-group>button{margin-top:12px}.batch-crops button{min-width:0;padding:2px;border:2px solid #4b8475;border-radius:8px;background:#fff;display:block}.batch-crops button.excluded{opacity:.35;border-color:transparent}@media(max-width:600px){.batch-groups{grid-template-columns:1fr}.cancel-section{min-height:40px}}.batch-details{border:1px solid #dce4e0;border-radius:10px;margin:14px 0;padding:0 12px}.batch-details summary{min-height:48px;display:flex;align-items:center;cursor:pointer;color:#215e55;font-weight:650}.batch-details summary:before{content:"▸";margin-right:8px}.batch-details[open] summary:before{content:"▾"}:root{--muted: #63756e;--border: #dde5df;--focus: #0969a5;--surface: #ffffff;--soft-surface: #f4f7f3;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}button,input,select,textarea{transition:background-color .16s,border-color .16s,box-shadow .16s}button>svg{flex-shrink:0}button:disabled{opacity:.48}button:hover:not(:disabled){background-color:#edf2ee}.primary:hover:not(:disabled){background-color:#174c44}.primary{box-shadow:0 1px 2px #153d2914}.secondary:hover:not(:disabled){border-color:#a8bcb0;background:#f8faf7}:is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #1385ba;outline-offset:3px}input:not([type=file],[type=checkbox]):focus,select:focus,textarea:focus{border-color:#619786;box-shadow:0 0 0 3px #215e5512}input::placeholder,textarea::placeholder{color:#8a9690}body:has(dialog[open]){overflow:hidden}::selection{background:#cce3d8;color:#183d34}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.welcome{padding-top:44px;padding-bottom:24px}.welcome h1{font-weight:650;letter-spacing:-.035em;line-height:1.45}.eyebrow{color:#5b7769;font-weight:600}.lead{color:#64766b;margin-bottom:30px}.welcome-grid{align-items:stretch;gap:20px}button.import-card{margin:0;padding:28px 0 0;gap:0;color:#253a36;border:1.5px dashed #9cb5a6;box-shadow:0 5px 22px #294d3505;transition:border-color .18s,background-color .18s,box-shadow .18s}button.import-card:hover:not(:disabled),button.import-card.dragging{background:#f5faf5;border-color:var(--green);box-shadow:0 0 0 4px #215e5509;transform:none}button.import-card:disabled{opacity:.8}.upload-icon{border:1px solid #e2eadc;border-radius:18px}.import-title{font-size:20px;font-weight:600;margin:17px 0 8px}.import-description{font-size:13px;color:#64766b}.format{color:#697c70;font-size:11px;letter-spacing:1.3px}.format>span{letter-spacing:0;color:#7b887f}.import-bottom{margin-top:28px;padding:17px 0;font-weight:500}.preview-card{border:1px solid #e2e9dd;background:#ebf0e5}.preview-header{color:#55715d}.preview-note small,.step p,footer{color:#6c7b6d}.resume-row{align-items:center;gap:14px;margin-top:12px}.backup-hint{font-size:12px;color:#738276}.recent-projects{margin-top:26px}.recent-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:12px}.recent-heading h2{margin:0;font-size:15px;font-weight:600}.recent-heading>span{font-size:11px;color:var(--muted)}.recent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.resume-chip{flex-direction:row;align-items:center;gap:12px;padding:14px;min-width:0;border-radius:12px;text-align:left}.resume-chip:hover:not(:disabled){background:#fff;border-color:#9fb7a9;box-shadow:0 4px 16px #294d3509}.project-thumbnail{width:48px;height:54px;border-radius:7px;object-fit:contain;background:#f4f6f1;border:1px solid #e8ede5}.resume-details{flex:1;min-width:0;display:grid;gap:7px}.resume-details strong{display:block;font-size:13px;font-weight:600;color:#2d4438;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resume-track{display:block;height:3px;background:#e8eee6;border-radius:2px;overflow:hidden}.resume-track i{display:block;height:100%;background:#528573}.resume-chip>svg{color:#668574}.project-search{display:flex;align-items:center;gap:10px;margin:14px 0}.project-search input{flex:1;min-width:0;margin:0}.managed-projects{display:grid;gap:12px}.managed-project{border:1px solid var(--border);border-radius:12px;padding:14px;background:#fcfdfb}.managed-project-info{display:flex;gap:12px;align-items:center}.managed-project-info>div{min-width:0;display:grid;gap:5px}.managed-project-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.managed-project-info small,.managed-project-info time{font-size:11px;color:var(--muted)}.managed-project-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.managed-project-actions .icon-btn{min-width:40px;min-height:40px}.managed-project-actions .danger{margin-left:auto}.project-confirm{overflow-wrap:anywhere}.primary.project-delete{background:#a74135;border-color:#a74135;color:#fff}.primary.project-delete:hover:not(:disabled){background:#8c342a}.working header{background:#fcfdfb}.working .brand strong{font-size:21px;letter-spacing:1px}.working .brand-icon{width:38px;height:38px;border-radius:11px}.working .local-tag{min-width:112px;justify-content:flex-end;font-size:12px}.project-bar{background:#f8faf6;padding-block:16px}.project-title{flex:1}.project-title>div{min-width:0}.project-title h1{display:flex;align-items:center;gap:12px}.project-title h1 .project-name{font:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-title h1 span{flex-shrink:0;margin-left:0}.project-title p{color:#64766b}.project-title p b{color:#956426}.left-panel{background:#f9fbf7}.panel-title h2{color:#344f42;font-weight:600}.minimap{border-radius:8px}.board-summary span,.legend,.progress-card p,.board-progress,.privacy-note{color:#657b68}.progress-card b{font-weight:650}.track{height:6px;background:#e4ebdf}.track i{background:#588675;transition:width .18s}.section-grid{padding:3px;margin-inline:-3px;scrollbar-width:thin}.section-grid button{border-radius:5px}.section-grid button.active{background:#e8f3fa;color:#075a88;box-shadow:none}.section-grid button.empty{opacity:.65}.board-toolbar{gap:12px}.current-section{min-width:0}button.section-badge{display:inline-flex;flex-shrink:0;gap:7px;height:44px;min-width:76px;min-height:44px;font-size:18px;border-radius:10px;background:#096394}button.section-badge:hover:not(:disabled){background:#07517c}.current-section small{color:#6c7b73;margin-top:4px}.scope-switch{flex-shrink:0;background:#f2f5f1;border-color:#e2e8df;border-radius:10px}.scope-switch button{border-radius:7px}.scope-switch button.active:hover{background:#fff}.cancel-section{border-radius:0;font-weight:500;min-height:34px;background:#f3f8f9;border-color:#e0e9e9;color:#3e7382}.focus-colors{padding-block:9px;gap:8px}.focus-colors button{min-height:42px;border-radius:9px;border-color:#dbe3df}.focus-colors button.active{border-color:#0969a5;background:#f0f8fd}.focus-colors small{font-size:12px;background:#eef2f2}.grid-legend{font-size:11px;color:#677771;padding-block:5px 9px}.grid-legend i{width:14px;height:14px;font-size:10px;border-color:#aab8b3}.grid-legend .pending{background:#fff}.grid-legend .uncertain{border-color:#c8a264}.canvas-controls{border-color:#dce5de;box-shadow:0 4px 18px #2849370b;border-radius:11px;padding:2px}.canvas-controls button{border-radius:8px}.canvas-hint{color:#6c7a73;background:#ffffffdc;border:1px solid #e5ebe6;border-radius:6px;font-size:11px}.canvas-hint.editing{color:#fff;border-color:transparent}.focus-action{border-color:#dde5df;padding-block:12px}.focus-action b{font-size:20px}.focus-action .primary{border-radius:10px}.modes button{border-radius:8px;font-size:13px}.modes button.active,.modes button.active:hover{background:#eaf3f8;color:#075e90;box-shadow:inset 0 0 0 1px #d3e6f0}.location-bar{background:#f8faf6}.tabs{gap:18px}.tabs button{color:#718277;min-height:62px}.tabs button.active{color:#215e55;font-weight:600}.tabs span{color:#5e7564;background:#edf2e9}.search{background:#f7f9f5;border-color:#dfe6dc}.search:focus-within{border-color:#619786;box-shadow:0 0 0 3px #215e5512}.search input{min-width:0}.search input:focus{box-shadow:none;outline:none}.clear-search{min-width:28px;min-height:32px;padding:0;color:#677e70}.color-row{border-radius:10px}.color-row.active{background:#f0f6ed;border-color:#b7cdbb}.color-row small,.all-colors small{color:#6b7f6f}.swatch{box-shadow:inset 0 0 0 1px #ffffff26}.empty-state{color:#6d7e74;line-height:1.8;overflow-wrap:anywhere}.empty-state svg{color:#809789}.empty-state h3{font-size:15px;color:#425f4e;margin:14px 0 4px}.overview-empty{flex:1;padding-top:48px}.overview-empty p{margin:8px 0 18px}.review-intro>button{margin-top:8px}.review-intro p{color:#6b7b6f;font-size:12px}.review-row{border-color:#e9eee6;padding-block:11px}.review-row b{font-size:14px}.review-row .cell-crop{border-radius:6px}.ocr-bar{background:#f0f3e7;border-bottom:1px solid #e3e8d8;color:#5e7351}.ocr-bar>span{flex-shrink:0}.ocr-bar progress{min-width:30px}.modal{border-color:#dbe5dc;color:#304b3d;box-shadow:0 24px 80px #18372826}.modal::backdrop{background:#233b3359;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-head h2{font-size:18px;font-weight:600;line-height:1.5}.modal-head{padding-block:14px}.modal-body>.muted:first-child{margin:12px 0 20px}.modal-foot{background:#f8faf6}.modal :is(input,select,textarea){border-color:#dce5da}.modal label{color:#516b59;line-height:1.6}.section-tile{border-color:#d4dfd6;border-radius:9px}.section-tile.active{border-color:#0969a5}.section-tile small{font-size:11px;color:#667c6d}.more-grid button{border-radius:12px;gap:9px}.help p{color:#647660}.import-status{position:fixed;inset:18px auto auto 50%;transform:translate(-50%);z-index:40;display:flex;align-items:center;gap:10px;padding:13px 20px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 6px 24px #163e2315;font-size:13px;white-space:nowrap}.error-banner{z-index:40;line-height:1.6}.error-banner>span{overflow-wrap:anywhere;min-width:0}.error-banner>svg,.error-banner>button{flex-shrink:0}.toast{line-height:1.6}@media(min-width:1001px){.working{display:flex;flex-direction:column;height:100dvh;min-height:720px}.working>header,.project-bar,.ocr-bar{flex-shrink:0}.working .workspace,.working:has(.ocr-bar) .workspace{flex:1;height:auto;min-height:0}.board-area>:not(.canvas-host){flex-shrink:0}.mode-toolbar{flex-wrap:wrap;gap:4px}.undo-group{margin-left:auto}.board-toolbar{flex-wrap:wrap}.board-toolbar>.scope-switch{margin-left:auto}.location-bar{flex-wrap:wrap}}@media(min-width:1001px)and (max-height:850px){.working header{height:60px}.project-bar{padding-block:12px}.board-toolbar{min-height:64px;padding-block:8px}.focus-action{padding-block:8px}.focus-action .primary,.focus-action .secondary{min-height:44px}.modes button{min-height:40px}.location-bar{min-height:48px;padding-block:2px}}@media(max-width:1000px){.working .brand-icon{width:32px;height:32px}.working .local-tag{min-width:105px;font-size:11px}.board-toolbar .scope-switch button:last-child{display:inline-flex}.board-toolbar .scope-switch button{min-height:36px;padding-inline:8px}.current-section strong{display:none}.current-section small{font-size:11px}.focus-action{padding-block:8px}.focus-action small{font-size:11px}.focus-action .primary{font-size:13px}.modes button{font-size:13px;padding-inline:6px}.mobile-nav button{font-size:13px}.mobile-review-content .palette-list{display:block}.mobile-review-content .color-footer{margin-top:12px}.overview-empty+.color-footer>:not(.text-btn){display:none}.modal textarea{font-size:16px}.clear-search{min-width:40px;min-height:44px}.error-banner{bottom:calc(68px + env(safe-area-inset-bottom))}}@media(max-width:700px){.welcome{padding:30px 22px 22px}.welcome h1{font-size:clamp(29px,7.5vw,40px)}.welcome .lead{font-size:13px;margin-bottom:24px}button.import-card{min-height:276px}.backup-hint{display:none}.recent-grid{grid-template-columns:1fr}.resume-chip{padding:12px}.recent-projects{margin-top:20px}.recent-heading h2{font-size:14px}.welcome footer{line-height:1.8}}@media(max-width:380px){.current-section small{display:none}.board-toolbar{padding-inline:10px}.focus-action{flex-wrap:wrap}.focus-action .secondary{font-size:12px}.mobile-nav button{font-size:12px;padding-inline:5px}.section-overview{flex-wrap:wrap}.section-overview>div{flex:1;min-width:160px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}