:root{--ink:#24212d;--muted:#88838f;--line:#e8e4e1;--paper:#fbfaf8;--purple:#6659a7;--purple-dark:#4e438b}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);margin:0}body{font-family:var(--font-geist-sans), Arial, sans-serif}button,input,select{font:inherit}button{color:inherit}.app-shell{min-height:100vh}.app-loading{color:#716b75;background:#fbfaf8;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:100vh;display:flex}.app-loading strong{font:600 13px Georgia,serif}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#fff;grid-template-columns:280px 1fr auto;align-items:center;height:82px;padding:0 30px;display:grid;position:sticky;top:0}.brand{letter-spacing:-.02em;align-items:center;gap:11px;font-family:Georgia,serif;font-size:21px;font-weight:700;display:flex}.brand-mark{color:#fff;background:var(--ink);border-radius:10px;place-items:center;width:34px;height:34px;font:700 18px Georgia,serif;display:grid;transform:rotate(-5deg)}.title-block{flex-direction:column;align-items:center;gap:3px;display:flex}.title-block input{text-align:center;color:var(--ink);background:0 0;border:0;width:260px;padding:2px;font:600 14px Georgia,serif}.eyebrow{letter-spacing:.15em;color:#9a949e;font-size:9px;font-weight:750;display:block}.header-actions{align-items:center;gap:10px;display:flex}.account-button{min-height:42px;color:inherit;background:#fff;border:1px solid #e5e0e8;border-radius:11px;flex-direction:column;justify-content:center;padding:6px 12px;text-decoration:none;display:flex}.account-button span{font-size:13px;font-weight:750;line-height:1.2}.account-button small{color:#77717e;font-size:11px;line-height:1.2}.save-state{color:#77717e;align-items:center;gap:7px;margin-right:10px;font-size:11px;display:flex}.save-state i{background:#7fba89;border-radius:50%;width:7px;height:7px}.save-state.is-saving i{background:#d5a95b;animation:1s infinite pulse}@keyframes pulse{50%{opacity:.35}}.icon-button,.add-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;min-width:37px;height:37px}.primary-button{background:var(--purple);color:#fff;cursor:pointer;border:0;border-radius:9px;height:38px;padding:0 16px;font-size:12px;font-weight:650;box-shadow:0 5px 14px #6659a72a}.primary-button:hover{background:var(--purple-dark)}.workspace{grid-template-columns:300px minmax(0,1fr);min-height:calc(100vh - 82px);transition:grid-template-columns .28s;display:grid}.workspace.roster-collapsed{grid-template-columns:0 minmax(0,1fr)}.roster-panel{border-right:1px solid var(--line);z-index:12;opacity:1;background:#fff;flex-direction:column;width:300px;height:calc(100vh - 82px);padding:27px 22px;transition:transform .28s,opacity .2s,box-shadow .28s;display:flex;position:sticky;top:82px;overflow:hidden;transform:translate(0)}.roster-collapsed .roster-panel{opacity:0;pointer-events:none;transform:translate(-100%)}.roster-scrim{display:none}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.panel-heading-actions{align-items:center;gap:6px;display:flex}.collapse-roster{border:1px solid var(--line);color:#8d8790;cursor:pointer;background:#fff;border-radius:9px;width:31px;height:37px;font-size:22px;line-height:1}.collapse-roster:hover{color:var(--purple);background:#faf8ff;border-color:#d7d0e1}h1,h2,p{margin:0}.panel-heading h2,.modal h2{letter-spacing:-.02em;margin-top:4px;font:600 22px Georgia,serif}.add-button{font-size:22px;line-height:1}.search{border:1px solid var(--line);color:#9b959f;background:#fdfcfa;border-radius:9px;align-items:center;gap:8px;height:38px;padding:0 11px;display:flex}.search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:12px}.filters{gap:6px;margin:13px 0 17px;display:flex}.filters button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:7px;padding:5px 9px;font-size:10px;font-weight:650}.filters button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.roster-meta{color:#aaa4ad;text-transform:uppercase;letter-spacing:.11em;justify-content:space-between;padding:0 3px 9px;font-size:8px;font-weight:700;display:flex}.roster-list{flex-direction:column;flex:1;gap:7px;padding-right:3px;display:flex;overflow:auto}.singer-card{text-align:left;cursor:grab;background:#fff;border:1px solid #ebe8e5;border-radius:10px;grid-template-columns:1fr 25px 15px;align-items:center;gap:2px;min-height:56px;padding:4px;display:grid;position:relative;box-shadow:0 2px 6px #2c233108}.singer-card:hover{border-color:#d7d0db;transform:translateY(-1px)}.singer-card.is-assigned{opacity:.55;background:#faf9f7}.singer-card.is-assigned:hover{opacity:.82}.singer-select{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:36px 1fr;align-items:center;gap:9px;min-width:0;min-height:46px;padding:4px;display:grid}.singer-delete{color:#b6afb8;cursor:pointer;opacity:0;background:0 0;border:0;border-radius:7px;width:25px;height:25px;font-size:17px;transition:all .15s}.singer-card:hover .singer-delete,.singer-delete:focus-visible{opacity:1}.singer-delete:hover{color:#a84e4e;background:#f9eaea}.avatar,.seat-avatar{border-radius:50%;place-items:center;width:34px;height:34px;font-size:10px;font-weight:750;display:grid}.part-soprano .avatar,.part-soprano .seat-avatar{color:#725495;background:#efe7f7}.part-alto .avatar,.part-alto .seat-avatar{color:#557b75;background:#e8f1ef}.part-tenor .avatar,.part-tenor .seat-avatar{color:#9a6a2a;background:#faecd9}.part-bass .avatar,.part-bass .seat-avatar{color:#4d628d;background:#e5e9f4}.part-custom .avatar,.part-custom .seat-avatar{background:var(--part-color);color:var(--part-ink)}.singer-info{flex-direction:column;gap:4px;min-width:0;display:flex}.singer-info strong{text-overflow:ellipsis;white-space:nowrap;font:600 12px Georgia,serif;overflow:hidden}.singer-info small{color:#928c96;font-size:9px}.singer-info small i{background:currentColor;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.drag-handle{color:#c4bec6;font-size:15px}.roster-footer{justify-content:space-between;gap:10px;display:flex}.roster-add{color:var(--purple);text-align:left;cursor:pointer;background:0 0;border:0;padding:16px 4px 0;font-size:11px;font-weight:650}.chart-panel{background:radial-gradient(circle at 50% 18%,#fff 0,#0000 38%),#f8f6f3;min-width:0;padding:30px 42px 46px}.chart-toolbar{justify-content:space-between;align-items:center;max-width:1020px;margin:0 auto 25px;display:flex}.chart-toolbar h1{letter-spacing:-.025em;font:600 25px Georgia,serif}.chart-toolbar p{color:#8f8992;margin-top:7px;font-size:10px}.chart-toolbar p span{color:#c2bcc3;padding:0 5px}.chart-actions{gap:7px;display:flex}.secondary-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;height:36px;padding:0 14px;font-size:11px;font-weight:600;box-shadow:0 2px 7px #281d2d0a}.roster-toggle{color:var(--purple);border-color:#ded8eb}.roster-toggle.is-open{color:#77717e;border-color:var(--line)}.stage-area{background:#fff;border:1px solid #e6e1dd;border-radius:18px;width:100%;max-width:1020px;margin:0 auto;transition:max-width .25s,aspect-ratio .25s;position:relative;overflow:hidden;box-shadow:0 12px 35px #3c2e4010}.stage-area.page-letter{aspect-ratio:11/8.5;max-width:900px}.stage-area.page-tabloid{aspect-ratio:17/11;max-width:1120px}.chart-viewport{place-items:safe center;padding:42px 38px 30px;display:grid;position:absolute;inset:0;overflow:auto}.chart-canvas{width:var(--chart-width-desktop);margin:auto}.zoom-toolbar{z-index:8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffed;border:1px solid #e5e0dd;border-radius:10px;align-items:center;gap:4px;width:max-content;margin:0;padding:5px;display:flex;position:absolute;top:15px;right:15px;box-shadow:0 5px 16px #2b23300d}.zoom-toolbar button{color:#69636d;cursor:pointer;background:0 0;border:0;border-radius:7px;min-width:29px;height:29px;font-size:11px;font-weight:650}.zoom-toolbar button:first-child,.zoom-toolbar button:nth-of-type(2){font-size:17px}.zoom-toolbar button:hover,.zoom-toolbar button.active{color:var(--purple);background:#eeeaf7}.zoom-toolbar input{width:90px;accent-color:var(--purple);cursor:pointer}.zoom-toolbar>span{color:#8d8790;text-align:center;min-width:36px;font-size:9px}.stage{color:#8e8790;background:#f0edeb;border:1px solid #e3dfdc;border-radius:50% 50% 13px 13px/90% 90% 13px 13px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:76px;margin:0 auto 48px;display:flex;box-shadow:inset 0 2px 8px #fff,0 7px #e6e1dd}.stage.stage-at-bottom{border-radius:13px 13px 50% 50%/13px 13px 90% 90%;margin:48px auto 0;box-shadow:inset 0 2px 8px #fff,0 -7px #e6e1dd}.stage span{color:var(--purple);font-size:18px;line-height:11px}.stage strong{letter-spacing:.16em;font-size:9px;line-height:12px}.stage strong em{color:#aaa3ac;letter-spacing:.08em;text-transform:lowercase;font-style:normal;font-weight:550}.stage small{letter-spacing:.16em;color:#aaa3ac;font-size:6px;line-height:10px}.seat-map{flex-direction:column;gap:28px;width:100%;display:flex}.seat-row-wrap{display:block;position:relative}.row-label{color:#b7b0b8;letter-spacing:.1em;writing-mode:vertical-rl;font-size:7px;font-weight:750;position:absolute;top:50%;right:calc(100% + 14px);transform:translateY(-50%)rotate(180deg)}.seat-row{justify-content:center;gap:14px;display:grid}.seat-row.row-offset{transform:translate(57px)}.seat{color:#a8a2aa;cursor:pointer;background:#fbfaf8;border:1px dashed #d8d2d6;border-radius:16px 16px 11px 11px;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:100px;height:98px;transition:all .18s;display:flex;position:relative}.seat:after{content:"";background:#f3f0ee;border:1px solid #e5e0dd;border-top:0;border-radius:0 0 7px 7px;width:66px;height:6px;position:absolute;bottom:-5px}.seat:hover,.seat.drop-ready{background:#f9f7ff;border-color:#9388c2;transform:translateY(-2px)}.seat.occupied{color:var(--ink);cursor:grab;background:#fff;border-style:solid;border-color:#e2dde2;box-shadow:0 4px 11px #2d24310c}.seat.occupied:active{cursor:grabbing}.seat-avatar{width:33px;height:33px}.seat-name{flex-direction:column;justify-content:center;align-items:center;max-width:88px;min-height:26px;line-height:1.05;display:flex}.seat-name strong,.seat-name b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font:600 12px Georgia,serif;overflow:hidden}.seat-name b{color:#77717a;margin-top:2px}.seat small{color:#938d96;font-size:9px}.empty-plus{color:#c7c1c7;font-size:20px;line-height:20px}.hint{z-index:2;color:#aaa4ac;align-items:center;gap:11px;width:max-content;margin:0;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.hint>span{border:1px solid #e6e1df;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.hint p{font-size:9px;line-height:1.45}.hint strong{color:#77717a}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#231e2c78;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;width:min(430px,100%);max-height:min(680px,90vh);padding:24px;overflow:auto;box-shadow:0 25px 80px #19131f45}.compact-modal{width:min(390px,100%)}.modal-title{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.modal-title>button{cursor:pointer;background:#f4f1ef;border:0;border-radius:50%;width:31px;height:31px;font-size:19px}.modal-search{margin-bottom:12px}.picker-list{flex-direction:column;gap:6px;max-height:390px;display:flex;overflow:auto}.picker-person{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:10px;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:8px;display:grid}.picker-person:hover{background:#faf8ff;border-color:#cfc8df}.picker-person.assigned{opacity:.62}.picker-person>span:nth-child(2){flex-direction:column;gap:3px;display:flex}.picker-person strong{font:600 12px Georgia,serif}.picker-person small{color:#938c96;font-size:9px}.picker-person b{color:#aaa4ad;font-size:20px;font-weight:400}.remove-seat{color:#a85858;cursor:pointer;background:0 0;border:0;width:100%;padding:18px 0 0;font-size:11px}.delete-modal{text-align:center;width:min(370px,100%);padding:30px}.delete-warning{color:#a64d4d;background:#fae8e8;border-radius:50%;place-items:center;width:42px;height:42px;margin:0 auto 13px;font:700 18px Georgia,serif;display:grid}.delete-modal h2{font:600 21px Georgia,serif}.delete-modal p{color:#89828c;max-width:285px;margin:9px auto 22px;font-size:10px;line-height:1.55}.delete-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.danger-button{color:#fff;cursor:pointer;background:#a84e4e;border:0;border-radius:9px;height:36px;font-size:11px;font-weight:650}.danger-button:hover{background:#8f3e3e}.field{color:#6e6871;flex-direction:column;gap:7px;margin:15px 0;font-size:10px;font-weight:650;display:flex}.field input,.field select{border:1px solid var(--line);height:42px;color:var(--ink);background:#fdfcfa;border-radius:9px;outline:none;padding:0 12px;font-size:12px}.modal-submit{width:100%;height:43px;margin-top:10px}.modal-copy{color:#8c8690;margin:-8px 0 18px;font-size:11px;line-height:1.55}.pattern-field{border:0;margin:0 0 18px;padding:0}.pattern-field legend{color:#6e6871;margin-bottom:8px;font-size:10px;font-weight:650}.pattern-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pattern-options>button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fdfcfa;border-radius:11px;flex-direction:column;gap:9px;min-width:0;padding:11px;display:flex}.pattern-options>button.selected{background:#f8f6ff;border-color:#8e83bd;box-shadow:inset 0 0 0 1px #8e83bd}.pattern-options>button>span:last-child{flex-direction:column;gap:3px;display:flex}.pattern-options strong{font:600 11px Georgia,serif}.pattern-options small{color:#928c96;font-size:8px;line-height:1.35}.pattern-preview{grid-template-rows:repeat(2,8px);grid-template-columns:repeat(3,8px);align-content:center;gap:5px 7px;width:58px;height:29px;display:grid}.pattern-preview i{background:#b0a6d3;border-radius:3px;width:8px;height:8px}.window-preview i:nth-child(n+4){transform:translate(7px)}.stage-preview{grid-template-rows:12px 8px;grid-template-columns:repeat(3,9px);place-content:center;gap:5px 6px;width:62px;height:36px;display:grid}.stage-preview i{background:#c9c3c0;border-radius:50% 50% 3px 3px;grid-column:1/-1;justify-self:center;width:58px;height:10px}.stage-preview b{background:#b0a6d3;border-radius:3px;width:9px;height:8px}.stage-preview-bottom{grid-template-rows:8px 12px}.stage-preview-bottom i{border-radius:3px 3px 50% 50%}.name-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.name-options button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fdfcfa;border-radius:10px;flex-direction:column;gap:3px;padding:10px 12px;display:flex}.name-options button.selected{background:#f8f6ff;border-color:#8e83bd;box-shadow:inset 0 0 0 1px #8e83bd}.name-options strong{font:600 11px Georgia,serif}.name-options small{color:#948e97;font-size:8px}.page-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.page-choice{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fdfcfa;border-radius:11px;grid-template-columns:48px 1fr;align-items:center;gap:10px;min-width:0;padding:10px 11px;display:grid}.page-choice.selected{background:#f8f6ff;border-color:#8e83bd;box-shadow:inset 0 0 0 1px #8e83bd}.page-choice>span{flex-direction:column;gap:3px;min-width:0;display:flex}.page-choice strong{font:600 11px Georgia,serif}.page-choice small{color:#928c96;font-size:8px;line-height:1.35}.paper-preview{background:#fff;border:1px solid #cfc9d1;border-radius:3px;width:46px;box-shadow:0 3px 8px #2e26320e}.paper-preview:after{content:"";background:#b0a6d3;border-radius:2px;width:60%;height:3px;margin:8px auto;display:block;box-shadow:0 6px #ded9e3}.paper-letter{aspect-ratio:11/8.5}.paper-tabloid{aspect-ratio:17/11}.color-settings{grid-template-columns:1fr 1fr;gap:7px;display:grid}.color-settings label{border:1px solid var(--line);cursor:pointer;border-radius:10px;grid-template-columns:25px 1fr 22px;align-items:center;gap:8px;min-width:0;padding:8px 9px;display:grid;position:relative}.color-settings label>span:nth-child(2){flex-direction:column;gap:2px;min-width:0;display:flex}.color-settings strong{font:600 10px Georgia,serif}.color-settings small{color:#aaa3ab;font-size:7px}.color-swatch{border-radius:8px;width:25px;height:25px;box-shadow:inset 0 0 0 1px #00000012}.color-settings input[type=color]{cursor:pointer;background:0 0;border:0;width:22px;height:22px;padding:0}.color-settings input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-settings input[type=color]::-webkit-color-swatch{border:1px solid #ddd7dd;border-radius:50%}.theme-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.theme-choice{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fdfcfa;border-radius:10px;grid-template-columns:35px 1fr;align-items:center;gap:9px;padding:9px;display:grid}.theme-choice.selected{border-color:#8e83bd;box-shadow:inset 0 0 0 1px #8e83bd}.theme-choice i{background:#fff;border:1px solid #ded9d6;border-radius:7px;width:35px;height:28px;box-shadow:inset 0 8px #f2efed}.theme-choice.dark-choice{color:#fff;background:#34313d;border-color:#484451}.theme-choice.dark-choice i{background:#24212c;border-color:#5b5665;box-shadow:inset 0 8px #302c3a}.theme-choice>span{flex-direction:column;gap:2px;display:flex}.theme-choice strong{font:600 10px Georgia,serif}.theme-choice small{color:#99929c;font-size:8px}.csv-drop{text-align:center;cursor:pointer;background:#faf8fc;border:1px dashed #cfc8d5;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:145px;display:flex}.csv-drop.is-dragging{border-color:var(--purple);background:#f0ebfa;border-style:solid;transform:scale(1.01);box-shadow:inset 0 0 0 2px #6659a71c}.csv-drop>span{width:32px;height:32px;color:var(--purple);background:#eee9f7;border-radius:50%;place-items:center;font-size:17px;display:grid}.csv-drop strong{font:600 12px Georgia,serif}.csv-drop small{color:#99929c;font-size:8px}.csv-drop input{opacity:0;width:1px;height:1px;position:absolute}.import-message{color:#52745a;background:#edf5ee;border-radius:9px;margin:12px 0 0;padding:10px 12px;font-size:10px;line-height:1.4}.future-sync{border-top:1px solid var(--line);flex-direction:column;gap:3px;margin-top:18px;padding-top:16px;display:flex}.future-sync>span{color:#71639d;letter-spacing:.08em;text-transform:uppercase;background:#f0ecf7;border-radius:5px;width:max-content;padding:3px 6px;font-size:7px;font-weight:750}.future-sync strong{margin-top:3px;font:600 11px Georgia,serif}.future-sync small{color:#99929c;font-size:8px;line-height:1.4}.row-editor{flex-direction:column;gap:8px;display:flex}.row-setting{border:1px solid var(--line);border-radius:10px;grid-template-columns:1fr auto 25px;align-items:center;padding:8px 10px 8px 13px;font-size:11px;display:grid}.row-setting>div{align-items:center;gap:12px;display:flex}.row-setting button{border:1px solid var(--line);cursor:pointer;background:#f8f6f4;border-radius:7px;width:27px;height:27px}.row-setting .delete-row{color:#b2abb3;background:0 0;border:0;margin-left:5px}.add-row{color:var(--purple);cursor:pointer;background:0 0;border:0;padding:13px 0;font-size:11px;font-weight:650}.stage-area.chart-dark{color:#f7f3f7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#24212c;border-color:#393542;box-shadow:0 14px 38px #17131c26}.chart-dark .zoom-toolbar{background:#302c38e8;border-color:#4a4552;box-shadow:0 5px 16px #0e0b1240}.chart-dark .zoom-toolbar button{color:#c4bdc8}.chart-dark .zoom-toolbar button:hover,.chart-dark .zoom-toolbar button.active{color:#ddd5f4;background:#484153}.chart-dark .zoom-toolbar>span{color:#aaa2ad}.chart-dark .stage{color:#d3cdd5;background:#302c38;border-color:#45404b;box-shadow:inset 0 2px 8px #413c49,0 7px #1b1821}.chart-dark .stage.stage-at-bottom{box-shadow:inset 0 2px 8px #413c49,0 -7px #1b1821}.chart-dark .stage strong em{color:#8f8794}.chart-dark .row-label{color:#746d79}.chart-dark .seat{color:#8f8794;background:#2c2934;border-color:#57515f}.chart-dark .seat:after{background:#211e28;border-color:#4a4551}.chart-dark .seat:hover,.chart-dark .seat.drop-ready{background:#353142;border-color:#9388c2}.chart-dark .seat.occupied{color:#f7f3f7;background:#332f3b;border-color:#504a57;box-shadow:0 5px 13px #0f0c1338}.chart-dark .seat-name b,.chart-dark .seat small{color:#a69eaa}.chart-dark .hint{color:#89818e}.chart-dark .hint>span{border-color:#4b4652}.chart-dark .hint strong{color:#beb7c1}@media (width<=800px){.topbar{grid-template-columns:1fr auto;height:68px;padding:0 16px}.brand{font-size:18px}.title-block,.save-state,.icon-button,.primary-button span{display:none}.header-actions .primary-button{display:block}.workspace,.workspace.roster-collapsed{min-height:calc(100vh - 68px);display:block}.roster-panel{border-right:1px solid var(--line);border-bottom:0;width:min(330px,88vw);height:calc(100vh - 68px);padding:21px 16px 16px;position:fixed;inset:68px auto 0 0;box-shadow:12px 0 35px #211a2930}.roster-collapsed .roster-panel{box-shadow:none;transform:translate(-105%)}.roster-scrim{z-index:11;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:1;background:#211a2945;border:0;transition:opacity .2s;position:fixed;inset:68px 0 0}.roster-open .roster-scrim{display:block}.roster-collapsed .roster-scrim{opacity:0;display:none}.roster-list{flex-direction:column;padding:0 3px 6px 0;overflow-y:auto}.singer-card{min-width:0}.singer-delete{opacity:1}.roster-add{display:none}.chart-panel{padding:22px 12px 35px}.chart-toolbar{align-items:flex-start;gap:12px;padding:0 5px}.chart-actions{flex-wrap:wrap;justify-content:flex-end}.chart-actions .secondary-button{padding:0 10px}.chart-actions .roster-toggle{order:-1}.chart-toolbar h1{font-size:20px}.stage-area{border-radius:14px}.stage-area.page-letter{min-height:420px}.stage-area.page-tabloid{min-height:350px}.chart-viewport{padding:32px 16px 25px}.chart-canvas{width:var(--chart-width-mobile)}.zoom-toolbar{top:12px;right:12px}.zoom-toolbar input{width:70px}.zoom-toolbar button{min-width:34px;height:34px}.stage{margin-bottom:38px}.stage.stage-at-bottom{margin-top:38px;margin-bottom:0}.seat-map{gap:27px}.seat{width:88px;height:90px}.seat-row{gap:11px}.seat-row.row-offset{transform:translate(49.5px)}}@media print{*{-webkit-print-color-adjust:exact;print-color-adjust:exact}.topbar,.roster-panel,.roster-scrim,.chart-toolbar button,.hint,.modal-backdrop,.zoom-toolbar{display:none!important}.workspace{display:block}.chart-panel{background:#fff;padding:0}.chart-toolbar{margin-bottom:14px}.stage-area,.stage-area.page-letter,.stage-area.page-tabloid{aspect-ratio:auto;width:100%;max-width:none;min-height:0;box-shadow:none;border:0;padding:0;display:block;overflow:visible}.chart-viewport{width:100%;height:auto;padding:0;display:block;position:static;overflow:visible}.chart-canvas{transform-origin:top;margin:0 auto;zoom:var(--print-zoom)!important}}.auth-page,.members-page{color:#27212d;background:radial-gradient(circle at 20% 10%,#8a6bb72e,#0000 34%),#f6f4f8;min-height:100vh;font-family:Inter,system-ui,sans-serif}.auth-page{place-items:center;padding:24px;display:grid}.auth-card,.members-card{background:#fff;border:1px solid #e7e1eb;border-radius:20px;box-shadow:0 22px 70px #27212d1f}.auth-card{gap:28px;width:min(100%,440px);padding:32px;display:grid}.auth-brand{align-items:center;gap:10px;font-size:20px;display:flex}.auth-card h1,.members-card h1{letter-spacing:-.04em;margin:6px 0 8px;font-size:clamp(28px,5vw,40px)}.auth-card p,.members-card>p{color:#746d7a;margin:0;line-height:1.55}.auth-card form,.invite-form{gap:16px;display:grid}.auth-card label,.invite-form label{gap:7px;font-size:13px;font-weight:750;display:grid}.auth-card input,.invite-form input,.invite-form select{height:46px;font:inherit;background:#fff;border:1px solid #d9d1df;border-radius:10px;padding:0 12px}.auth-card label small{color:#746d7a;font-weight:500}.auth-card .primary-button{justify-content:center;width:100%}.form-error{background:#fff1f3;border-radius:9px;padding:10px 12px;font-size:13px;color:#a13243!important}.members-page{padding-bottom:60px}.members-page>header{background:#fff;border-bottom:1px solid #e7e1eb;justify-content:space-between;align-items:center;height:74px;padding:0 max(24px,50vw - 470px);display:flex}.members-page>header>div:last-child{align-items:center;gap:18px;display:flex}.members-page>header a{color:#5f4b7c;font-weight:700;text-decoration:none}.members-page>header button,.invite-result button{color:#6f6676;cursor:pointer;background:0 0;border:0;font-weight:700}.members-card{width:min(100% - 32px,900px);margin:40px auto;padding:clamp(24px,5vw,48px)}.invite-form{background:#f8f6fa;border-radius:14px;grid-template-columns:1fr 170px auto;align-items:end;margin:30px 0;padding:20px}.invite-result{background:#faf8fc;border:1px solid #cfc1dd;border-radius:12px;margin:0 0 24px;padding:18px}.invite-result p{color:#746d7a;margin:4px 0 12px}.invite-result div{gap:8px;display:flex}.invite-result input{border:1px solid #d9d1df;border-radius:8px;flex:1;min-width:0;padding:10px}.invite-result button{color:#513c6b;background:#ede7f3;border-radius:8px;padding:0 14px}.member-list{gap:10px;margin-top:24px;display:grid}.member-list>div{border:1px solid #eee9f1;border-radius:12px;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:13px;display:grid}.member-list span:nth-child(2){gap:2px;display:grid}.member-list small{color:#746d7a}.member-list b{text-transform:capitalize;color:#5f4b7c;background:#eee8f4;border-radius:999px;padding:5px 9px;font-size:12px}@media (width<=680px){.invite-form{grid-template-columns:1fr}.members-page>header{padding:0 16px}.members-page>header .auth-brand strong{display:none}}