:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:oklch(96.8% .008 92);--bg-quiet:oklch(94% .012 92);--surface:oklch(99.2% .006 95);--surface-soft:oklch(97.2% .009 98);--ink:oklch(18% .012 72);--muted:oklch(48% .018 72);--line:oklch(86% .012 82);--line-strong:oklch(74% .018 78);--accent:oklch(47% .13 243);--accent-dark:oklch(33% .11 246);--chair:oklch(22% .013 75);--ground:oklch(50% .15 246);--bleacher:var(--ground);--staff:oklch(55% .18 27);--focus:oklch(62% .17 246);--shadow:0 28px 70px oklch(30% .02 74/.13);--shadow-soft:0 14px 34px oklch(30% .02 74/.08);--radius-lg:28px;--radius-md:18px;--radius-sm:12px;--ease:cubic-bezier(.16, 1, .3, 1);--person-size:clamp(.5rem, calc((100vw - 30rem) / var(--max-row-count,18)), 1.2rem);--person-gap:clamp(.13rem, .45vw, .42rem);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-height:100%;font-size:16px}body{min-height:100vh;color:var(--ink);background:linear-gradient(145deg, oklch(98% .009 95), var(--bg) 46%, oklch(94% .013 112)), repeating-linear-gradient(90deg, oklch(20% .01 75/.025), oklch(20% .01 75/.025) 1px, transparent 1px, transparent 5px);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.skip-link{z-index:10;background:var(--ink);color:var(--surface);transition:transform .18s var(--ease);border-radius:999px;padding:.7rem 1rem;font-weight:700;position:fixed;top:1rem;left:1rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.app-shell{width:min(1180px,100% - 2rem);margin:0 auto;padding:2rem 0 3rem}.sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hero-panel{grid-template-columns:minmax(0,1fr);margin-bottom:1.5rem;display:grid}.controls-card,.result-panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}h1,h2,p{margin-top:0}h1{letter-spacing:0;max-width:11ch;margin-bottom:1rem;font-size:5.2rem;line-height:.95}.subheading{max-width:58ch;color:var(--muted);margin-bottom:0;font-size:1.08rem;line-height:1.6}.controls-card{border-radius:var(--radius-lg);flex-direction:column;justify-content:center;padding:clamp(1.2rem,3vw,2rem);display:flex}.controls-heading{color:var(--ink);letter-spacing:0;text-align:center;margin:0 0 15px;font-size:1.9rem;line-height:1.08}.field-label,.section-label{color:var(--ink);margin-bottom:.75rem;font-size:.95rem;font-weight:800;display:block}.number-row{grid-template-columns:5.5rem minmax(0,1fr) 5.5rem;align-items:stretch;gap:.7rem;display:grid}.people-input,.step-button,.reset-button,.variant-button{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);transition:transform .18s var(--ease), box-shadow .18s var(--ease), border-color .18s var(--ease), background-color .18s var(--ease)}.people-input{text-align:center;appearance:textfield;width:100%;height:5rem;min-height:5rem;padding:0 1.1rem;font-size:3rem;font-weight:850;line-height:5rem}.people-input::placeholder{color:oklch(58% .012 74);opacity:1;text-align:center;font-size:1.25rem;font-weight:750}.people-input:focus::placeholder{opacity:0}.people-input::-webkit-outer-spin-button{appearance:none;margin:0}.people-input::-webkit-inner-spin-button{appearance:none;margin:0}.step-button{background:var(--ink);min-height:5rem;color:var(--surface);font-size:1.35rem;font-weight:900}.step-button:hover:not(:disabled),.reset-button:hover,.variant-button:hover{box-shadow:var(--shadow-soft);transform:translateY(-1px)}.step-button:disabled{border-color:var(--line);background:var(--surface-soft);color:oklch(62% .012 72)}.field-help{color:var(--muted);margin:.8rem 0 1.2rem;font-size:.92rem;line-height:1.4}.control-actions{--side-control-width:5.5rem;grid-template-columns:var(--side-control-width) minmax(0, 1fr) var(--side-control-width);align-items:center;gap:.7rem;margin-top:1.2rem;display:grid}.toggle-control{min-height:2.75rem;color:var(--ink);grid-column:1/3;justify-self:start;align-items:center;gap:.65rem;font-size:.95rem;font-weight:750;display:inline-flex}.toggle-control input{opacity:0;position:absolute}.toggle-track{width:var(--side-control-width);border:1px solid var(--line-strong);background:var(--surface-soft);height:1.7rem;transition:background-color .18s var(--ease), border-color .18s var(--ease);border-radius:999px;align-items:center;padding:.18rem;display:inline-flex}.toggle-track span{background:var(--muted);width:1.2rem;height:1.2rem;transition:transform .18s var(--ease), background-color .18s var(--ease);border-radius:999px;display:block}.toggle-control input:checked+.toggle-track{background:oklch(94% .032 31);border-color:oklch(75% .075 31)}.toggle-control input:checked+.toggle-track span{transform:translateX(calc(var(--side-control-width) - 1.56rem));background:var(--staff)}.reset-button{grid-column:3;width:100%;min-height:2.8rem;padding:0;font-weight:850}.result-panel{border-radius:var(--radius-lg);min-height:430px;padding:clamp(1rem,3vw,1.7rem)}.result-topline{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.empty-state,.unsupported-state{border:1px dashed var(--line-strong);border-radius:var(--radius-md);background:var(--surface-soft);min-height:340px;color:var(--muted);text-align:center;place-items:center;display:grid}.empty-state p,.unsupported-state p{max-width:26rem;margin:0;padding:1rem;font-size:1.15rem;font-weight:700}.layout-result{gap:1.2rem;display:grid}.summary-grid{grid-template-columns:repeat(var(--summary-count,3), minmax(0, 1fr));gap:.8rem;display:grid}.summary-item{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-soft);min-height:6.3rem;padding:1rem}.summary-item span{color:var(--muted);margin-bottom:.55rem;font-size:.82rem;font-weight:800;display:block}.summary-item strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:2.45rem;font-weight:900;line-height:1;display:block}.variant-field{gap:.65rem;display:grid}.variant-options{flex-wrap:wrap;gap:.55rem;display:flex}.variant-button{min-height:2.7rem;padding:0 1rem;font-size:.9rem;font-weight:850}.variant-button.is-active{border-color:var(--accent);color:var(--accent-dark);background:oklch(94% .032 243)}.work-area{grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.visual-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);min-width:0;padding:clamp(.8rem,2vw,1.25rem)}.section-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.section-heading h2{letter-spacing:0;margin-bottom:0;font-size:1rem}.legend{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;gap:.45rem .8rem;font-size:.78rem;font-weight:750;display:flex}.legend span{align-items:center;gap:.35rem;display:inline-flex}.legend-dot{border-radius:999px;width:.7rem;height:.7rem;display:inline-block}.legend-chair{background:var(--chair)}.legend-ground{background:var(--ground)}.legend-staff{background:var(--staff)}.layout-stage{border-radius:var(--radius-md);background:linear-gradient(oklch(97% .01 104),oklch(94.5% .012 96));gap:clamp(.16rem,.45vw,.34rem);min-width:0;padding:clamp(.75rem,2vw,1.2rem);display:grid;overflow:hidden}.layout-row{grid-template-columns:minmax(7.2rem,8.6rem) minmax(0,1fr);align-items:center;gap:clamp(.55rem,1.4vw,1rem);min-width:0;display:grid}.row-label{color:var(--muted);gap:.18rem;font-size:.78rem;font-weight:800;line-height:1.2;display:grid}.row-label strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:950}.row-people{justify-content:center;gap:var(--person-gap);min-width:0;transform:translateX(var(--row-offset,0));transition:transform .22s var(--ease);display:flex;position:relative}.layout-row.is-bleacher .row-people:before{content:none}.person-marker{z-index:1;flex:0 0 var(--person-size);width:var(--person-size);aspect-ratio:1;background:var(--chair);min-width:.48rem;transition:background-color .18s var(--ease), transform .18s var(--ease);border:1px solid oklch(99% .004 92/.62);border-radius:999px;position:relative;box-shadow:0 .2rem .5rem oklch(25% .02 74/.12)}.is-ground .person-marker{background:var(--ground)}.is-bleacher .person-marker{background:var(--bleacher)}.person-marker.is-staff{background:var(--staff);transform:scale(1.12)}.row-count-inline{color:var(--ink);font-variant-numeric:tabular-nums;align-self:center;margin-left:.18rem;font-size:1rem;font-weight:950;line-height:1}[hidden]{display:none!important}@media (width<=940px){.app-shell{width:min(100% - 1.25rem,54rem)}.work-area{grid-template-columns:1fr}.result-panel{padding:1rem}}@media (width<=700px){.app-shell{width:min(100% - 1rem,42rem);padding-top:.5rem}.controls-card,.result-panel{border-radius:20px}.controls-card{padding:1rem}.number-row{grid-template-columns:4.65rem minmax(0,1fr) 4.65rem;gap:.45rem}.control-actions{--side-control-width:4.65rem;gap:.45rem}.people-input,.step-button{height:4.4rem;min-height:4.4rem}.people-input{font-size:2.5rem;line-height:4.4rem}.summary-item{min-height:5.5rem;padding:.85rem}.summary-item strong{font-size:2rem}.section-heading{margin-bottom:.75rem;display:grid}.legend{justify-content:flex-start;font-size:.74rem}.visual-card{padding:.7rem}.layout-stage{gap:.18rem;padding:.75rem .55rem}.layout-row{grid-template-columns:1fr;gap:0;padding-bottom:.1rem}.row-label{display:none}.row-people{transform:translateX(var(--row-offset,0))}.row-count-inline{margin-left:.12rem;font-size:.88rem}}@media (width<=420px){:root{--person-gap:.1rem;--person-size:clamp(.5rem, calc((100vw - 7rem) / var(--max-row-count,18)), 1.05rem)}.number-row{grid-template-columns:4rem minmax(0,1fr) 4rem}.control-actions{--side-control-width:4rem}.step-button{font-size:1.08rem}.summary-item{min-height:4.6rem;padding:.65rem}.summary-item span{margin-bottom:.35rem;font-size:.7rem}.summary-item strong{font-size:1.65rem}.toggle-control{font-size:.85rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}