.photo-workspace{grid-template-columns:auto var(--left-panel-width,260px) auto 1fr auto var(--right-panel-width,360px);flex:auto;grid-template-rows:minmax(0,1fr);min-height:0;display:grid;position:relative;overflow:hidden}#tool-rail{grid-column:1}#left-pane{grid-column:2}#left-pane-resizer{grid-column:3}#canvas-column{grid-column:4}#right-pane-resizer{grid-column:5}#right-pane{grid-column:6}.dock{gap:0}.panel-store{display:none}.dock-group{flex-direction:column;flex:1 1 0;min-height:0;display:flex}.dock-group.is-collapsed{flex:none}.dock-group+.dock-group,.dock-group-resizer+.dock-group{border-top:1px solid var(--cr-outline)}.dock-group-header{align-items:center;gap:var(--space-2);padding:2px var(--space-2) 0;border-bottom:1px solid var(--cr-divider);flex:none;display:flex}.dock-group.is-collapsed .dock-group-header{border-bottom:none}.dock-tabs{flex:auto;min-width:0;display:flex;overflow:hidden}.dock-tabs>.dock-tab{--_h:30px;line-height:var(--_h);flex:0 auto;padding-inline:8px}.dock-tabs>.dock-tab.is-active{box-shadow:inset 0 -2px 0 var(--cr-primary)}.dock-group-actions,.dock-group-actions .pane-actions{gap:0}.dock-tab{text-align:center;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none;touch-action:none;min-width:0;display:block;overflow:hidden}.dock-group-actions{flex:none;align-items:center}.dock-group-body{flex-direction:column;flex:1 1 0;min-height:0;display:flex}.dock-group-body>.tab-panel{overflow:hidden}.tab-panel>[data-panel-actions]{padding:2px var(--space-2);border-bottom:1px solid var(--cr-divider);flex:none;justify-content:flex-end;gap:0}.tab-panel>[data-panel-actions] .icon-btn{width:26px;min-width:26px;height:26px;padding:0}.dock-group-resizer{flex:none}.dock-float-layer{z-index:40;pointer-events:none;position:absolute;inset:0}.dock-float{background:var(--cr-surface);border:1px solid var(--cr-outline);border-radius:var(--cr-radius-md);min-width:0;min-height:0;box-shadow:var(--cr-shadow-pop);pointer-events:auto;flex-direction:column;display:flex;position:absolute;overflow:hidden}.dock-float-header{cursor:move}.dock-float-resize{cursor:nwse-resize;background:linear-gradient(135deg, transparent 50%, var(--cr-outline) 50%);touch-action:none;width:14px;height:14px;position:absolute;bottom:0;right:0}.dock-drop-indicator{z-index:50;pointer-events:none;background:color-mix(in srgb, var(--cr-primary) 18%, transparent);border:2px solid var(--cr-primary);position:absolute}.dock-drop-indicator[data-kind=float]{background:0 0;border-style:dashed}.dock-drag-ghost{z-index:50;font-size:11px;font-family:var(--cr-font-mono);color:var(--cr-on-primary);background:var(--cr-primary);pointer-events:none;padding:4px 10px;position:fixed;top:0;left:0}.photo-workspace.is-dragging-panel,.photo-workspace.is-dragging-panel *{cursor:grabbing;-webkit-user-select:none;user-select:none}.dock.is-folded{z-index:45;position:relative;overflow:visible}.dock-fold-strip{padding:var(--space-2) 0;scrollbar-width:none;flex-direction:column;align-items:center;gap:2px;min-height:0;display:flex;overflow-y:auto}.dock-fold-tab{writing-mode:vertical-rl;width:28px;font-size:11px;font-family:var(--cr-font-sans);border-radius:var(--cr-radius-sm);white-space:nowrap;color:var(--cr-muted);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;padding:10px 0;font-weight:500}.left-pane .dock-fold-tab{transform:rotate(180deg)}.dock-fold-tab:hover{color:var(--cr-on-surface);background:var(--cr-hover)}.dock-fold-tab.is-active{color:var(--cr-primary-light);background:var(--cr-primary-tint);border-color:var(--cr-primary-border)}.dock-fold-overlay{background:var(--cr-surface);border:1px solid var(--cr-outline);box-shadow:var(--cr-shadow-pop);flex-direction:column;display:flex;position:absolute;top:0;bottom:0}.dock-fold-overlay[hidden]{display:none}.left-pane .dock-fold-overlay{left:100%}.right-pane .dock-fold-overlay{right:100%}.tool-rail{padding:var(--space-2) 2px;background:var(--cr-bg);border-right:1px solid var(--cr-outline);flex-direction:column;min-height:0;display:flex;overflow:hidden}.tool-rail>.cr-tool-rail{flex:auto;align-self:stretch;min-height:0}.tool-rail .cr-tool-rail__tools{scrollbar-width:none;flex:auto;min-height:0;overflow-y:auto}.tool-rail .cr-tool-rail__footer{flex:none}@media (height<=660px){.tool-rail .cr-tool-rail__tools{gap:0}.tool-rail .cr-tool-group__slot{height:30px}}.canvas-stage{background:var(--cr-sunken);touch-action:none;place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.canvas-wrap{will-change:transform;line-height:0;position:relative}.canvas-wrap:before{content:"";background-color:#22262f;background-image:linear-gradient(45deg,#2a2f3a 25%,#0000 25%),linear-gradient(-45deg,#2a2f3a 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#2a2f3a 75%),linear-gradient(-45deg,#0000 75%,#2a2f3a 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;position:absolute;inset:0}.canvas-wrap.checkerboard-hidden:before{display:none}.photo-canvas,.overlay-canvas{image-rendering:pixelated;display:block;position:relative}.overlay-canvas{pointer-events:none;position:absolute;inset:0}.layer-list{flex:1;min-height:0;overflow-y:auto}.layer-row{border-bottom:1px solid var(--cr-divider);cursor:pointer;-webkit-user-select:none;user-select:none;grid-template-columns:28px auto minmax(0,1fr) auto 28px;align-items:center;gap:6px;padding:6px 8px;display:grid}.layer-row>.icon-btn{width:28px;height:28px;padding:0}.layer-row:hover{background:var(--cr-hover)}.layer-row.is-active{background:color-mix(in srgb, var(--cr-primary) 18%, transparent);box-shadow:inset 2px 0 0 var(--cr-primary)}.layer-row.is-multi-selected:not(.is-active){background:color-mix(in srgb, var(--cr-primary) 9%, transparent);box-shadow:inset 2px 0 0 color-mix(in srgb, var(--cr-primary) 55%, transparent)}.layer-row.is-hidden .layer-name,.layer-row.is-hidden .layer-kind{opacity:.4}.layer-row.is-dragging{opacity:.5}.layer-row.is-rejected{animation:.4s layer-reject}@keyframes layer-reject{0%,to{background:0 0}50%{background:color-mix(in srgb, var(--cr-danger) 30%, transparent)}}.layer-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.layer-meta{color:var(--cr-muted);white-space:nowrap;font-size:10px}.layer-kind{color:var(--cr-muted);place-items:center;display:grid}.layer-row.has-mask{grid-template-columns:28px auto 28px minmax(0,1fr) auto 28px}.layer-lead{padding-left:calc(var(--layer-depth,0) * 14px);align-items:center;gap:2px;display:flex}.layer-disclosure,.layer-clip-arrow{width:14px;height:20px;color:var(--cr-muted);background:0 0;border:0;place-items:center;padding:0;display:grid}.layer-disclosure{cursor:pointer}.layer-disclosure svg,.layer-clip-arrow svg{width:12px;height:12px}.layer-row.is-group .layer-name{font-weight:600}.layer-kind{min-width:20px}.layer-preview.has-preview{min-width:28px}.layer-preview canvas{background:repeating-conic-gradient(var(--cr-divider) 0% 25%, transparent 0% 50%) 0 0 / 6px 6px;outline:1px solid var(--cr-divider);display:block}.layer-row.drop-above{box-shadow:inset 0 2px 0 var(--cr-primary)}.layer-row.drop-below{box-shadow:inset 0 -2px 0 var(--cr-primary)}.layer-row.drop-inside{background:color-mix(in srgb, var(--cr-primary) 14%, transparent);box-shadow:inset 0 0 0 1px var(--cr-primary)}.layer-row.is-clip-target{box-shadow:inset 0 -2px 0 var(--cr-primary)}.layer-row.is-clip-target-top{box-shadow:inset 0 2px 0 var(--cr-primary)}.layer-row.is-clipped .layer-clip-arrow{color:var(--cr-primary-light)}.layer-thumb{outline-offset:1px;border-radius:2px;outline:1px solid #0000;height:24px}.layer-thumb.is-target{outline:2px solid var(--cr-primary)}.layer-locks{border-bottom:1px solid var(--cr-divider);align-items:center;gap:2px;padding:2px 8px;display:flex}.layer-lock-toggle{width:24px;height:22px;color:var(--cr-muted);cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;padding:0;display:grid}.layer-lock-toggle:hover:not(:disabled){background:var(--cr-hover)}.layer-lock-toggle[aria-pressed=true]{color:var(--cr-primary-light);background:color-mix(in srgb, var(--cr-primary) 16%, transparent)}.layer-lock-toggle.is-inherited{color:color-mix(in srgb, var(--cr-primary) 55%, var(--cr-muted))}.layer-lock-toggle svg{width:13px;height:13px}.layer-row .layer-lock.is-partial{color:color-mix(in srgb, var(--cr-primary) 70%, var(--cr-muted))}.layer-mask-thumb{background:var(--cr-bg);border:1px solid var(--cr-outline);cursor:pointer;place-items:center;width:28px;padding:0;display:grid;position:relative}.layer-mask-thumb canvas{max-width:24px;max-height:22px;display:block}.layer-mask-thumb.is-off:after{content:"";background:linear-gradient(to top right, transparent calc(50% - 1px), var(--cr-danger) 50%, transparent calc(50% + 1px));position:absolute;inset:0}.layer-rename{width:100%;font:inherit;color:var(--cr-on-surface);background:var(--cr-sunken);border:1px solid var(--cr-primary);padding:2px 4px;font-size:13px}.inspector{padding:var(--space-5);overflow-y:auto}.inspector-section{margin-bottom:var(--space-7)}.inspector-heading{text-transform:uppercase;letter-spacing:.08em;color:var(--cr-muted);margin:0 0 8px;font-size:11px}.field{grid-template-columns:84px minmax(0,1fr) auto;align-items:center;gap:8px;margin-bottom:8px;display:grid}.field-range{grid-template-columns:84px minmax(0,1fr) 44px}.field-compact{grid-template-columns:20px minmax(0,1fr)}.field-gradient{grid-template-columns:minmax(0,1fr)}.field-range.field-linked{grid-template-columns:84px minmax(0,1fr) 44px 28px}.field-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid}.field>:is(input[type=range],input[type=text],input[type=number],select),.effect-controls>select{width:100%;min-width:0}.field-label{color:var(--cr-muted);font-size:11px}.field-value{color:var(--cr-muted);text-align:right;font-variant-numeric:tabular-nums;font-size:11px}.field-note{color:var(--cr-muted);margin:0;font-size:11px}.empty-state{padding:var(--space-7);color:var(--cr-muted);text-align:center;font-size:12px}.tool-options-row{background:var(--cr-surface);border-bottom:1px solid var(--cr-outline);flex:none;min-width:0;height:38px;position:relative}.tool-options{align-items:center;gap:6px var(--space-4);scrollbar-width:thin;flex-wrap:nowrap;min-width:0;height:100%;padding:0 12px;display:flex;overflow:auto hidden}.tool-options>*{flex-shrink:0}.tool-options-row:before,.tool-options-row:after{content:"";z-index:1;pointer-events:none;opacity:0;width:32px;position:absolute;top:0;bottom:0}.tool-options-row:before{background:linear-gradient(to right, var(--cr-surface), transparent);left:0}.tool-options-row:after{background:linear-gradient(to left, var(--cr-surface), transparent);right:0}.tool-options-row:has(>.tool-options:is([data-more=start],[data-more=both])):before{opacity:1}.tool-options-row:has(>.tool-options:is([data-more=end],[data-more=both])):after{opacity:1}.tool-options[hidden]{display:none}.tool-option{white-space:nowrap;color:var(--cr-muted);flex-shrink:0;align-items:center;gap:6px;font-size:11px;display:flex}.tool-option-range{align-items:center;gap:6px;display:flex}.tool-option-range input[type=range]{width:clamp(64px,7vw,110px)}.tool-options .palette-strip{flex-wrap:nowrap;margin-left:0}.tool-options .palette-select{max-width:none}.tool-option-value{font-variant-numeric:tabular-nums;min-width:26px;color:var(--cr-muted)}.tool-option-color{border:1px solid var(--cr-outline);cursor:pointer;background:0 0;width:28px;height:22px;padding:0}.tool-option-color-text{white-space:nowrap;font-variant-numeric:tabular-nums;min-width:108px;color:var(--cr-muted)}.tool-option-toggles{flex-shrink:0;gap:2px;display:inline-flex}.tool-option-toggles .icon-btn.is-active{background:var(--cr-primary-tint);border-color:var(--cr-primary-border);color:var(--cr-primary-light)}.tool-option-number{font-variant-numeric:tabular-nums;width:64px;padding:2px 6px}.tool-option-panel{flex-shrink:0;font-size:11px;position:relative}.tool-option-panel>summary{cursor:pointer;white-space:nowrap}.tool-option-panel-body{z-index:60;background:var(--cr-surface);border:1px solid var(--cr-outline);border-radius:var(--cr-radius-md);box-shadow:var(--cr-shadow-pop);gap:6px;padding:10px 12px;display:grid;position:fixed}.tool-option-panel-body .tool-option{justify-content:space-between}.effect-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;margin-bottom:10px;display:grid}.effect-card{border:1px solid var(--cr-outline);background:var(--cr-bg);margin-bottom:8px;padding:8px}.effect-card.is-off{opacity:.55}.effect-header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;margin-bottom:6px;display:grid}.effect-name{color:var(--cr-on-surface);font-size:12px}.photo-canvas-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.photo-pen-overlay .pen-curve{fill:none;stroke:var(--cr-primary)}.photo-pen-overlay .pen-other{fill:none;stroke:color-mix(in srgb, var(--cr-primary) 45%, transparent)}.photo-pen-overlay .pen-tangent{stroke:color-mix(in srgb, var(--cr-primary) 70%, transparent)}.photo-pen-overlay .pen-handle{fill:var(--cr-sunken);stroke:var(--cr-primary)}.photo-pen-overlay .pen-anchor{fill:#fff;stroke:#101319}.photo-pen-overlay .pen-anchor.is-selected{fill:var(--cr-primary);stroke:#fff}.photo-ruler{z-index:3;color:var(--cr-muted);background:var(--cr-bg);border-color:var(--cr-outline);position:absolute}.photo-ruler-x{cursor:ns-resize;border-bottom:1px solid var(--cr-outline);top:0;left:0}.photo-ruler-y{cursor:ew-resize;border-right:1px solid var(--cr-outline);top:0;left:0}.photo-guides-overlay .grid-line{fill:none;stroke:color-mix(in srgb, var(--cr-muted) 35%, transparent)}.photo-guides-overlay .guide-line{stroke:#22d3ee}.photo-guides-overlay .guide-line.is-dragging{stroke:#67e8f9}.photo-guides-overlay .snap-line{stroke:var(--cr-primary);stroke-dasharray:6 4}.photo-text-input{opacity:0;resize:none;white-space:pre;caret-color:#0000;border:0;width:1px;height:1px;padding:0;display:none;position:absolute;overflow:hidden}.photo-text-overlay .text-box{fill:none;stroke:color-mix(in srgb, var(--cr-primary) 60%, transparent);stroke-dasharray:4 4}.photo-text-overlay .text-selection{fill:color-mix(in srgb, var(--cr-primary) 35%, transparent)}.photo-text-overlay .text-caret{stroke:var(--cr-primary);animation:1.06s step-end infinite photo-caret-blink}@keyframes photo-caret-blink{50%{opacity:0}}.field-buttons{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.field-button{align-items:center;gap:6px;font-size:12px;display:inline-flex}.modal-body>.field-buttons{margin-bottom:8px}.modal-body>.nav-option .nav-option-shortcut{text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}.photo-mesh-overlay .mesh-line{fill:none;stroke:color-mix(in srgb, var(--cr-primary) 70%, transparent)}.photo-mesh-overlay .mesh-handle{fill:#fff;stroke:#101319}.curve-editor{margin-top:6px}.gradient-map-editor{flex-direction:column;gap:6px;margin-top:6px;display:flex}.gradient-map-ramp{border:1px solid var(--cr-outline);height:18px}.gradient-map-stops{flex-direction:column;gap:4px;display:flex}.gradient-map-stop{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;display:grid}.subpath-row{grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:6px;padding:2px 0;display:grid}.subpath-pick{text-align:left;color:var(--cr-muted);cursor:pointer;background:0 0;border:none;font-size:12px}.subpath-row.is-editing .subpath-pick{color:var(--cr-primary-light);font-weight:600}.version-heading{margin:var(--space-5) 0 var(--space-3);text-transform:uppercase;letter-spacing:.06em;color:var(--cr-muted);font-size:11px;font-weight:600}.version-row{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--cr-divider);background:var(--cr-surface);display:flex}.version-row+.version-row{border-top:none}.version-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.version-title,.version-meta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.version-title{color:var(--cr-on-surface);font-size:13px}.version-meta{color:var(--cr-muted);font-size:11px}.shortcuts-search{width:100%;margin-bottom:var(--space-3)}.shortcuts-row{justify-content:space-between;align-items:center;gap:var(--space-5);border-bottom:1px solid var(--cr-divider);padding:4px 0;font-size:13px;display:flex}.shortcuts-keys{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.ai-guide-cursor{z-index:58;pointer-events:none;border:1px solid #ffffffe6;border-radius:50%;position:fixed;top:0;left:0;box-shadow:0 0 0 1px #0000008c}.ai-guide-panel{z-index:60;background:var(--cr-surface);border:1px solid var(--cr-outline);border-radius:var(--cr-radius-md);width:320px;max-height:calc(100vh - 120px);box-shadow:var(--cr-shadow-pop);flex-direction:column;gap:10px;padding:14px;display:flex;position:fixed;bottom:24px;right:24px;overflow-y:auto}.ai-guide-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.ai-guide-head h3{margin:0;font-size:14px}.ai-guide-desc,.ai-guide-hint{color:var(--cr-muted);margin:0;font-size:12px;line-height:1.45}.ai-guide-hint{min-height:2.9em}.ai-guide-channels{flex-direction:column;gap:4px;display:flex}.ai-guide-channel{text-align:left;color:var(--cr-on-surface);background:var(--cr-bg);border:1px solid var(--cr-outline);cursor:pointer;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:flex}.ai-guide-channel.is-active{border-color:var(--cr-primary);background:color-mix(in srgb, var(--cr-primary) 18%, transparent);color:var(--cr-on-surface);border-left-width:3px}.ai-guide-channel:not(.is-active){opacity:.65}.ai-guide-swatch{border:1px solid;flex:none;width:14px;height:14px}.ai-guide-tools{align-items:center;gap:6px;display:flex}.ai-guide-tool{width:28px;height:28px;color:var(--cr-on-surface);background:var(--cr-bg);border:1px solid var(--cr-outline);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.ai-guide-tool.is-active{border-color:var(--cr-primary);background:var(--cr-hover)}.ai-guide-field{color:var(--cr-muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.ai-guide-range{align-items:center;gap:6px;display:flex}.ai-guide-range input[type=range]{flex:1;min-width:0}.ai-guide-range output{font-variant-numeric:tabular-nums;text-align:right;min-width:32px}.ai-guide-size{flex:1}.ai-guide-actions{justify-content:flex-end;gap:8px;margin-top:2px;display:flex}.ai-routing-summary{cursor:pointer;padding:4px 0;font-size:13px}.ai-routing-rows{flex-direction:column;gap:12px;margin-top:10px;display:flex}.ai-routing-row{background:var(--cr-bg);border:1px solid var(--cr-outline);grid-template-columns:1fr 1fr;gap:8px;padding:10px;display:grid}.ai-routing-head{color:var(--cr-on-surface);grid-column:1/-1;font-size:12px}.ai-routing-field{color:var(--cr-muted);flex-direction:column;gap:4px;font-size:11px;display:flex}.ai-routing-fallbacks{flex-wrap:wrap;gap:10px;display:flex}.ai-context-body{flex-direction:column;gap:18px;display:flex}.ai-context-scope-head{align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.ai-context-scope-head h3{text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:12px}.ai-context-empty{padding:10px 0}.ai-context-entry{border-top:1px solid var(--cr-divider);grid-template-columns:auto 1fr auto;align-items:start;gap:8px;padding:8px 0;display:grid}.ai-context-entry.is-off{opacity:.5}.ai-context-entry-main{flex-direction:column;gap:2px;min-width:0;display:flex}.ai-context-text{resize:vertical;width:100%;min-height:2.2em;font:inherit;color:var(--cr-on-surface);background:0 0;border:1px solid #0000;padding:2px 4px}.ai-context-text:hover{border-color:var(--cr-outline)}.ai-context-text:focus{border-color:var(--cr-primary);outline:none}.ai-context-meta{color:var(--cr-muted);flex-wrap:wrap;gap:6px;font-size:11px;display:flex}.ai-context-kind{text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--cr-outline);padding:0 5px}.ai-context-kind--rule{color:var(--cr-on-surface);border-color:var(--cr-primary)}.ai-context-actions{gap:2px;display:flex}.ai-context-add{grid-template-columns:auto 1fr auto;gap:6px;margin-top:8px;display:grid}.ai-context-violations{border:1px solid var(--cr-outline);border-left:2px solid var(--cr-primary);padding:10px}.ai-context-violations h3{margin:0 0 6px;font-size:12px}.ai-context-violation{justify-content:space-between;align-items:center;gap:10px;padding:4px 0;display:flex}.ai-context-violation-text{flex-direction:column;min-width:0;display:flex}.ai-guide-lights-layer{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ai-guide-lights{gap:8px}.ai-guide-light-controls{flex-direction:column;gap:6px;display:flex}.ai-guide-light-actions{gap:6px;display:flex}.chat-offer{gap:6px;margin-top:8px;display:flex}.color-range-preview{width:100%;max-height:220px;margin-bottom:var(--space-3);object-fit:contain;border:1px solid var(--cr-outline);background:var(--cr-surface);display:block}.modal-backdrop.modal-backdrop--clear{background:0 0;justify-content:flex-end;align-items:flex-start;padding:88px 24px 24px}.secondary-btn.is-active{border-color:var(--cr-primary);color:var(--cr-primary-light)}.color-chip{flex-shrink:0;width:34px;height:34px;margin-top:auto;position:relative}.color-chip-swatch{border:1px solid var(--cr-muted);width:20px;height:20px;box-shadow:0 0 0 1px var(--cr-bg);cursor:pointer;position:absolute}.color-chip-swatch input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.color-chip-fg{z-index:1;top:0;left:0}.color-chip-bg{bottom:0;right:0}.color-chip-swap,.color-chip-reset{width:12px;height:12px;color:var(--cr-muted);cursor:pointer;background:0 0;border:0;padding:0;position:absolute}.color-chip-swap{top:0;right:0}.color-chip-swap svg{width:11px;height:11px}.color-chip-swap:hover,.color-chip-reset:hover{color:var(--cr-on-surface)}.color-chip-reset{border:1px solid var(--cr-outline);background:linear-gradient(135deg,#000 0 50%,#fff 50% 100%);bottom:0;left:0}.photo-brush-ring{z-index:57;pointer-events:none;border:1px solid #ffffffe6;border-radius:50%;position:fixed;top:0;left:0;box-shadow:0 0 0 1px #0000008c}.field-color{grid-template-columns:84px 1fr}.field-color-controls{align-items:center;gap:6px;display:inline-flex}.field-color-strip{flex-wrap:wrap;grid-column:2;margin-left:0}.field-toggles{gap:4px;display:inline-flex}.field-toggle.is-active{background:var(--cr-primary);color:var(--cr-on-primary)}.nav-instant .nav-dropdown,.nav-instant .nav-trigger,.nav-instant .nav-trigger svg{transition:none}.inspector [data-tooltip]:not([data-tooltip-visible=true]):after,.inspector [data-tooltip]:not([data-tooltip-visible=true]):before{display:none}.field-amount{grid-template-columns:auto minmax(0,1fr) auto}.photo-media-toolbar{gap:var(--space-2);padding:var(--space-2);border-bottom:1px solid var(--cr-divider);display:flex}.photo-media-search{flex:auto;min-width:0}.photo-media-sort{background:var(--cr-input-bg);max-width:96px;color:var(--cr-on-surface);border:1px solid var(--cr-outline);font-size:var(--font-size-sm);flex:none}.photo-media-empty{margin:var(--space-2)}.photo-media-empty[hidden]{display:none}.photo-media-none{padding:var(--space-3);color:var(--cr-muted);font-size:var(--font-size-sm);text-align:center;margin:0}.photo-media-list{outline:none;flex:1 1 0;min-height:0;overflow-y:auto}.photo-media-list:focus-visible{box-shadow:inset 0 0 0 1px var(--cr-primary)}.photo-media-list.is-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));align-content:start;gap:6px;padding:6px;display:grid}.photo-media-list[hidden]{display:none}.photo-media-item{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;min-width:0}.photo-media-item:hover{background:var(--cr-hover)}.photo-media-item.is-selected{background:color-mix(in srgb, var(--cr-primary) 18%, transparent);border-color:var(--cr-primary)}.photo-media-list:focus-visible .photo-media-item.is-cursor{outline:1px dashed var(--cr-primary);outline-offset:-3px}.photo-media-thumb{color:var(--cr-muted);background:repeating-conic-gradient(var(--cr-divider) 0% 25%, transparent 0% 50%) 0 0 / 8px 8px;justify-content:center;align-items:center;display:flex;overflow:hidden}.photo-media-thumb img{object-fit:contain;max-width:100%;max-height:100%;display:block}.photo-media-text{flex-direction:column;min-width:0;display:flex}.photo-media-name,.photo-media-meta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.photo-media-name{font-size:var(--font-size-sm)}.photo-media-meta{font-size:var(--font-size-xs);color:var(--cr-muted)}.photo-media-rename{width:100%;min-width:0;font-size:var(--font-size-sm);background:var(--cr-input-bg);color:var(--cr-on-surface);border:1px solid var(--cr-primary)}.photo-media-list.is-grid .photo-media-item{flex-direction:column;gap:2px;padding:3px;display:flex}.photo-media-list.is-grid .photo-media-thumb{aspect-ratio:1}.photo-media-list.is-grid .photo-media-meta{display:none}.photo-media-list.is-list .photo-media-item{border-bottom:1px solid var(--cr-divider);grid-template-columns:40px minmax(0,1fr);align-items:center;gap:8px;padding:4px 8px;display:grid}.photo-media-list.is-list .photo-media-thumb{width:40px;height:40px}.photo-media-panel.is-dragging-over,.canvas-stage.is-media-drop{box-shadow:inset 0 0 0 2px var(--cr-primary)}.photo-navigator-panel{min-height:0}.photo-status-color{align-items:center;gap:var(--space-2);font-family:var(--cr-font-mono);font-variant-numeric:tabular-nums;display:inline-flex}.photo-status-swatch{border:1px solid var(--cr-outline);width:10px;height:10px}.canvas-stage.is-zoom-tool{cursor:zoom-in}.canvas-stage.is-zoom-tool.is-zoom-out{cursor:zoom-out}.trim-dialog{gap:var(--space-2);padding:var(--space-3) var(--space-4);flex-direction:column;display:flex}.trim-dialog-edges{gap:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--cr-outline);flex-wrap:wrap;display:flex}.trim-dialog-option{align-items:center;gap:var(--space-2);display:inline-flex}.collage-dialog{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;display:grid}@media (width<=640px){.collage-dialog{grid-template-columns:minmax(0,1fr)}}.collage-dialog-controls{flex-direction:column;gap:10px;min-width:0;display:flex}.collage-dialog-controls>.field-row>select{grid-column:1/-1}.collage-dialog-controls>.field-row>.field{margin-bottom:0}.collage-layouts{flex-wrap:wrap;gap:6px;display:flex}.collage-layout-btn{border:1px solid var(--cr-divider);color:var(--cr-muted);cursor:pointer;background:0 0;padding:5px}.collage-layout-btn:hover{background:var(--cr-hover)}.collage-layout-btn.is-selected{border-color:var(--cr-primary);color:var(--cr-primary-light);background:color-mix(in srgb, var(--cr-primary) 14%, transparent)}.image-info{border-collapse:collapse;font-size:13px}.image-info th{color:var(--cr-muted);text-align:left;vertical-align:top;white-space:nowrap;padding:3px 16px 3px 0;font-weight:500}.image-info td{overflow-wrap:anywhere;padding:3px 0}.photo-actions-panel{flex-direction:column;min-height:0;display:flex}.photo-actions-list{min-height:0;padding:var(--space-1) 0;font-size:var(--font-size-sm);flex:1 1 0;overflow:hidden auto}.photo-actions-row{align-items:center;gap:var(--space-2);padding:5px var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.photo-actions-row:hover,.photo-actions-step:hover{background:var(--cr-hover)}.photo-actions-row.is-open{color:var(--cr-heading)}.photo-actions-row:focus-visible,.photo-actions-step:focus-visible{box-shadow:inset 0 0 0 1px var(--cr-primary);outline:none}.photo-actions-caret{color:var(--cr-muted);display:inline-flex}.photo-actions-caret svg{width:14px;height:14px}.photo-actions-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.photo-actions-count{color:var(--cr-muted);font-variant-numeric:tabular-nums}.photo-actions-ai{border:1px solid var(--cr-primary);color:var(--cr-primary-light);font-size:var(--font-size-xs);border-radius:999px;padding:0 5px}.photo-actions-steps{padding-bottom:var(--space-1)}.photo-actions-step{align-items:center;gap:var(--space-2);padding:3px var(--space-2) 3px 28px;display:flex}.photo-actions-step.is-off .photo-actions-step-label{color:var(--cr-muted);text-decoration:line-through}.photo-actions-step.is-dragging{opacity:.5}.photo-actions-step.is-pending{color:var(--cr-muted)}.photo-actions-step-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.photo-actions-step-label.is-ai{color:var(--cr-primary-light)}.photo-actions-step-btn{opacity:0}.photo-actions-step:hover .photo-actions-step-btn,.photo-actions-step:focus-within .photo-actions-step-btn{opacity:1}.photo-actions-recording{margin:0 var(--space-2) var(--space-1);padding:4px var(--space-2);background:color-mix(in srgb, var(--cr-danger) 12%, transparent);color:var(--cr-danger);border-radius:4px}.photo-actions-skipped,.photo-actions-empty{padding:3px var(--space-2) 3px 28px;color:var(--cr-muted);font-size:var(--font-size-xs)}.icon-btn.is-recording{color:var(--cr-danger)}.photo-step-editor .modal-body{max-height:60vh;overflow-y:auto}.photo-step-error{color:var(--cr-danger)}.topbar-right>*{white-space:nowrap;flex-shrink:0}[data-layout-mode=folded] #provider-status-label{display:none}[data-layout-mode=folded] .topbar .nav-trigger{padding-inline:7px}[data-layout-mode=folded] .topbar .nav-trigger svg{display:none}[data-layout-mode=folded] .topbar .brand{padding-right:var(--space-2)}#main-nav .nav-trigger{border-radius:min(var(--cr-radius-sm), var(--cr-radius-pill));color:var(--cr-on-surface);font-family:var(--cr-font-sans);font-size:var(--cr-text-small);border:0;font-weight:500}#main-nav .nav-trigger:hover{background:var(--cr-hover);color:var(--cr-on-surface)}#main-nav .nav-trigger.is-open{background:var(--cr-primary-tint);color:var(--cr-primary-light)}.nav-dropdown,.nav-submenu{min-width:220px;padding:var(--cr-space-xs);background:var(--cr-surface);border:var(--cr-border-width) solid var(--cr-outline);border-radius:min(var(--cr-radius-md), var(--cr-radius-pill));box-shadow:var(--cr-shadow-pop);font-size:var(--cr-text-small)}.nav-dropdown .nav-option,.nav-submenu .nav-option{gap:var(--cr-space-sm);padding:7px var(--cr-space-sm);border-radius:max(0px, calc(min(var(--cr-radius-md), var(--cr-radius-pill)) - 2px));color:var(--cr-on-surface);font-family:var(--cr-font-sans);font-size:var(--cr-text-small)}.nav-dropdown .nav-option:is(:hover,:focus-visible),.nav-submenu .nav-option:is(:hover,:focus-visible),.nav-option--has-sub.is-sub-open{background:var(--cr-primary-tint);color:var(--cr-heading);outline:none}.nav-option-icon{width:18px;color:var(--cr-muted);opacity:1}.nav-option:is(:hover,:focus-visible)>.nav-option-icon,.nav-option--has-sub.is-sub-open>.nav-option-icon{color:var(--cr-primary-light)}.nav-option-icon svg{width:16px;height:16px}.nav-option-shortcut{font-family:var(--cr-font-mono);font-size:var(--cr-text-caption);color:var(--cr-muted)}.nav-option-arrow{color:var(--cr-muted);opacity:1}.nav-divider{margin:var(--cr-space-xs);background:var(--cr-divider)}.modal-backdrop{background:var(--cr-scrim)}.modal-backdrop.modal-backdrop--clear,.modal-backdrop.modal-backdrop--none{background:0 0}.modal-backdrop>:is(.modal-card,.modal){padding:var(--cr-space-xl);color:var(--cr-on-surface);background:var(--cr-surface);border:var(--cr-border-width) solid var(--cr-outline);border-radius:var(--cr-radius-xl);box-shadow:var(--cr-shadow-pop)}.modal-backdrop :is(.modal-title,.modal-header h2,.modal-header h3){font-family:var(--cr-font-sans);font-size:var(--cr-text-title);color:var(--cr-heading);margin:0;font-weight:600;line-height:1.3}.modal-backdrop .modal-header{margin-bottom:var(--cr-space-md)}.modal-backdrop .modal-footer{gap:var(--cr-space-sm);margin-top:var(--cr-space-lg);border-top:0;padding-top:0}:is(.primary-btn,.secondary-btn,.modal-btn-accept,.danger-btn){font-family:var(--cr-font-sans);border-radius:min(var(--cr-radius-pill), var(--cr-radius-md));font-weight:600}.secondary-btn{border-color:var(--cr-outline);background:var(--cr-input-bg);color:var(--cr-on-surface)}.secondary-btn:hover:not(:disabled){border-color:var(--cr-primary-border);background:var(--cr-surface-high)}.primary-btn,.modal-btn-accept{border-color:var(--cr-primary-border);background:var(--cr-primary);color:var(--cr-on-primary)}.primary-btn:hover:not(:disabled),.modal-btn-accept:hover:not(:disabled){background:var(--cr-primary-light);color:var(--cr-bg);opacity:1}.photo-workspace .icon-btn{border-radius:min(var(--cr-radius-pill), var(--cr-radius-md));color:var(--cr-muted);background:0 0;border-color:#0000}.photo-workspace .icon-btn:hover:not(:disabled){background:var(--cr-surface-high);color:var(--cr-on-surface)}.photo-workspace .icon-btn.is-active{border-color:var(--cr-primary-border);background:var(--cr-primary-tint);color:var(--cr-primary-light)}.photo-workspace .chip,.modal-backdrop .chip{font-family:var(--cr-font-sans);border-color:var(--cr-outline);border-radius:var(--cr-radius-pill);background:var(--cr-input-bg);color:var(--cr-on-surface);font-weight:500}:is(.photo-workspace,.modal-backdrop) button.chip{cursor:pointer;padding-inline:10px}:is(.photo-workspace,.modal-backdrop) button.chip:hover:not(:disabled){border-color:var(--cr-primary-border)}:is(.photo-workspace,.modal-backdrop) .chip.is-selected{border-color:var(--cr-primary-border);background:var(--cr-primary-tint);color:var(--cr-primary-light)}.layout-icon,.layout-preview{display:block;position:relative}.layout-icon{width:36px;height:36px}.layout-preview{border:1px solid var(--border-subtle);margin:0 auto;overflow:hidden}.layout-preview-cell{background:var(--text-muted);opacity:.55;position:absolute;overflow:hidden}.layout-icon .layout-preview-cell{border-radius:2px}.layout-preview .layout-preview-cell{opacity:1;background:#d4d4d8}.layout-preview-cell img{object-fit:cover;width:100%;height:100%;display:block}
