: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-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{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-family:inherit;font-size:3rem;font-weight:850;line-height:normal}.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,.layout-tool-button:hover:not(:disabled),.removed-layouts-menu-button:hover,.removed-layouts-close-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;--archive-control-width:2.8rem;grid-template-columns:minmax(0, 1fr) var(--archive-control-width) var(--side-control-width);align-items:center;gap:.7rem;margin-top:1.2rem;display:grid}.toggle-control{min-width:0;min-height:2.75rem;color:var(--ink);white-space:nowrap;grid-column:1;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}.removed-layouts-menu-button,.removed-layouts-close-button{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);width:2.8rem;min-height:2.8rem;color:var(--ink);transition:transform .18s var(--ease), box-shadow .18s var(--ease), border-color .18s var(--ease), background-color .18s var(--ease);place-items:center;padding:0;display:inline-grid}.removed-layouts-menu-button{grid-column:2;justify-self:end}.removed-layouts-menu-button:disabled{border-color:var(--line);background:var(--surface-soft);color:var(--muted);opacity:.62}.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}.unsupported-state.is-inline{color:oklch(36% .11 28);text-align:left;background:oklch(97% .025 28);border-style:solid;place-items:start;min-height:auto}.empty-state p,.unsupported-state p{max-width:26rem;margin:0;padding:1rem;font-size:1.15rem;font-weight:700}.unsupported-state.is-inline p{max-width:none;padding:.8rem 1rem;font-size:.95rem}.layout-result{gap:1.2rem;display:grid}.summary-grid-shell{position:relative}.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:has(.summary-input[aria-invalid=true]){background:oklch(96.5% .035 28);border-width:2px;border-color:oklch(53% .19 28)}.summary-item.is-custom{background:oklch(97.5% .025 28);border-color:oklch(70% .11 28)}.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}.summary-input-field{display:block}.summary-label-row{justify-content:space-between;align-items:flex-start;gap:.35rem;min-width:0;margin-bottom:.55rem;display:flex}.summary-input-label{color:var(--muted);margin-bottom:0;font-size:.82rem;font-weight:800;display:block}.summary-label-row .custom-parameter-label{color:oklch(40% .14 28);text-transform:uppercase;background:oklch(91% .06 28);border-radius:999px;flex:none;align-items:center;margin:-.15rem 0 0;padding:.18rem .32rem;font-size:.58rem;font-weight:900;line-height:1;display:inline-flex}.layout-settings-reset-button{z-index:2;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);width:2.75rem;min-height:2.75rem;color:var(--ink);place-items:center;padding:0;display:inline-grid;position:absolute;top:.55rem;right:.55rem}.layout-settings-reset-button:disabled{border-color:var(--line);background:var(--surface-soft);color:var(--muted);opacity:.48}.summary-grid>.summary-item:last-child{padding-right:3.8rem}.summary-input{width:100%;min-width:0;color:var(--ink);font-variant-numeric:tabular-nums;text-align:left;appearance:textfield;background:0 0;border:0;padding:0;font-size:2.45rem;font-weight:900;line-height:1;display:block}.summary-input::placeholder{color:oklch(58% .012 74);opacity:1;font-size:1.1rem;font-weight:800}.summary-input:focus::placeholder{opacity:0}.summary-input[aria-invalid=true]{color:oklch(36% .11 28)}.summary-input::-webkit-outer-spin-button{appearance:none;margin:0}.summary-input::-webkit-inner-spin-button{appearance:none;margin:0}.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));place-items:center;min-width:0;padding:clamp(.75rem,2vw,1.2rem);display:grid;overflow:visible}.layout-tools{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:.9rem;display:flex}.layout-tool-button{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--ink);min-height:3.3rem;color:var(--surface);white-space:nowrap;transition:transform .18s var(--ease), box-shadow .18s var(--ease), background-color .18s var(--ease);justify-content:center;align-items:center;gap:.5rem;padding:0 1rem;font-size:.95rem;font-weight:850;display:inline-flex}.previous-layout-button,.shuffle-layout-button,.remove-layout-button{width:3.3rem;padding:0}.remove-layout-button{background:var(--surface);color:var(--staff);border-color:oklch(70% .09 28)}.layout-tool-button:disabled{opacity:.42;cursor:not-allowed}.layout-tool-button svg{flex:none}.layout-picture-frame{width:min(100%, max(14rem, calc((var(--person-size) * var(--max-row-count,18)) + (var(--person-gap) * (var(--max-row-count,18) + 2)) + 3.7rem)));aspect-ratio:4/3;align-content:center;gap:var(--layout-row-gap,clamp(.75rem, 1.45vw, 1.1rem));background:oklch(98.5% .006 96/.4);border:1px solid oklch(34% .02 74/.52);padding:clamp(.75rem,1.5vw,1.1rem);display:grid;position:relative}.layout-picture-frame:before,.layout-picture-frame:after{content:"";z-index:2;pointer-events:none;background:oklch(25% .018 74/.68);width:1px;height:.7rem;position:absolute;left:50%;transform:translate(-50%)}.layout-picture-frame:before{top:0}.layout-picture-frame:after{bottom:0}.layout-stage{--person-size-width:clamp(.5rem, calc((100vw - 30rem) / var(--max-row-count,18)), 1.2rem);--person-size:var(--person-size-width)}.layout-row{min-width:0;display:block;position:relative}.row-label{width:10rem;color:var(--muted);text-align:right;font-size:.76rem;font-weight:800;line-height:1.12;position:absolute;top:50%;right:calc(100% + .85rem + 15px);transform:translateY(-50%)}.row-people{place-items:center;min-width:0;display:grid;position:relative}.row-marker-strip{gap:var(--person-gap);transform:translateX(var(--row-offset,0));transition:transform .22s var(--ease);display:flex}.layout-row.is-bleacher .row-people:before{content:none}.person-marker{z-index:1;flex:0 0 var(--person-size);width:var(--person-size);min-width:var(--person-size);aspect-ratio:1;background:var(--chair);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-chair-supported{background:var(--chair)}.person-marker.is-staff{background:var(--staff);transform:scale(1.12)}.row-count-inline{top:50%;left:calc(50% + var(--row-offset,0px) + var(--row-half-span) + .22rem);color:var(--ink);font-variant-numeric:tabular-nums;font-size:1rem;font-weight:950;line-height:1;position:absolute;transform:translateY(-50%)}.removed-layout-empty{max-width:28rem;color:var(--muted);text-align:center;margin:0;padding:2rem 1rem;font-weight:750;line-height:1.5}.removed-layouts-dialog{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);width:min(42rem,100% - 2rem);max-height:min(42rem,100vh - 2rem);box-shadow:var(--shadow);color:var(--ink);padding:0}.removed-layouts-dialog::backdrop{background:oklch(18% .012 72/.48)}.removed-layouts-dialog-content{gap:1rem;max-height:min(42rem,100vh - 2rem);padding:clamp(1rem,3vw,1.7rem);display:grid;overflow:auto}.removed-layouts-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:0;display:flex}.removed-layouts-heading h2{margin:0;font-size:1.15rem}.removed-layouts-close-button{width:2.4rem;min-height:2.4rem}.restore-all-button,.restore-layout-button,.dialog-button{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);min-height:2.65rem;color:var(--ink);padding:0 .9rem;font-weight:800}.restore-all-button{background:var(--ink);color:var(--surface);justify-self:end}.removed-layouts-list{gap:.65rem;max-height:min(20rem,100vh - 17rem);padding-right:.15rem;display:grid;overflow-y:auto}.removed-layout-item{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding-top:.65rem;display:flex}.removed-layout-description{gap:.2rem;min-width:0;display:grid}.removed-layout-description strong{font-size:.92rem}.removed-layout-description span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.82rem;font-weight:700}.remove-layout-dialog{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);width:min(32rem,100% - 2rem);color:var(--ink);box-shadow:var(--shadow);padding:0}.remove-layout-dialog::backdrop{background:oklch(18% .012 72/.48)}.remove-layout-dialog-content{padding:1.4rem}.remove-layout-dialog h2{margin-bottom:.65rem;font-size:1.3rem}.remove-layout-dialog p{color:var(--muted);margin-bottom:1.3rem;line-height:1.5}.dialog-actions{justify-content:flex-end;gap:.65rem;display:flex}.dialog-remove-button{border-color:var(--staff);background:var(--staff);color:var(--surface)}[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>=701px) and (width<=900px){.row-label{width:7rem;font-size:.66rem;line-height:1.05;right:calc(100% + 1.3rem)}}@media (width<=700px){.app-shell{width:min(100% - .75rem,42rem);padding:.35rem 0 2rem}.controls-card,.result-panel{border-radius:20px}.controls-card{padding:.95rem}.controls-heading{white-space:nowrap;margin-bottom:.8rem;font-size:1.55rem;line-height:1.1}.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.25rem;min-height:4.25rem}.people-input{padding-inline:.75rem;font-size:2.35rem;line-height:normal}.people-input::placeholder{font-size:1rem;line-height:1.15}.summary-item{min-height:5.5rem;padding:.85rem}.summary-item strong,.summary-input{font-size:2rem}.section-heading{margin-bottom:.75rem;display:grid}.legend{justify-content:center;font-size:.74rem}.visual-card{padding:.7rem}.layout-tools{gap:.65rem}.layout-tool-button{width:3.15rem;min-height:3.15rem;padding:0}.layout-stage{border-radius:var(--radius-sm);padding:.75rem .55rem}.layout-picture-frame{gap:min(var(--layout-row-gap,.18rem), .18rem);width:min(100%, max(12rem, calc((var(--person-size) * var(--max-row-count,18)) + (var(--person-gap) * (var(--max-row-count,18) + 2)) + 2.7rem)));padding:.65rem .45rem}.layout-row{padding-bottom:.1rem}.row-label{display:none}.row-count-inline{font-size:.88rem}.removed-layouts-dialog{border-radius:20px;width:min(34rem,100% - 1.5rem)}.removed-layouts-dialog-content{padding:.9rem}.removed-layout-item{gap:.65rem}}@media (width<=420px){:root{--person-gap:.1rem}.layout-stage{--person-size-width:clamp(.32rem, calc((100vw - 10.8rem) / var(--max-row-count,18)), 1.05rem)}.controls-card{padding:.9rem .8rem}.controls-heading{font-size:1.48rem}.number-row{grid-template-columns:4rem minmax(0,1fr) 4rem;gap:.38rem}.control-actions{--side-control-width:4rem;--archive-control-width:2.55rem;gap:.38rem;margin-top:.9rem}.people-input,.step-button{height:3.9rem;min-height:3.9rem}.people-input{font-size:2.15rem}.people-input::placeholder{font-size:.9rem}.step-button{font-size:1.08rem}.reset-button{min-height:2.55rem;font-size:.9rem}.removed-layouts-menu-button{width:2.55rem;min-height:2.55rem}.result-panel{padding:.75rem}.layout-result{gap:.75rem}.summary-grid{gap:.45rem}.summary-item{text-align:center;align-content:center;min-height:4.8rem;padding:.55rem .45rem;display:grid}.summary-item span{margin-bottom:.35rem;font-size:.7rem;line-height:1.1}.summary-item strong,.summary-input{text-align:center;font-size:1.65rem}.summary-input-label{text-align:center;margin-bottom:.35rem;font-size:.7rem;line-height:1.1}.summary-label-row{justify-items:center;gap:.22rem;margin-bottom:.35rem;display:grid}.summary-label-row .custom-parameter-label{margin:0;font-size:.52rem}.layout-settings-reset-button{width:1.75rem;min-height:1.75rem;top:.35rem;right:.35rem}.summary-grid>.summary-item:last-child{padding-right:.45rem}.summary-grid>.summary-item:last-child>span{transform:translate(-.9rem)}.toggle-control{font-size:.85rem}.legend{gap:.35rem .55rem;font-size:.7rem}.visual-card{padding:.55rem}.layout-stage{padding:.65rem .4rem}.layout-picture-frame{width:min(100%, max(13.6rem, calc((var(--person-size) * var(--max-row-count,18)) + (var(--person-gap) * (var(--max-row-count,18) + 2)) + 3.6rem)));gap:min(var(--layout-row-gap,.16rem), .16rem);padding:.6rem .35rem}.row-count-inline{font-size:.82rem}.removed-layouts-heading h2{font-size:1rem}.restore-all-button,.restore-layout-button{min-height:2.45rem;padding-inline:.7rem;font-size:.82rem}.remove-layout-dialog-content{padding:1.1rem}}@media (width<=360px){.app-shell{width:min(100% - .5rem,42rem)}.controls-heading{font-size:1.36rem}.number-row{grid-template-columns:3.55rem minmax(0,1fr) 3.55rem}.control-actions{--side-control-width:3.55rem}.toggle-control{gap:.5rem;font-size:.8rem}.summary-item{min-height:4.35rem}.summary-item strong,.summary-input{font-size:1.45rem}.legend{font-size:.66rem}.layout-picture-frame{width:min(100%, max(12.9rem, calc((var(--person-size) * var(--max-row-count,18)) + (var(--person-gap) * (var(--max-row-count,18) + 2)) + 3.1rem)))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}