.areas-scene{margin:0 0 var(--space-4)}.areas{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.areas-2{grid-template-columns:repeat(2,minmax(0,1fr))}.areas-1{grid-template-columns:1fr}.area{border-radius:var(--radius-m);border:2px solid var(--area-deco);background:var(--area-soft);color:var(--area-ink);padding:var(--space-2);min-height:132px;transition:box-shadow var(--dur-fast);position:relative}.area-working{--area-deco:var(--deco-working);--area-soft:var(--c-working-soft);--area-ink:var(--c-working-ink)}.area-staging{--area-deco:var(--deco-staging);--area-soft:var(--c-staging-soft);--area-ink:var(--c-staging-ink);border-style:dashed}.area-repo{--area-deco:var(--deco-repo);--area-soft:var(--c-repo-soft);--area-ink:var(--c-repo-ink)}.area.is-flash:after{content:"";border-radius:inherit;background:var(--color-flash);opacity:0;pointer-events:none;animation:.35s ease-out area-flash;position:absolute;inset:0}@keyframes area-flash{0%{opacity:.9}to{opacity:0}}.area.is-drop-target{box-shadow:0 0 0 4px var(--area-deco)}.area-head{align-items:center;gap:var(--space-1);font-weight:var(--weight-bold);font-size:var(--text-xs);margin-bottom:var(--space-2);line-height:1.3;display:flex}.area-list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.area-empty{font-size:var(--text-xs);opacity:.85;font-style:italic}.area-chip{background:var(--color-surface);color:var(--color-text);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-s);font-family:var(--font-mono);align-items:center;gap:4px;min-width:0;padding:2px 6px;font-size:.8rem;line-height:1.5;display:flex}.area-chip-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.area-chip-commit{font-family:var(--font-body);border-color:var(--deco-repo)}.area-chip-tick{color:var(--color-success);margin-left:auto;display:inline-flex}.area-chip-tag{font-family:var(--font-body);font-size:.7rem;font-weight:var(--weight-bold);opacity:.9;white-space:nowrap;margin-left:auto}.area-chip.is-glow{box-shadow:0 0 0 3px var(--deco-staging), 0 0 14px var(--deco-staging)}.area-chip.is-wobble{animation:.5s ease-in-out 2 chip-wobble}@keyframes chip-wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}.scene-command{font-family:var(--font-mono);background:var(--term-bg);color:var(--term-fg);border-radius:var(--radius-s);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2);white-space:nowrap;min-height:2.4em;font-size:.95rem;overflow-x:auto}.scene-command code{color:inherit;background:0 0;border:0;padding:0}.scene-prompt{color:var(--term-green)}.scene-caret{vertical-align:text-bottom;background:var(--term-fg);width:.6em;height:1.1em;margin-left:2px;display:inline-block}.scene-controls{align-items:center;gap:var(--space-3);margin-top:var(--space-2);display:flex}.scene-btn{min-height:40px;padding:var(--space-1) var(--space-4);font-size:var(--text-s)}.scene-state{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-text-muted)}@media (width<=400px){.area{min-height:112px;padding:6px}.area-head span{font-size:.75rem}.area-chip{padding:2px 4px;font-size:.72rem}}.interactive-help{font-size:var(--text-s);color:var(--color-text-muted);margin-bottom:var(--space-2);overflow-wrap:anywhere}.area-drop{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;min-height:32px;padding:0}.area-drop:disabled{cursor:default;opacity:1}.drag-chip{cursor:grab;touch-action:none;text-align:left;background:0 0;border:0;width:100%;min-height:36px;padding:0;display:block}.drag-chip:active{cursor:grabbing}.drag-chip .area-chip{min-height:36px;box-shadow:var(--color-shadow)}.drag-chip.is-picked .area-chip{outline:3px solid var(--color-focus);outline-offset:1px}.drag-chip.is-bounce .area-chip{animation:.42s ease-out chip-bounce}@keyframes chip-bounce{0%,to{transform:translate(0)}30%{transform:translate(-8px)}60%{transform:translate(6px)}}.drag-command{margin:var(--space-3) 0 0}.drag-command code{background:var(--term-bg);color:var(--term-fg);border-radius:var(--radius-s);padding:var(--space-1) var(--space-3);white-space:pre-wrap;border:0;display:inline-block}.areas-live .area{min-height:104px}.areas .area-count{font-size:var(--text-xs);font-weight:var(--weight-bold)}.board-chip{cursor:pointer;text-align:left;background:0 0;border:0;width:100%;min-height:32px;padding:0;display:block}.board-chip:hover .area-chip{border-color:var(--color-focus)}.file-panel{border:1px solid var(--color-border);border-radius:var(--radius-m);padding:var(--space-2) var(--space-3);background:var(--color-surface)}.file-panel summary{cursor:pointer;font-weight:var(--weight-bold);min-height:var(--tap);align-items:center;display:flex}.file-list{margin:var(--space-2) 0 0;gap:var(--space-2);padding:0;list-style:none;display:grid}.file-row{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.file-actions{gap:var(--space-1);display:flex}.file-btn{min-height:38px;padding:0 var(--space-3);font-size:var(--text-xs)}.file-edit{gap:var(--space-2);width:100%;display:grid}.file-edit textarea{width:100%;font-family:var(--font-mono);font-size:var(--text-s);border-radius:var(--radius-s);border:1px solid var(--color-border-strong);background:var(--color-bg);padding:var(--space-2)}.file-edit-actions{gap:var(--space-2);display:flex}@media (width<=520px){.areas-3{grid-template-columns:1fr}.areas-3 .area{min-height:0}.areas-3 .area-list{flex-flow:wrap}.areas-3 .area-list>li{max-width:100%}.areas-3 .area-list>.area-count{flex-basis:100%}}