:root{--bg:#eaedf0;--panel:#f5f6f7;--paper:#f3f5f6;--paper-alt:#edf0f2;--paper-shadow:#35424f12;--text:#1b2228;--muted:#1b222880;--line:#4d5b6826;--line-strong:#3a485485;--accent:#1b2228;--workspace-ratio:1.33333;--font-ui:"Helvetica Neue", "Arial", sans-serif;--font-display:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", "Georgia", serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background-color:var(--bg);color:var(--text);font-family:var(--font-ui);letter-spacing:.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:12px;font-weight:400;line-height:1.4}button,input{font:inherit}button{color:inherit}.app{background:linear-gradient(#f7f8f8 0%,#f2f4f5 100%);border:1px solid #ffffffb8;grid-template-columns:minmax(220px,260px) minmax(0,1fr);gap:3rem;width:min(1500px,100vw - 3.5rem);min-height:calc(100vh - 3.5rem);margin:1.75rem auto;padding:1.8rem 1.9rem 2rem;display:grid;box-shadow:0 20px 48px #76818c1f}.rail{border-right:1px solid var(--line);background:0 0;flex-direction:column;gap:1.55rem;padding:0 1.3rem 0 0;display:flex}.rail-block{padding-top:.15rem}.masthead{padding-bottom:1rem}.kicker,.empty-note,.stage-footnote,.status-note{color:var(--muted);margin:0}.kicker{font-family:var(--font-display);letter-spacing:-.04em;text-transform:none;color:var(--text);font-size:2.35rem;line-height:.95}.stage-kicker,.stage-subtitle{margin:0}.stage-kicker{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.stage-subtitle{max-width:32ch;font-family:var(--font-ui);letter-spacing:.01em;text-transform:none;color:var(--muted);margin-top:.5rem;font-size:.8rem;line-height:1.5}.meta,.controls,.format-block,.inspector{border-top:1px solid var(--line);padding-top:.82rem}.meta-row,.text-action,.action-row,.inspector-row,.inspector-title,.control-row{letter-spacing:.05em;text-transform:uppercase;font-size:.72rem}.meta-row,.action-row,.inspector-row,.inspector-title,.control-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;display:grid}.meta-row+.meta-row,.text-action+.text-action,.control-row+.control-row,.inspector-actions .text-action+.text-action,.inspector-state+.inspector-actions,.inspector-row+.inspector-row{margin-top:.42rem}.meta-row span:last-child,.inspector-row span:last-child,.inspector-title span:last-child{text-align:right}.inspector-title span:last-child{font-family:var(--font-display);letter-spacing:-.04em;text-transform:none;color:var(--text);font-size:1.35rem;line-height:1}.text-action,.action-row,.inspector-action{-webkit-appearance:none;appearance:none;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.text-action,.action-row{display:block}:is(.text-action:hover,.action-row:hover,.text-action:focus-visible,.action-row:focus-visible,.inspector-action:hover,.inspector-action:focus-visible){opacity:.62;text-decoration:none}.text-action:focus-visible{outline-offset:3px;outline:1px solid #3a485452}.action-row:focus-visible{outline-offset:3px;outline:1px solid #3a485452}.inspector-action:focus-visible{outline-offset:3px;outline:1px solid #3a485452}input:focus-visible{outline-offset:3px;outline:1px solid #3a485452}button:focus-visible{outline-offset:3px;outline:1px solid #3a485452}.text-action[disabled]{color:var(--muted);cursor:default;text-decoration:none}.status-note{min-height:1.2em;font-size:.74rem}.status-note.is-error{color:#151210c7}.stage-status{margin-top:-.15rem}.control-row{grid-template-columns:64px minmax(0,1fr)}input[type=number]{-webkit-appearance:textfield;appearance:textfield;border:1px solid var(--line);width:100%;color:var(--text);background:0 0;border-width:0 0 1px;border-radius:0;padding:.48rem 0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=range]{-webkit-appearance:none;appearance:none;background:0 0;width:100%;height:16px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:var(--line-strong);height:1px}input[type=range]::-moz-range-track{background:var(--line-strong);height:1px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent);border:0;border-radius:50%;width:8px;height:8px;margin-top:-3.5px}input[type=range]::-moz-range-thumb{background:var(--accent);border:0;border-radius:50%;width:8px;height:8px}.size-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-bottom:.7rem;display:grid}.size-input{flex-direction:column;gap:.22rem;display:flex}.stage{flex-direction:column;gap:1rem;min-width:0;display:flex}.stage-header{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:2rem;display:flex}.stage-heading{min-width:0;max-width:28rem}.stage-actions{flex-wrap:wrap;align-items:center;gap:1.4rem;padding-top:.3rem;display:flex}.stage-rule{border-top:1px solid var(--line);margin-top:.1rem}.workspace-layout{grid-template-columns:minmax(0,1fr) 240px;align-items:start;gap:1.4rem;display:grid}.workspace-frame{min-width:0;min-height:0}.workspace{width:min(100%, calc((100vh - 4rem) * var(--workspace-ratio)));max-width:100%;aspect-ratio:var(--workspace-ratio);background-color:var(--paper-alt);border:1px solid var(--line);box-shadow:0 8px 24px var(--paper-shadow);background-image:linear-gradient(90deg,#0000 0 calc(100% - 1px),#54606d09 100%),linear-gradient(#0000 0 calc(100% - 1px),#54606d09 100%);background-size:8.33333% 11.1111%,8.33333% 11.1111%;position:relative;overflow:hidden}.layers-panel{border-left:1px solid var(--line);background:0 0;min-width:0;padding:0 0 0 1.1rem}.layers-header,.layer-title-row{justify-content:space-between;align-items:baseline;gap:.8rem;display:flex}.layers-count,.layers-note{margin:0}.layers-note{color:var(--muted);max-width:18ch;margin-top:.35rem;margin-bottom:.7rem}.layers-list{flex-direction:column;gap:.5rem;max-height:calc(100vh - 14rem);display:flex;overflow:auto}.layers-empty{margin-top:.25rem}.layer-card{-webkit-appearance:none;appearance:none;text-align:left;cursor:pointer;background:#6c76810e;border:1px solid #0000;grid-template-columns:60px minmax(0,1fr);align-items:center;gap:.7rem;width:100%;padding:.42rem;display:grid}:is(.layer-card:hover,.layer-card:focus-visible){border-color:var(--line-strong)}.layer-card.is-selected{border-color:var(--line-strong);background:#7c88941f}.layer-thumb-wrap{aspect-ratio:1;background:#838e981c;width:100%;display:block;overflow:hidden}.layer-thumb{object-fit:cover;width:100%;height:100%;display:block}.layer-copy{flex-direction:column;gap:.12rem;min-width:0;display:flex}.layer-title,.layer-level,.layer-meta,.layer-flags{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.layer-title{font-family:var(--font-display);letter-spacing:-.03em;text-transform:none;color:var(--text);font-size:1.02rem;line-height:1}.layer-level,.layer-meta,.layer-flags{color:var(--muted)}.workspace.is-drop-target{border-color:var(--line-strong)}.workspace.is-loading{cursor:progress}.workspace.is-active-crop{cursor:grab}.workspace.is-active-crop:active{cursor:grabbing}.empty-state{max-width:320px;color:var(--muted);z-index:2;pointer-events:none;position:absolute;bottom:1rem;left:1rem}.empty-state p{margin:0}.empty-state p+p{margin-top:.3rem}.tile{-webkit-user-select:none;user-select:none;touch-action:none;cursor:grab;background:#6e7b880d;position:absolute;overflow:hidden}.drop-overlay{z-index:1;color:var(--muted);text-align:center;cursor:pointer;background:0 0;border:1px dashed #0000;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;transition:border-color .12s,background-color .12s,color .12s,opacity .12s;display:flex;position:absolute;inset:1rem}.drop-overlay:hover,.workspace.is-drop-target .drop-overlay{border-color:var(--line-strong);color:var(--text);background:#eceff2c7}.drop-overlay:focus-visible{border-color:var(--line-strong);color:var(--text);background:#eceff2c7}.drop-overlay.is-hidden{opacity:0;pointer-events:none}.loading-overlay{z-index:4;color:var(--text);opacity:0;pointer-events:none;background:#f2f4f6e6;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;transition:opacity .14s;display:flex;position:absolute;inset:0}.workspace.is-loading .loading-overlay{opacity:1}.loading-title,.loading-meta{text-align:center;margin:0}.loading-title{text-transform:uppercase;letter-spacing:.08em}.loading-meta{color:var(--muted);font-size:12px}.drop-title{text-transform:uppercase;letter-spacing:.08em}.drop-meta{font-size:12px}.tile.is-selected{outline:1px solid var(--accent);outline-offset:-1px;box-shadow:inset 0 0 0 1px #ffffff85}.tile.is-selected.is-locked{outline-style:dashed}.tile.is-locked{cursor:default}.tile.is-crop{cursor:grab}.tile img{object-fit:cover;pointer-events:none;width:100%;height:100%}.tile-badge,.tile-crop-note{letter-spacing:.02em;color:#ffffffeb;mix-blend-mode:difference;gap:.22rem;font-size:10px;display:inline-flex;position:absolute;left:.35rem}.tile-badge{top:.28rem}.tile-crop-note{bottom:.28rem}.tile-handle{background:0 0;position:absolute}.tile.is-selected .tile-handle:after{content:"";background:var(--accent);position:absolute}.tile-handle[data-handle=x]{cursor:ew-resize;width:8px;height:100%;top:0;right:-4px}.tile-handle[data-handle=x]:after{width:1px;height:100%;top:0;right:3px}.tile-handle[data-handle=y]{cursor:ns-resize;width:100%;height:8px;bottom:-4px;left:0}.tile-handle[data-handle=y]:after{width:100%;height:1px;bottom:3px;left:0}.tile-handle[data-handle=xy]{cursor:nwse-resize;width:10px;height:10px;bottom:-5px;right:-5px}.tile-handle[data-handle=xy]:after{width:5px;height:5px;bottom:3px;right:3px}.inspector-title{margin-bottom:.45rem}.inspector-actions{flex-direction:column;display:flex}.empty-note,.layers-note,.stage-footnote,.status-note,.drop-meta,.loading-meta,.layer-level,.layer-meta,.layer-flags{text-transform:none;letter-spacing:.01em}.empty-note+.empty-note,.inspector-note{margin-top:.4rem}.stage-footnote.is-crop{color:var(--text)}@media (max-width:920px){.app{grid-template-columns:1fr;gap:1.5rem;width:min(100vw - 1.5rem,1500px);margin:.75rem auto;padding:1.2rem}.rail{border-right:0;border-bottom:1px solid var(--line);padding:0 0 1rem}.stage-header{align-items:start}.workspace{width:100%}.workspace-layout{grid-template-columns:1fr}.layers-panel{border-left:0;border-top:1px solid var(--line);padding:1rem 0 0}.layers-list{max-height:18rem}}@media (max-width:560px){.size-grid{grid-template-columns:1fr}.kicker{font-size:1.8rem}.stage-subtitle{max-width:none;font-size:.76rem}.stage-actions{gap:.95rem}}