.local-controls{display:flex;align-items:center;gap:6px}.local-controls [data-local-status]{max-width:155px;font-size:11px;color:#6b6b64}.local-menu{display:grid;grid-template-columns:1fr 1fr;gap:12px}.local-list{max-height:50vh;overflow:auto;display:grid;gap:10px}.local-list .button{display:flex;justify-content:space-between;gap:16px}.local-list small{color:#707068}.failed{color:#a34f35!important}#prep-warnings summary{display:block;padding:10px 12px;background:#fff4c6;border:1px solid #d7bd65;border-radius:8px;font-weight:650;cursor:pointer}#prep-warnings summary::after{content:' ↓';float:right}#prep-warnings [data-warning]{padding:10px;text-align:left;line-height:1.5}.work-actions{gap:6px}.work-actions .local-controls{flex-shrink:0}@media(max-width:1350px){.work-actions [data-local-status]{max-width:100px}.work-title h1{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

.task-home-header .nav{display:flex;gap:14px;align-items:center}
.local-broken{display:grid;gap:8px;padding:12px;border:1px solid #d8a37f;border-radius:10px;background:#fff9f3}.local-broken small{line-height:1.5}.local-broken .button{justify-self:start}
.issue-item{cursor:pointer}.issue-item .issue-number{border:1px solid #d8d6cd;border-radius:6px;background:#fff;cursor:pointer;min-width:38px;font-weight:700}.issue-item .issue-number:hover,.issue-item .issue-number:focus-visible{background:#ffd43b;color:#191919;border-color:#191919}.issue-order-choices{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.issue-order-choices .button{min-width:64px}
.modification-preview-stage{margin-top:16px}.modification-preview-stage>img{display:block;max-width:100%;max-height:65vh;margin:12px auto;border:1px solid #e8e6df;object-fit:contain}.preview-page-switch{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.preview-page-switch button{border:1px solid #d8d6cd;background:#fff;border-radius:6px;min-width:32px;min-height:30px}.preview-page-switch button.active{background:#ffd43b;border-color:#191919;color:#191919}.align-advanced{margin-top:10px;font-size:12px}.align-advanced summary{cursor:pointer}.align-advanced .button{margin-top:6px}
.field-error{display:block;color:#aa453d;font-size:12px;line-height:1.5}.field-error[hidden]{display:none}#position-reason[aria-invalid="true"]{border-color:#aa453d}
.project-row{display:flex;align-items:center;background:#ffffff80;min-width:0}.project-row+.project-row{border-top:1px solid #e8e6df}.project-row .recent-row{flex:1;min-width:0}.project-card-actions{display:flex;gap:6px;padding:0 16px}.project-card-actions .button{font-size:12px}.project-card-actions [data-local-action="delete-request"]{color:#a23c36}.project-row:hover{background:#fff}@media(max-width:700px){.project-card-actions{padding:8px;gap:3px;flex-direction:column}}
.project-open-label{color:#66645e;font-size:12px;white-space:nowrap}
.project-name-button{display:block;border:0;background:transparent;padding:0;text-align:left;max-width:100%;cursor:pointer}.project-name-button:hover h1{text-decoration:underline;text-decoration-color:#a8a69d;text-underline-offset:5px}.project-name-button h1{font:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}.work-title .project-name-button h1{font-size:20px;font-weight:700;letter-spacing:-.4px}.local-controls [data-local-status],#save-status [data-local-status]{display:inline-block;flex:none;width:10px;height:10px;min-width:10px;max-width:10px;overflow:hidden;white-space:nowrap;font-size:0!important;line-height:0;border-radius:50%;background:#aaa9a2;vertical-align:middle}.local-controls [data-local-status].saved,#save-status [data-local-status].saved{background:#287c5a}.local-controls [data-local-status].dirty,#save-status [data-local-status].dirty{background:#d68723}.local-controls [data-local-status].failed,#save-status [data-local-status].failed{background:#ca4c46}.local-secondary{margin-top:14px;border-top:1px solid #e8e6df;padding-top:12px}.local-secondary summary{cursor:pointer;font-size:12px;color:#67665e}.local-secondary .local-menu{margin-top:10px}.issue-number small{font-size:11px;margin-left:2px}.stroke-scope{margin-left:4px}
.canvas-viewport.align-mode,.canvas-viewport.align-mode #drawing{cursor:grab}.canvas-viewport.align-mode:has(#drawing[style*="grabbing"]){cursor:grabbing}
.prep-pack-switch{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.prep-pack-switch button{border:1px solid #d8d6cd;background:#fff;border-radius:7px;min-height:32px;padding:4px 10px}.prep-pack-switch button.active{background:#ffd43b;border-color:#191919}#prep-pack-preview{display:block;max-width:100%;max-height:58vh;object-fit:contain;margin:10px auto;border:1px solid #e8e6df}#prep-pack-status{margin-top:10px}

/* Alignment is a visible mode before the first pointer move. */
#canvas-viewport.align-mode,#canvas-viewport.align-mode canvas{cursor:grab}

/* Visible save tools. Only presentation; local persistence remains unchanged. */
.work-actions .local-controls{gap:8px;min-width:0}.autosave-info{position:relative;font-size:11px;color:#73716B;cursor:help;outline-offset:3px}.autosave-info [data-autosave-status]{white-space:nowrap}.autosave-explanation{display:none;position:absolute;right:0;top:calc(100% + 10px);z-index:100;width:320px;max-width:calc(100vw - 32px);padding:13px 15px;border:1px solid #E8E6DF;border-radius:10px;background:#fff;color:#5D5B55;font-size:12px;line-height:1.8;box-shadow:0 5px 20px #19191914}.autosave-info:hover .autosave-explanation,.autosave-info:focus-visible .autosave-explanation,.autosave-info[aria-expanded="true"] .autosave-explanation{display:block}.autosave-info .failed{color:#B83F39}.autosave-notice{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 24px;background:#F1EFE6;border-bottom:1px solid #E8E6DF;color:#666259;font-size:12px;line-height:1.7}.autosave-notice .button{flex:none}.recent-project-tools{display:flex;align-items:center;gap:16px}.duplicate-project-time{color:#86837A;font-size:11px;font-weight:400;white-space:nowrap}
@media(max-width:700px){.work-header{height:auto;min-width:0;width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;padding:10px 12px;gap:10px}.work-header .work-title{min-width:0}.work-header .work-title h1{max-width:170px}.work-header .work-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0}.work-actions .local-controls{display:contents}.work-actions .autosave-info{grid-column:1/-1;justify-self:start}.autosave-explanation{left:0;right:auto}.work-actions .button{padding:6px;font-size:12px;min-width:0}.work-actions .button .icon{display:none}.autosave-notice{padding:10px 12px;gap:8px;font-size:11px}.recent-project-tools{gap:8px;flex-wrap:wrap}.duplicate-project-time{white-space:normal}}

.panel-bottom{position:relative}.draft-tools{margin-top:5px}.draft-tools summary{cursor:pointer}.draft-tools .local-menu{position:absolute;bottom:100%;right:8px;z-index:30;padding:12px;background:#FAF9F5;border:1px solid #E8E6DF;border-radius:10px;box-shadow:0 5px 20px #19191914;grid-template-columns:1fr;min-width:210px}
.work-title [data-current-sent-status]:not([hidden]){display:block;font-size:11px;color:#73716B}

/* Canvas: actions on the left, contextual parameters on the right. */
.image-status{min-width:0;flex-wrap:wrap;gap:12px}.image-status .image-source,.overlay-image-pair .image-source{display:flex;align-items:center;gap:7px;min-width:0}.image-source strong{font-size:12px;white-space:nowrap}.media-thumb{position:relative;display:inline-flex;flex:none;width:38px;height:38px}.media-thumb img{width:100%;height:100%;object-fit:contain;border:1px solid #E8E6DF;border-radius:7px;background:white}.media-delete{position:absolute;top:-5px;right:-5px;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:#191919B8;color:white;font:16px/20px sans-serif;display:grid;place-items:center}.media-delete:hover{background:#CA4C46}.canvas-top{height:auto;min-height:60px;flex-wrap:wrap;gap:8px}.canvas-top .segments{margin-left:auto}.overlay-settings{flex:none;margin:12px 12px 0;padding:12px;border:1px solid #E8E6DF;border-radius:10px;background:#F4F2EB;max-height:42%;overflow:auto}.overlay-settings summary{font-size:13px;font-weight:600;cursor:pointer}.overlay-image-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:9px 0}.overlay-image-pair .image-source{flex-wrap:wrap}.overlay-image-pair strong{font-size:11px}.overlay-settings .segments{display:flex;margin-bottom:10px}.overlay-settings .segments button{flex:1;white-space:nowrap;padding:4px}.overlay-settings .range-label{margin-top:6px;font-size:12px}.overlay-settings input[type=range]{width:100%;margin:4px 0 2px;accent-color:#191919}.work-shell .tool-rail{left:12px;max-height:calc(100% - 135px);overflow-y:auto;overscroll-behavior:contain}.work-shell .tool-rail button{width:58px;min-height:40px;height:42px;flex:none}.work-shell .tool-rail button span{white-space:normal;font-size:11px;line-height:1.2}.work-shell .canvas-viewport{padding-left:96px}.issue-order-hint{flex:none;margin:0 20px 5px;color:#86837A;font-size:11px}.issue-list .issue-item{position:relative;cursor:grab;touch-action:none;user-select:none}.issue-list .issue-item:active{cursor:grabbing}.issue-item.issue-dragging{opacity:.45}.issue-item[data-issue-insert=before]::before,.issue-item[data-issue-insert=after]::after{content:'';position:absolute;left:0;right:0;height:3px;border-radius:3px;background:#D6A91C;z-index:2}.issue-item[data-issue-insert=before]::before{top:0}.issue-item[data-issue-insert=after]::after{bottom:0}
@media(max-width:700px){.work-shell .work-body{flex-direction:column;overflow:auto;min-height:0}.work-shell .canvas-workspace{width:100%;min-width:0;height:600px;min-height:600px;flex:none}.work-shell .issue-panel{width:100%;min-width:0;height:620px;min-height:620px;flex:none;border-top:1px solid #E8E6DF}.work-shell .canvas-top{padding:12px;align-items:center}.work-shell .canvas-top .segments{width:100%;margin:4px 0 0;justify-content:center}.work-shell .tool-rail{top:145px;transform:none;max-height:440px}.work-shell .floating-zoom{bottom:40px;right:12px;left:auto;transform:none}.work-shell .canvas-viewport{padding:16px 10px 65px 86px;min-width:0}.work-shell .canvas-empty{padding:18px;max-width:100%}.work-shell .canvas-empty h2{font-size:16px}.work-shell .image-status{gap:12px;width:100%;justify-content:space-between}.work-shell .canvas-caption{max-width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-shell .overlay-settings{max-height:280px}}

/* Keep native image/text drags out of the pointer-based canvas interaction. */
.work-shell .artboard,.work-shell .image-status,.work-shell .overlay-image-pair{user-select:none}.work-shell .artboard img,.work-shell .media-thumb img{-webkit-user-drag:none}