@layer screens{.builder-slice{gap:var(--space-6);flex-direction:column;display:flex}.builder-slice-source{align-self:flex-start;max-width:100%;position:relative}.builder-slice-canvas{max-width:100%;max-height:calc(2 * var(--sprite-sheet-pane-height));background:var(--color-sunken);border-radius:var(--radius-sm);display:block}.builder-slice-pieces{position:absolute;inset:0}.builder-slice-piece{box-sizing:border-box;border:var(--border-width) solid var(--color-setup-grid-line);cursor:grab;transition:background-color var(--duration) var(--ease-standard);position:absolute}.builder-slice-piece:hover{background:var(--color-accent-soft)}.builder-slice-drag-image{pointer-events:none;position:fixed;top:-100vh;left:0}.builder-slice-piece-label{top:var(--space-1);left:var(--space-1);padding:0 var(--space-1);background:var(--color-sunken);border-radius:var(--radius-sm);font-size:var(--font-size-md);color:var(--color-accent);-webkit-user-select:none;user-select:none;position:absolute}.builder-slice-controls{gap:var(--space-4);flex-direction:column;display:flex}.builder-slice-fields{align-items:flex-end;gap:var(--space-4)}.builder-slice-fields>.field-stack>.select{width:auto}.builder-slice-count{width:64px}.builder-slice-targets{gap:var(--space-3);flex-direction:column;display:flex}.builder-slice-target-grid{grid-template-columns:auto repeat(var(--builder-slice-frames,1), auto);justify-content:start;align-items:center;gap:var(--space-3);padding-bottom:var(--space-2);display:grid;overflow-x:auto}.builder-slice-target-label{font-size:var(--font-size-md);color:var(--color-text-dim)}.builder-slice-target{background:var(--color-sunken);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);width:48px;height:84px;transition:border-color var(--duration) var(--ease-standard), background-color var(--duration) var(--ease-standard);position:relative;overflow:hidden}.builder-slice-target.drag-over{border-color:var(--color-accent);background:var(--color-accent-soft)}.builder-slice-target-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.builder-slice-target-empty{top:var(--space-1);right:var(--space-1);opacity:0;transition:opacity var(--duration) var(--ease-standard);position:absolute}.builder-slice-target:hover .builder-slice-target-empty,.builder-slice-target-empty:focus-visible{opacity:1}#builder-page{min-height:100vh;color:var(--color-text);background:var(--color-app-bg);flex:1;display:flex}#builder-workspace-page{display:none}#builder-workspace-page.active{min-width:0;padding:var(--space-8);box-sizing:border-box;flex-direction:column;flex:1;display:flex;overflow:hidden}#builder-page-actions{align-items:center;gap:var(--space-5);display:flex;position:relative}#builder-page-actions>.btn[hidden]{display:none}#builder-body{gap:var(--space-8);min-height:0;margin-top:var(--space-7);flex:1;display:flex}#builder-nav{flex:0 0 var(--sidebar-width);gap:var(--space-5);min-height:0;padding-right:var(--space-7);border-right:var(--border-width) solid var(--color-border-strong);flex-direction:column;display:flex}#builder-nav-strip>#btn-builder-nav-toggle{margin-left:auto}#builder-body.nav-collapsed #builder-nav{flex-basis:auto;padding-right:0}#builder-body.nav-collapsed #builder-nav .tab,#builder-body.nav-collapsed .builder-nav-body,.builder-nav-body{display:none}.builder-nav-body.active{gap:var(--space-5);flex-direction:column;flex:1;min-height:0;display:flex}#builder-mine-list{gap:var(--space-3);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}#builder-base-tiles{flex:1;align-content:start;min-height:0;overflow-y:auto}#builder-base-tiles .picker-tile[hidden],#builder-mine-empty{display:none}#builder-mine-empty.active{display:block}.builder-mine-row{align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-surface);box-shadow:inset 0 0 0 var(--border-hairline) var(--color-edge);border-radius:var(--radius-sm);display:flex}.builder-mine-thumbnail{background-color:var(--color-sunken);border-radius:var(--radius-sm);flex:none;width:40px;height:70px}.builder-mine-body{gap:var(--space-2);flex-direction:column;flex:auto;min-width:0;display:flex}.builder-mine-name,.builder-mine-audience{min-width:0}.builder-mine-title{overflow-wrap:anywhere;min-width:0}.builder-mine-owner{color:var(--color-text-muted);font-size:var(--font-size-md);overflow-wrap:anywhere}.builder-mine-row-refused{box-shadow:inset 0 0 0 var(--border-width) var(--color-danger-dim)}.builder-mine-reason{color:var(--color-danger-dim);font-size:var(--font-size-md);overflow-wrap:anywhere}.builder-mine-actions{align-items:center;gap:var(--space-2);display:flex}#builder-workspace{flex:auto;min-width:0;min-height:0;overflow-y:auto}#builder-editor{display:none}#builder-editor.active{gap:var(--space-6);flex-direction:column;min-width:0;height:100%;min-height:0;display:flex}#builder-workspace-empty{display:none}#builder-workspace-empty.active{display:grid}#builder-base-notice{display:none}#builder-base-notice.active{display:block}.builder-workflow-row>.tab-strip{width:100%}.builder-workflow-row[hidden]{display:none}.builder-workflow-describe{color:var(--color-text-muted);font-size:var(--font-size-md);margin:0}.builder-blank-tile{color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.builder-blank-tile:hover{color:var(--color-text)}.builder-base-cell{background-color:#0000;width:60%;height:100%;margin:0 auto}#builder-editor-main{gap:var(--space-6);flex:auto;min-height:0;display:flex}#builder-editor-stage{gap:var(--space-4);flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex}#builder-stage-bar{align-items:center;gap:var(--space-5);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);flex:none;display:flex}#builder-stage-bar>#builder-animation-switch{margin-left:auto}#builder-stepper{align-items:center;gap:var(--space-3);display:none}#builder-stepper.active{display:flex}#btn-builder-play[hidden],#builder-animation-switch{display:none}#builder-animation-switch.active{display:flex}#builder-directions{gap:var(--space-4);flex:none;display:flex}.builder-direction-tile{background:var(--color-sunken);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;width:72px;height:72px;transition:border-color var(--duration) var(--ease-standard);padding:0;position:relative;overflow:hidden}.builder-direction-tile:hover{border-color:var(--color-border-strong)}.builder-direction-tile.active{border-color:var(--color-accent)}.builder-direction-tile.active .builder-pane-label{color:var(--color-accent)}.builder-direction-tile:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.builder-direction-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}#builder-focus{flex:2 1 0;min-height:0}#builder-preview-row{gap:var(--space-2);flex-direction:column;flex:1 1 0;min-height:0;display:flex}#builder-preview-row>.section-head{flex:none}#builder-preview-walk-switch[hidden],#builder-preview-neighbours-switch[hidden]{display:none}#builder-preview-strip{gap:var(--space-4);flex:auto;min-height:0;display:flex}#builder-preview-strip[hidden]{display:none}#builder-preview-walk{flex:auto;min-height:0}#builder-preview-walk[hidden]{display:none}.builder-preview-canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.builder-sheet-box{background:var(--color-sunken);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);flex:1 1 0;min-width:0;position:relative;overflow:hidden}.builder-pane-canvas{cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.builder-pane-label{top:var(--space-2);left:var(--space-2);padding:0 var(--space-1);background:var(--color-sunken);border-radius:var(--radius-sm);pointer-events:none;color:var(--color-text-dim);font-size:var(--font-size-md);position:absolute}#builder-focus-label{color:var(--color-accent);font-size:var(--font-size-md)}#builder-rail{gap:var(--space-4);width:var(--sidebar-width);flex-direction:column;flex:none;min-height:0;display:flex}#builder-artwork.folded>#builder-artwork-rows{display:none}#builder-artwork-rows{gap:var(--space-3);flex-direction:column;display:flex}.builder-art-row{align-items:center;gap:var(--space-4);display:flex;position:relative}.builder-art-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.builder-art-buttons{align-items:center;gap:var(--space-2);flex:none;display:flex}.builder-art-buttons>.btn{white-space:nowrap}.builder-art-thumb{box-sizing:border-box;background:var(--color-sunken);border:var(--border-width) dashed var(--color-border-drop);border-radius:var(--radius-sm);width:52px;height:52px;color:var(--color-text-muted);cursor:pointer;transition:border-color var(--duration) var(--ease-standard), background-color var(--duration) var(--ease-standard);flex:none;justify-content:center;align-items:center;padding:0;display:flex}.builder-art-thumb:hover{background:var(--color-hover-wash);color:var(--color-text)}.builder-art-thumb.filled{border-style:solid;border-color:#0000}.builder-art-thumb.drag-over{border-color:var(--color-accent);background:var(--color-accent-soft)}.builder-art-thumb:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.builder-art-thumb img{object-fit:contain;width:100%;height:100%}.builder-art-peek{z-index:var(--z-context-menu);margin-right:var(--space-4);padding:var(--space-2);background:var(--color-panel-raised);border:var(--border-width) solid var(--color-edge-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-float);pointer-events:none;display:none;position:absolute;top:0;right:100%}.builder-art-thumb.filled:hover+.builder-art-peek,.builder-art-thumb.filled:focus-visible+.builder-art-peek{display:block}.builder-art-peek img{max-height:var(--sprite-sheet-pane-height);max-width:var(--frame-width-sm);object-fit:contain;display:block}#builder-tool-panel{display:none}#builder-tool-panel.active{gap:var(--space-4);min-height:0;padding:var(--space-4);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);flex-direction:column;display:flex;overflow-y:auto}.builder-adjust-buttons{align-items:center;gap:var(--space-2);display:flex}#builder-no-walk{display:none}#builder-no-walk.active{display:block}.builder-header-field{align-items:center;gap:var(--space-3);height:var(--control-height);box-sizing:border-box;padding-left:var(--space-4);background:var(--color-sunken);border:var(--border-width) solid var(--color-edge-strong);border-radius:var(--radius-sm);box-shadow:var(--edge-sunken);display:inline-flex}.builder-header-label{color:var(--color-text-muted);white-space:nowrap}.builder-header-field>.text-input,.builder-header-field>.select{height:100%;width:var(--field-control-width);background:0 0;border:none}.builder-header-field>.select:hover{background:0 0}.builder-header-field>.help-tip{margin-right:var(--space-3)}#builder-name-field[hidden],#builder-token-size-field[hidden],#builder-audience-field{display:none}#builder-audience-field.active{display:inline-flex}#btn-builder-alerts{position:relative}#btn-builder-alerts.active{color:var(--color-warning)}#btn-builder-alerts.active:hover{color:var(--color-text)}.builder-alert-count{top:calc(-1 * var(--space-1));right:calc(-1 * var(--space-1));min-width:var(--space-6);height:var(--space-6);padding:0 var(--space-1);box-sizing:border-box;background:var(--color-warning);color:var(--color-on-accent);border:var(--border-width) solid var(--color-app-bg);border-radius:var(--radius-sm);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);justify-content:center;align-items:center;display:flex;position:absolute}.builder-alert-count:empty{display:none}.builder-alerts{z-index:var(--z-context-menu);margin-top:var(--space-3);width:var(--frame-width-sm);gap:var(--space-2);padding:var(--space-2);background:var(--color-panel-raised);border:var(--border-width) solid var(--color-edge-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-float);flex-direction:column;display:flex;position:absolute;top:100%;right:0}.builder-alerts[hidden]{display:none}.builder-alert{align-items:flex-start;gap:var(--space-4);padding:var(--space-3) var(--space-4);color:var(--color-text);font-size:var(--font-size-lg);line-height:var(--line-height-snug);display:flex}.builder-alert-icon{margin-top:var(--space-1);flex-shrink:0;display:flex}.builder-alert-info .builder-alert-icon{color:var(--color-accent)}.builder-alert-warning .builder-alert-icon{color:var(--color-warning)}.builder-alert-error .builder-alert-icon{color:var(--color-danger-dim)}.builder-alert-text{overflow-wrap:anywhere;min-width:0}}