.console-wide{max-width:none}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.release-ok{margin:0;color:var(--success)}
.experience-tabs{display:flex;flex-wrap:wrap;gap:var(--space-1);border-bottom:1px solid var(--border)}
.experience-tab{font:inherit;padding:var(--space-2) var(--space-3);border:0;border-bottom:2px solid transparent;background:none;color:var(--text-secondary);cursor:pointer}
.experience-tab[aria-selected="true"]{color:var(--text);border-bottom-color:var(--brand-action);font-weight:600}
.experience-tab:focus-visible,.hub-block:focus-visible,.hub-option:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.experience-panel{display:grid;gap:var(--space-4);padding-top:var(--space-4)}
.experience-field{display:grid;gap:var(--space-1);font-weight:600;max-width:32rem}
.experience-field input,.experience-field select,.hub-say input,.nav-row input{font:inherit;font-weight:400;padding:var(--space-2) var(--space-3);border:1px solid var(--control-border);border-radius:var(--radius-sm);background:var(--page);color:var(--text);min-width:0}
.experience-field input[type="color"]{width:4rem;height:2.5rem;padding:var(--space-1)}
.experience-choice{display:grid;gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);max-width:32rem}
.experience-choice legend{font-weight:600;padding:0 var(--space-1)}
.experience-choice label{display:flex;gap:var(--space-2);align-items:center}
.experience-save{display:flex;flex-wrap:wrap;align-items:end;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border)}
.experience-save .experience-field{flex:1 1 20rem}
.experience-save p{flex-basis:100%}
.nav-bars{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr))}
.nav-bar{display:grid;gap:var(--space-3);align-content:start;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--raised)}
.nav-bar h2,.hub-tweaks h3{margin:0;font-size:1rem}
.nav-tree{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}
.nav-tree .nav-tree{padding-left:var(--space-6);margin-top:var(--space-2);border-left:1px solid var(--border-subtle)}
.nav-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}
.nav-row input{flex:1 1 8rem}
.nav-grip{cursor:grab;color:var(--text-hint);user-select:none}
.brand-ramp{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));border-radius:var(--radius);overflow:hidden;max-width:40rem}
.brand-ramp li{padding:var(--space-3) 0;text-align:center;font-weight:600}
.brand-checks{margin:0;padding-left:var(--space-4);display:grid;gap:var(--space-1)}
.brand-logo{max-height:4rem;max-width:12rem;object-fit:contain}
.preview-controls{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:end}
.preview-controls [role="group"]{display:flex;gap:var(--space-2)}
.preview-stage{overflow-x:auto;padding:var(--space-4);background:var(--inset);border-radius:var(--radius)}
.preview-frame{max-width:none;margin:0 auto;background:var(--page);border:1px solid var(--border-strong);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-window)}
.preview-top{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;padding:var(--space-3) var(--space-4);background:var(--chrome);color:var(--chrome-text)}
.preview-top img{max-height:2rem}
.preview-top nav{display:flex;flex-wrap:wrap;gap:var(--space-3)}
.preview-body{display:flex;min-height:14rem}
.preview-side{display:grid;align-content:start;gap:var(--space-3);padding:var(--space-4);border-right:1px solid var(--border);min-width:10rem}
.preview-side div{display:grid;gap:var(--space-1)}
.preview-side span{padding-left:var(--space-3);color:var(--text-secondary)}
.preview-main{flex:1;display:grid;align-content:start;gap:var(--space-3);padding:var(--space-4)}
.preview-block{padding:var(--space-4);border:1px dashed var(--border-strong);border-radius:var(--radius-sm)}
.preview-note{margin:0;padding:var(--space-2) var(--space-4);border-top:1px solid var(--border);color:var(--text-secondary);font-size:.875rem}
.hub-builder{display:grid;gap:var(--space-4);padding-top:var(--space-4);grid-template-columns:minmax(16rem,22rem) 1fr}
@media (max-width:900px){.hub-builder{grid-template-columns:1fr}}
.hub-chat{display:grid;gap:var(--space-3);align-content:start;padding:var(--space-4);background:var(--raised);border:1px solid var(--border);border-radius:var(--radius)}
.hub-messages{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}
.hub-message{padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:var(--inset);max-width:90%}
.hub-message.from-you{justify-self:end;background:var(--brand-soft)}
.hub-options{display:grid;gap:var(--space-2)}
.hub-option{font:inherit;text-align:left;display:grid;gap:var(--space-1);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--page);color:var(--text);cursor:pointer}
.hub-option.is-selected{border-color:var(--brand-action);background:var(--brand-soft)}
.hub-say{display:flex;gap:var(--space-2)}
.hub-say input{flex:1}
.hub-upload{display:grid;gap:var(--space-1);font-weight:600}
.hub-sketch{max-width:100%;border-radius:var(--radius-sm);border:1px solid var(--border)}
.hub-stage{display:grid;gap:var(--space-4);grid-template-columns:1fr minmax(14rem,18rem);align-content:start}
@media (max-width:1200px){.hub-stage{grid-template-columns:1fr}}
.hub-settings{grid-column:1/-1;display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr))}
.hub-settings{align-items:start}
.experience-field .console-muted{font-weight:400;font-size:var(--text-sm,0.875rem)}
.hub-canvas{display:grid;gap:var(--space-3);align-content:start;padding:var(--space-4);background:var(--work);border:1px solid var(--border);border-radius:var(--radius);min-height:20rem}
.hub-canvas-title{margin:0;font-family:var(--font-display);font-size:1.25rem}
.hub-block{font:inherit;text-align:left;display:grid;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--page);color:var(--text);cursor:pointer}
.hub-block.is-selected{outline:2px solid var(--brand-action);outline-offset:1px}
.hub-block-title{font-weight:600}
.hub-stats,.hub-board{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}
.hub-stats i{height:2.5rem;border-radius:var(--radius-sm);background:var(--brand-soft)}
.hub-board i{height:5rem;border-radius:var(--radius-sm);background:var(--inset)}
.hub-lines{display:grid;gap:var(--space-2)}
.hub-lines.compact{gap:var(--space-1)}
.hub-lines i{height:.75rem;border-radius:var(--radius-sm);background:var(--inset)}
.hub-tweaks{display:grid;gap:var(--space-3);align-content:start;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--raised)}
.hub-tweak-actions{display:flex;gap:var(--space-2)}
.release-summary{margin:0;font-weight:600}
.release-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}
.release-row{display:grid;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--raised)}
.release-row-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-3)}
.release-row-head h2{margin:0;font-size:1rem}
.release-row-state{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}
.release-row-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.release-history{margin:0;padding-left:var(--space-6);display:grid;gap:var(--space-1)}