:root{--color-bg: #f6f6f3;--color-surface: #ffffff;--color-surface-alt: #eeeeea;--color-border: #d9d9d2;--color-border-strong: #b8b8ad;--color-text: #1f211d;--color-muted: #727268;--color-accent: #1f211d;--color-accent-soft: #e4e4de;--radius-control: 8px;--shadow-popover: 0 16px 44px rgb(31 33 29 / .14);font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--color-text);background:var(--color-bg)}[data-theme=dark]{--color-bg: #11120f;--color-surface: #181916;--color-surface-alt: #22231f;--color-border: #33352f;--color-border-strong: #4c4f47;--color-text: #f1f1ea;--color-muted: #a4a59a;--color-accent: #f1f1ea;--color-accent-soft: #2c2e29;--shadow-popover: 0 16px 44px rgb(0 0 0 / .38)}*{box-sizing:border-box}body{margin:0;min-width:1100px;min-height:100vh;overflow:hidden;background:#11120f}button{font:inherit}button:disabled{cursor:not-allowed;opacity:.42}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.app-shell{display:grid;min-height:100vh;grid-template-rows:56px minmax(0,1fr) 30px;background:var(--color-bg)}.app-bar,.status-bar{display:flex;align-items:center;justify-content:space-between;border-color:var(--color-border);background:color-mix(in srgb,var(--color-surface) 82%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-bar{padding:0 14px;border-bottom:1px solid var(--color-border)}.project-block,.toolbar,.pane-header,.pane-actions,.status-bar{display:flex;align-items:center}.project-block{gap:11px}.app-mark{display:grid;width:32px;height:32px;padding:6px;gap:3px;grid-template-columns:repeat(3,1fr);border:1px solid var(--color-text);border-radius:var(--radius-control);background:var(--color-surface)}.app-mark span{border-radius:2px;background:var(--color-muted);opacity:.45}.app-mark span:nth-child(3),.app-mark span:nth-child(4),.app-mark span:nth-child(5),.app-mark span:nth-child(8){background:var(--color-text);opacity:1}.eyebrow{margin:0;color:var(--color-muted);font-size:11px;line-height:1.2}h1,h2{margin:0;color:var(--color-text);font-weight:650;letter-spacing:0}h1,h2{font-size:14px}.toolbar{gap:6px}.toolbar-group{display:inline-flex;align-items:center;gap:8px}.toolbar-group-tight{gap:5px}.toolbar-divider{width:1px;height:22px;margin:0 3px;background:var(--color-border);opacity:.8}.version-control{display:inline-flex;align-items:center;gap:4px}.button,.icon-button,.segmented button,.version-select{height:34px;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text)}.button{display:inline-flex;align-items:center;gap:7px;padding:0 12px}.button.primary,.icon-button.primary{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-bg)}.button.secondary{background:var(--color-surface)}.button.danger{border-color:color-mix(in srgb,#dc5b4d 46%,var(--color-border));background:color-mix(in srgb,#dc5b4d 8%,var(--color-surface));color:var(--color-text)}.button.danger:hover{border-color:color-mix(in srgb,#dc5b4d 68%,var(--color-border))}.button.is-active{border-color:var(--color-accent);background:var(--color-text);color:var(--color-bg)}.icon-button{display:inline-grid;width:34px;place-items:center;padding:0}.menu-control,.export-split{position:relative;display:inline-flex;align-items:center}.export-split .export-main{border-top-right-radius:0;border-bottom-right-radius:0}.export-split .export-toggle{width:30px;border-left:1px solid color-mix(in srgb,var(--color-bg) 24%,var(--color-accent));border-top-left-radius:0;border-bottom-left-radius:0}.action-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:30;display:grid;min-width:180px;gap:2px;padding:5px;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);box-shadow:0 12px 32px #0000002e}.action-menu button{display:flex;height:34px;align-items:center;gap:9px;padding:0 9px;border:0;border-radius:5px;background:transparent;color:var(--color-text);font-size:13px;text-align:left;white-space:nowrap}.action-menu button:hover{background:var(--color-surface-alt)}.segmented{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface-alt)}.segmented button{height:28px;min-width:44px;border:0;background:transparent;color:var(--color-muted)}.segmented button.is-active{background:var(--color-text);color:var(--color-bg)}.segmented.compact{align-items:center;height:34px}.segmented.compact button{min-width:28px}.segmented.compact span{min-width:44px;color:var(--color-text);font-size:12px;font-variant-numeric:tabular-nums;text-align:center}.version-select{width:108px;max-width:112px;padding:0 28px 0 10px;color:var(--color-text)}.workspace{display:grid;min-height:0;overflow:hidden;grid-template-columns:minmax(420px,var(--workspace-left, 58%)) 8px minmax(360px,calc(100% - var(--workspace-left, 58%) - 8px))}.source-canvas,.grid-organizer{min-width:0;min-height:0;overflow:hidden;padding:14px}.source-canvas{display:flex;flex-direction:column}.grid-organizer{display:flex;min-height:0;flex-direction:column}.divider{cursor:col-resize;border-inline:1px solid var(--color-border);background:linear-gradient(var(--color-border),var(--color-border)) center / 1px 42px no-repeat,var(--color-surface-alt);touch-action:none}.divider:hover,.divider:active{background:linear-gradient(var(--color-accent),var(--color-accent)) center / 2px 54px no-repeat,var(--color-surface-alt)}.pane-header{height:46px;justify-content:space-between;gap:12px}.pane-actions{gap:6px}.canvas-board{position:relative;min-height:0;flex:1 1 0;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-control);background:radial-gradient(circle,rgb(31 33 29 / .12) 1px,transparent 1px) 0 0 / 22px 22px,var(--color-surface);cursor:crosshair;touch-action:none}[data-theme=dark] .canvas-board{background:radial-gradient(circle,rgb(241 241 234 / .12) 1px,transparent 1px) 0 0 / 22px 22px,var(--color-surface)}.canvas-board:active{cursor:grabbing}.canvas-layer{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:0 0;will-change:transform}.canvas-selection-rect{position:absolute;z-index:4;display:none;border:1px solid var(--color-accent);background:color-mix(in srgb,var(--color-accent) 18%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent) 32%,transparent);pointer-events:none}.drop-note{position:absolute;z-index:2;left:18px;top:18px;display:grid;gap:3px;max-width:280px;padding:11px 12px;border:1px dashed var(--color-border-strong);border-radius:var(--radius-control);background:color-mix(in srgb,var(--color-surface) 84%,transparent);color:var(--color-muted);font-size:13px}.drop-note strong{color:var(--color-text);font-size:13px}.canvas-item{position:absolute;display:grid;grid-template-rows:minmax(0,1fr) 24px;overflow:hidden;border:1px solid var(--color-border-strong);border-radius:6px;background:var(--color-surface);box-shadow:0 8px 20px #1f211d1a;contain:layout paint;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.canvas-item:active{cursor:grabbing}.canvas-item span{overflow:hidden;padding:5px 7px;border-top:1px solid var(--color-border);color:var(--color-muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.canvas-item-selection-outline{position:absolute;z-index:3;border:2px solid var(--color-accent);border-radius:7px;pointer-events:none}.canvas-item img{display:block;width:100%;height:100%;object-fit:cover}.image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,rgb(31 33 29 / .12),transparent 42%),linear-gradient(45deg,#d8d8d1,#f3f3ef)}.carousel-workspace{display:grid;min-height:0;flex:1 1 0;grid-template-rows:minmax(180px,.58fr) minmax(130px,.42fr);gap:12px}.carousel-slides,.carousel-assets{min-height:0;overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface)}.carousel-slides{display:grid;align-content:start;gap:8px;padding:10px}.carousel-slide-card{display:grid;grid-template-columns:82px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface-alt);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.carousel-slide-card:active{cursor:grabbing}.carousel-slide-card.is-selected{border-color:var(--color-accent);outline:2px solid var(--color-accent);outline-offset:2px}.carousel-slide-card.is-dragging{opacity:.68}.carousel-slide-card img,.carousel-asset img{display:block;width:100%;height:100%;object-fit:cover}.carousel-slide-card>img,.carousel-slide-card>.image-placeholder{width:82px;height:82px;border-radius:4px}.carousel-slide-card strong,.carousel-slide-card span,.carousel-asset span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.carousel-slide-card strong{display:block;font-size:13px}.carousel-slide-card span,.carousel-asset span{display:block;color:var(--color-muted);font-size:12px}.carousel-slide-actions{display:flex;gap:5px}.carousel-assets{display:grid;align-content:start;gap:8px;padding:10px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.splitter-controls{display:flex;grid-column:1 / -1;align-items:center;justify-content:space-between;gap:10px;padding:8px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface-alt)}.splitter-controls label{display:inline-flex;align-items:center;gap:8px;color:var(--color-muted);font-size:12px}.splitter-controls input{width:58px;height:28px;padding:0 7px;border:1px solid var(--color-border);border-radius:5px;background:var(--color-surface);color:var(--color-text)}.carousel-asset-card{display:grid;gap:6px;min-width:0}.carousel-asset{display:grid;height:auto;grid-template-rows:96px 24px;overflow:hidden;padding:0;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface-alt);color:var(--color-text);text-align:left}.carousel-asset-card .button{justify-content:center;min-height:28px}.carousel-asset span{padding:5px 7px}[data-theme=dark] .image-placeholder{background:linear-gradient(135deg,rgb(241 241 234 / .13),transparent 42%),linear-gradient(45deg,#2a2b26,#55584f)}.grid-viewport{min-height:0;flex:1 1 0;overflow:auto;padding:1px 3px 20px 1px}.grid-preview{display:grid;min-height:0;align-content:start;gap:8px;margin-inline:auto;padding-bottom:20px;grid-template-columns:repeat(3,var(--grid-slot-width, 220px));transform:scale(var(--grid-zoom, 1));transform-origin:top center;width:max-content}.crop-panel{display:grid;grid-template-columns:minmax(110px,.7fr) minmax(170px,1.3fr) repeat(6,auto);align-items:center;gap:10px;min-height:112px;margin:0 0 12px;padding:10px;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface)}.crop-panel.is-empty{grid-template-columns:minmax(160px,auto) 1fr;align-content:center}.crop-panel strong{display:block;margin-top:2px;font-size:13px}.crop-panel label{display:grid;grid-template-columns:auto minmax(90px,1fr) 42px;align-items:center;gap:9px;color:var(--color-muted);font-size:12px}.crop-panel input[type=range]{width:100%;accent-color:var(--color-accent)}.crop-panel span{color:var(--color-text);font-variant-numeric:tabular-nums;text-align:right}.crop-hint{grid-column:1 / -1;margin:-2px 0 0;color:var(--color-muted);font-size:12px}.quality-preflight{display:flex;grid-column:1 / -1;align-items:center;justify-content:space-between;gap:12px;padding:8px 9px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface-alt);font-size:12px}.quality-preflight strong{margin:0;font-size:12px}.quality-preflight span{overflow:hidden;color:var(--color-muted);text-align:right;text-overflow:ellipsis;white-space:nowrap}.quality-preflight.is-good{border-color:color-mix(in srgb,#48b36b 45%,var(--color-border))}.quality-preflight.is-warning{border-color:color-mix(in srgb,#d99a2b 60%,var(--color-border))}.quality-preflight.is-warning strong{color:#d99a2b}.quality-map{display:grid;gap:9px;margin:0 0 12px;padding:10px;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface)}.grid-selection-hint{margin:0 0 10px;padding:8px 9px;border:1px solid color-mix(in srgb,#2f9bff 55%,var(--color-border));border-radius:6px;background:color-mix(in srgb,#2f9bff 11%,var(--color-surface));color:var(--color-text);font-size:12px}.quality-map-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.quality-map-header strong{display:block;margin-top:2px;color:var(--color-text);font-size:13px}.quality-empty{margin:0;color:var(--color-muted);font-size:12px}.quality-issue-list{display:grid;max-height:190px;gap:7px;overflow:auto}.quality-issue{display:grid;gap:3px;height:auto;padding:8px 9px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface-alt);color:var(--color-text);text-align:left}.quality-issue strong{font-size:12px}.quality-issue span{overflow:hidden;color:var(--color-muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.quality-issue.is-warning{border-color:color-mix(in srgb,#d99a2b 55%,var(--color-border))}.quality-issue.is-error{border-color:color-mix(in srgb,#dc5b4d 65%,var(--color-border))}.grid-cell{position:relative;display:grid;overflow:hidden;aspect-ratio:var(--grid-cell-aspect, 4 / 5);place-items:center;border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface)}.grid-cell.has-post{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.grid-cell.has-post:active{cursor:grabbing}.grid-image-frame{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.grid-image-frame img{position:absolute;left:50%;top:50%;display:block;max-width:none;max-height:none;object-fit:cover;object-position:center;touch-action:none;transform-origin:center}.grid-image-frame img.cover-wide{width:auto;height:100%;min-width:100%}.grid-image-frame img.cover-tall{width:100%;height:auto;min-height:100%}.grid-cell.is-selected{outline:2px solid var(--color-accent);outline-offset:2px}.grid-cell.is-span-selected{border-color:var(--color-accent);background:linear-gradient(color-mix(in srgb,var(--color-accent) 15%,transparent),color-mix(in srgb,var(--color-accent) 15%,transparent)),var(--color-surface)}.grid-cell.is-span-selected:after{position:absolute;z-index:5;top:3px;right:3px;bottom:3px;left:3px;border:2px solid var(--color-bg);border-radius:3px;box-shadow:0 0 0 2px var(--color-accent),inset 0 0 0 1px color-mix(in srgb,var(--color-accent) 38%,transparent);content:"";pointer-events:none}.grid-cell.is-span-selected:before{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--color-accent) 10%,transparent);content:"";pointer-events:none}.mosaic-selection-badge{position:absolute;z-index:6;left:7px;top:7px;display:grid;min-width:24px;height:24px;place-items:center;padding:0 7px;border:1px solid var(--color-bg);border-radius:999px;background:var(--color-accent);color:var(--color-bg);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;box-shadow:0 0 0 2px color-mix(in srgb,var(--color-bg) 88%,transparent),0 8px 18px #0000003d;pointer-events:none}.grid-cell.is-dragging{opacity:.72}.grid-cell.is-locked{border-color:var(--color-border-strong)}.grid-cell.is-crop-editing{outline:2px dashed #2f9bff;outline-offset:3px}.grid-cell.is-crop-editing img{cursor:move}.empty-slot{color:var(--color-muted);font-size:12px}.badge{position:absolute;right:6px;top:6px;padding:3px 6px;border-radius:999px;background:#1f211dd6;color:#fff;font-size:11px}.lock-badge{position:absolute;left:6px;top:6px;display:grid;width:22px;height:22px;place-items:center;border:1px solid rgb(255 255 255 / .16);border-radius:999px;background:#1f211dd1;color:#fff}.status-bar{gap:12px;padding:0 14px;border-top:1px solid var(--color-border);color:var(--color-muted);font-size:12px}.export-status{color:var(--color-text)}.feature-tour{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;pointer-events:none}.tour-highlight{position:fixed;border:1px solid color-mix(in srgb,var(--color-accent) 80%,transparent);border-radius:10px;background:color-mix(in srgb,var(--color-accent) 7%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-bg) 80%,transparent),0 0 0 9999px #0000001a,0 16px 38px #00000029}[data-theme=dark] .tour-highlight{box-shadow:0 0 0 1px color-mix(in srgb,var(--color-bg) 80%,transparent),0 0 0 9999px #00000038,0 16px 38px #00000057}.tour-arrow{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;overflow:visible;pointer-events:none}.tour-arrow line{stroke:color-mix(in srgb,var(--color-accent) 72%,transparent);stroke-width:1.25;stroke-linecap:round;stroke-dasharray:4 5}.tour-arrow circle{fill:var(--color-accent)}.tour-card{position:fixed;display:grid;width:300px;min-height:168px;gap:9px;padding:14px;border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background:color-mix(in srgb,var(--color-surface) 94%,transparent);box-shadow:var(--shadow-popover);pointer-events:auto}.tour-card-header,.tour-actions,.tour-actions>div{display:flex;align-items:center}.tour-card-header,.tour-actions{justify-content:space-between;gap:10px}.tour-card-header span{color:var(--color-muted);font-size:11px;font-variant-numeric:tabular-nums}.tour-card h3{margin:0;color:var(--color-text);font-size:15px;font-weight:650;letter-spacing:0}.tour-card p:not(.eyebrow){margin:0;color:var(--color-muted);font-size:13px;line-height:1.42}.tour-actions{align-self:end;margin-top:2px}.tour-actions>div{gap:7px}.grid-drop-hint{position:fixed;z-index:70;display:inline-flex;align-items:center;gap:7px;max-width:220px;padding:7px 9px;border:1px solid var(--color-border-strong);border-radius:999px;background:color-mix(in srgb,var(--color-surface) 94%,transparent);color:var(--color-text);box-shadow:var(--shadow-popover);font-size:12px;line-height:1;pointer-events:none;transform:translateZ(0);white-space:nowrap}.grid-drop-hint span{display:block;width:7px;height:7px;flex:0 0 auto;border-radius:999px;background:var(--color-accent)}