:root{--ink:#39324e;--muted:#9a93a9;--purple:#8060ba;--line:#eeebf2;--page:#f9f8fc}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--page);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px}button,input,select{font:inherit}button,a,label,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{transition:background .18s,transform .18s,box-shadow .18s}button:hover{filter:brightness(.97)}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #9b80cf;outline-offset:3px}button:disabled{cursor:default;opacity:.4}a{color:inherit;text-decoration:none}button{border:0}h1,h2,h3,p{margin:0}.site-header{height:89px;padding:0 max(36px,calc((100vw - 1480px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-size:19px;font-weight:700;letter-spacing:1px}.brand-icon{width:43px;height:43px;background:#8b70c1;border-radius:15px;display:grid;place-items:center;color:#fff2ba;font-size:36px;font-family:Georgia,serif;line-height:1;position:relative;transform:rotate(-12deg)}.brand-icon i{position:absolute;font-style:normal;font-size:13px;right:7px;top:7px}.brand small{display:block;font-size:8px;letter-spacing:2.3px;color:#a39aae;margin-top:6px;font-weight:500}nav{display:flex;align-items:center;gap:12px}nav a{font-size:13px;color:#91889d;margin-right:10px}nav a span{margin-left:6px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:11px 17px;border-radius:10px;font-weight:500;font-size:13px}.light{background:#fff;border:1px solid #e7e2ef}.btn span{font-size:18px;line-height:1}.primary{background:var(--purple);color:#fff;border:1px solid var(--purple)}main{max-width:1480px;margin:0 auto;padding:0 36px}.intro{display:flex;align-items:center;justify-content:space-between;padding:33px 0 29px}.eyebrow{font-size:10px;letter-spacing:2px;color:#9383a9;font-weight:600}.tiny-star{font-size:13px;color:#ba9c62;margin-right:6px}h1{font-size:33px;letter-spacing:1px;font-weight:650;margin:11px 0 10px}h1>span:first-child{color:#8a6cb9}h1 .title-star{color:#c6b1df;font-size:33px;font-weight:400;margin-left:17px;display:inline-block;transform:rotate(15deg)}.intro p{font-size:13px;letter-spacing:.5px;color:#9a91aa}.summary{display:flex;align-items:center;gap:28px;position:relative;padding-right:16px}.summary>div{display:flex;flex-direction:column;gap:7px}.summary strong{font-size:30px;line-height:1;letter-spacing:-1px;font-weight:600}.summary strong em{font-size:12px;color:#a59ab1;font-style:normal;margin-left:6px;font-weight:400}.summary>div>span{font-size:11px;color:#9a91a6}.summary-divider{height:34px;width:1px;background:#e5dfee}.sample-label{font-size:10px;border:1px solid #e6ddeb;border-radius:6px;color:#a18fae;padding:5px 7px;margin-left:2px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px}.map-panel{background:#fff;border:1px solid #eae5f0;border-radius:19px;overflow:hidden;box-shadow:0 5px 12px #3c2d5b02;display:flex;flex-direction:column}.panel-header{padding:21px 23px 10px;display:flex;justify-content:space-between;align-items:center}.panel-header>div:first-child{display:flex;align-items:center;gap:9px}.live-dot{width:7px;height:7px;background:#a68bc7;border-radius:50%}.panel-header h2{font-size:15px;font-weight:600}.view-label{font-size:10px;color:#aca4b6;margin-left:3px;background:#f7f5fa;padding:5px 7px;border-radius:5px}.map-tools{display:flex;gap:7px}.icon-btn{background:#fff;width:30px;height:28px;border:1px solid #eeeaf4;border-radius:7px;color:#aaa0b7;font-size:15px}.icon-btn.active{background:#f4effa;color:#8b6ab6;border-color:#e8dff1}.map-hint{display:flex;align-items:center;gap:7px;color:#a59bb1;font-size:10px;padding:0 23px 9px}.map-hint>span:first-child{font-size:16px;color:#bba4d6}.direction-key{margin-left:auto;color:#b5abbf;font-size:9px}.scene-wrap{position:relative;flex:1;display:grid;align-items:center;padding:0 9px 3px}#room{display:block;width:100%;overflow:visible;max-height:620px}.map-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 23px;border-top:1px solid #f0edf6}.legend{display:flex;gap:15px;color:#a095ac;font-size:10px}.legend>span{display:inline-flex;align-items:center;gap:5px}.legend-dot{width:7px;height:7px;border-radius:50%}.boy{background:#91b6df}.girl{background:#efa48e}.pillow-icon{width:12px;height:7px;border:1px solid #c3b4d5;background:#f1eaf8;border-radius:2px}.desk-icon{width:12px;height:8px;border:1px solid #c1bebc;background:#e8e4e0;border-radius:2px}.diagram-note{font-size:9px;color:#b7aebf}.side-panel{display:flex;flex-direction:column;gap:15px}.arrival-card{background:linear-gradient(135deg,#eee8f8,#f7f4fc);border:1px solid #e7def1;border-radius:18px;text-align:center;padding:18px 20px 14px;position:relative;overflow:hidden}.card-eyebrow{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.5px;color:#9c84b8}.small-stars{color:#c3a9df;font-size:17px;letter-spacing:6px}.avatar-orbit{height:142px;position:relative;display:flex;justify-content:center;align-items:center;margin-top:5px}.avatar-orbit>img{height:125px;position:relative;z-index:1;filter:drop-shadow(0 8px 4px #61467516);animation:bob 5s ease-in-out infinite}.orbit{position:absolute;width:133px;height:133px;border-radius:50%;border:1px solid #e2d7ef;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit.o2{width:106px;height:106px;border:1px dashed #e2d7ef;background:#ffffff38}.floating-star{position:absolute;color:#c7afd9}.s1{left:20px;top:34px;font-size:19px}.s2{right:24px;bottom:25px;font-size:21px}.avatar-badge{position:absolute;z-index:2;bottom:1px;right:60px;background:#fff;border:1px solid #e6def0;padding:4px 7px;border-radius:7px;font-size:10px;color:#8e75ac;box-shadow:0 3px 8px #6a507910}.arrival-card h2{font-size:19px;letter-spacing:.7px;margin:12px 0 7px}.student-meta{font-size:10px;color:#a394b4}.destination{display:flex;align-items:center;justify-content:space-around;border:1px solid #e7def0;background:#ffffff80;border-radius:11px;margin-top:17px;padding:11px 7px}.destination>div{display:flex;flex-direction:column;gap:6px}.destination small{font-size:9px;color:#a294b3}.destination strong{font-size:15px;font-weight:600;color:#8a6fa9}.destination-divider{width:1px;height:26px;background:#e5dbef}.arrival-note{font-size:10px;color:#ac9bbb;margin-top:12px}.zones-card{padding:19px 18px 12px;background:#fff;border:1px solid #eae5f0;border-radius:16px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.section-heading h3{font-size:13px;font-weight:600}.section-heading>span{font-size:10px;color:#a196ad}.zone-row{display:flex;width:100%;align-items:center;padding:8px 0;background:none;text-align:left;gap:9px}.zone-letter{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;font-size:11px;font-weight:600;flex-shrink:0}.zone-description{display:flex;flex-direction:column;gap:4px}.zone-description strong{font-size:11px;font-weight:500}.zone-description small{font-size:9px;color:#b2a6bb}.zone-row .zone-amount{margin-left:auto;font-size:10px;color:#afa3b7}.zone-row:hover .zone-description strong{color:var(--purple)}.zone-mini-dots{display:flex;gap:2px;margin-left:auto}.zone-mini-dots i{height:4px;width:4px;border-radius:50%;background:#e7e1ec}.zone-mini-dots i.done{background:#b59acb}.quiet-note{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:auto;padding:0 0 3px}.quiet-note>span{font-family:Georgia,serif;color:#b6a4cd;font-size:37px;transform:rotate(-15deg)}.quiet-note p{font-size:10px;line-height:1.8;letter-spacing:1px;color:#b0a2bb}.playback{display:flex;align-items:center;gap:25px;padding:18px 22px;margin-top:20px;border:1px solid #e7e0ef;border-radius:17px;background:#fff;box-shadow:0 4px 16px #3a285006}.play-main{display:flex;gap:9px;align-items:center}.play-btn{display:flex;align-items:center;gap:10px;justify-content:center;padding:14px 22px;min-width:142px;color:#fff;background:#8564bb;border-radius:10px;font-size:13px;font-weight:600;box-shadow:0 4px 9px #8261b329}.play-btn>span:first-child{font-size:13px}.control-btn{height:39px;min-width:32px;padding:8px;border-radius:8px;background:transparent;color:#aa9bb8;font-size:21px}.control-btn:hover{background:#f6f2fb}.progress-block{flex:1;min-width:90px}.progress-caption{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:10px;color:#ad9fbb}.progress-caption strong{font-size:11px;color:#9075af}.progress-caption em{font-size:10px;font-style:normal;font-weight:400;color:#aca0b9}.progress-track{height:5px;background:#f0ebf6;border-radius:10px;overflow:hidden}#progressFill{height:100%;width:0;background:linear-gradient(90deg,#b09ad0,#8162b7);border-radius:10px;transition:width .4s}.play-options{display:flex;align-items:center;gap:13px}.speed-label{display:flex;align-items:center;gap:7px;font-size:10px;color:#aaa0b4}select{cursor:pointer;border:1px solid #e8e1ef;color:#877496;background:#faf8fc;border-radius:7px;padding:6px;font-size:12px}.voice-btn{font-size:18px;display:flex;align-items:center;gap:6px}.voice-btn span{font-size:11px}.voice-btn[aria-pressed=true]{color:#8a65bb;background:#f4eefb}.control-divider{width:1px;height:26px;background:#eee8f3}.all-btn{background:none;font-size:12px;color:#9786a7;padding:10px 1px}.all-btn>span{margin-left:8px}.page-footer{display:flex;justify-content:space-between;font-size:10px;color:#b8adbf;padding:20px 2px 25px;letter-spacing:.5px}.page-footer b{font-weight:400;margin:0 8px}.room-zone{transition:opacity .2s}.bed{cursor:pointer}.bed .selection-ring{opacity:0;transition:opacity .2s}.bed.selected .selection-ring,.bed:focus .selection-ring{opacity:1}.bed:hover .bed-base{filter:brightness(.97)}.zone-focus{animation:zonePulse 1s ease-in-out 2}.seat-arrive{transform-box:fill-box;transform-origin:center;animation:land .5s cubic-bezier(.2,.9,.2,1.25)}.sleep-z{fill:#baa7ce;font-size:10px;opacity:.7}.bed-name{font-size:10px;fill:#847392;font-weight:500}.seat-code{font-size:9px;fill:#a090ae;letter-spacing:.5px}.bed .ghost{opacity:.16}.head-tag{font-size:8px;fill:#a696b4}.labels-hidden .bed-name{display:none}.desk-group{opacity:.86}.projection .site-header,.projection .intro,.projection .page-footer{display:none}.projection main{max-width:1800px;padding:20px 30px}.projection .workspace{grid-template-columns:minmax(0,1fr) 275px}.projection #room{max-height:calc(100vh - 215px)}.projection .playback{margin-top:14px}.projection .quiet-note{display:none}#exitProjection{display:none;position:fixed;top:13px;right:30px;z-index:5;background:#fff;font-size:11px}.projection #exitProjection{display:block}.projection .arrival-card{padding-top:40px}.projection .map-panel{min-height:0}.projection .bed-name{font-size:12px;font-weight:600}.projection .seat-code{font-size:11px}dialog{width:min(850px,calc(100vw - 36px));max-height:92vh;padding:0;border:1px solid #e9e0f2;border-radius:21px;color:var(--ink);box-shadow:0 30px 90px #34224d30;overflow:hidden;background:#fff}dialog::backdrop{background:#33224766;backdrop-filter:blur(6px)}#settingsForm{display:flex;flex-direction:column;max-height:91vh}.dialog-header{display:flex;justify-content:space-between;padding:24px 28px 20px;align-items:center}.dialog-header h2{font-size:22px;margin-top:8px}.dialog-header .eyebrow{font-size:9px}.close-btn{width:34px;height:34px;border-radius:50%;font-size:25px;color:#ae9cba;background:#f7f2fb}.settings-tabs{display:flex;gap:15px;padding:0 28px;border-bottom:1px solid #ede5f3}.settings-tabs button{padding:13px 5px;font-size:13px;color:#a294af;background:none;border-bottom:2px solid transparent}.settings-tabs button.selected{border-bottom-color:#8a65bc;color:#8a65bc;font-weight:600}.dialog-body{padding:22px 28px;overflow:auto;min-height:150px}.settings-callout{padding:14px 17px;font-size:12px;line-height:1.9;color:#9a85ad;background:#f7f3fc;border-radius:10px;margin-bottom:20px}.roster-head,.roster-row{display:grid;grid-template-columns:40px minmax(70px,1fr) 84px 82px 62px;gap:13px;align-items:center}.roster-head{font-size:11px;color:#ab99b8;padding:0 6px 12px}.roster-row{padding:9px 5px;border-top:1px solid #f2edf6}.roster-row>span{color:#ac99bc;font-size:12px}.roster-row input,.zone-edit input,.desk-edit input{width:100%;padding:9px;border:1px solid #e9e0f1;border-radius:7px;color:#776384;background:#fff;min-width:0}.roster-row select{padding:9px}.roster-row .roster-bed{font-size:11px;color:#9a7cae}.swap-buttons{display:flex;gap:5px}.swap-buttons button{height:27px;width:27px;background:#f5f0fa;border-radius:6px;color:#a28bb5}.dialog-footer{border-top:1px solid #ede6f4;padding:17px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff}.dialog-footer>div{display:flex;gap:9px;flex-shrink:0}#settingsError{font-size:11px;color:#bf706f;line-height:1.6}.layout-tools{display:flex;align-items:center;gap:9px;margin:12px 0 20px;font-size:12px;color:#957ea6}.layout-tools span{margin-right:auto}.layout-tools button{background:#f6f1fb;color:#9478a9;border-radius:7px;padding:8px;font-size:11px}#layoutPreview{width:100%;background:#faf8fc;border-radius:13px;border:1px solid #e9e0f1;touch-action:none;user-select:none;display:block;max-height:350px}#layoutPreview .draggable{cursor:move}#layoutPreview .preview-head{font-size:13px;fill:#796487}.zone-edit{padding:16px 0;border-bottom:1px solid #eee6f4;display:grid;grid-template-columns:1fr 70px 110px 100px;gap:10px}.zone-edit label,.desk-edit label{font-size:10px;color:#a18bb2;display:flex;gap:6px;flex-direction:column;min-width:0}.zone-edit select{height:35px;font-size:11px}.zone-edit .geometry,.desk-edit .geometry{display:flex;gap:10px;grid-column:1/-1;align-items:flex-end}.geometry label{flex:1}.remove-btn{background:#fff3f1;color:#b38483;border-radius:6px;padding:10px;font-size:11px;flex-shrink:0}.desk-heading{font-size:13px;font-weight:500;margin:24px 0 10px}.desk-heading small{font-size:10px;color:#ad99ba;margin-left:8px}.desk-edit{padding:12px 0;border-bottom:1px solid #eee6f4}.desk-edit strong{font-size:11px;font-weight:500;display:block;margin-bottom:9px}.field-hint{color:#aa98b6;font-size:11px;line-height:1.8;margin-top:18px}.backup-actions{display:flex;gap:10px;flex-wrap:wrap}.backup-actions label{cursor:pointer}.help{font-size:12px;color:#a08caf;line-height:2}.help h3{font-size:14px;font-weight:500;color:#806690;margin:25px 0 9px}#toast{position:fixed;left:50%;bottom:30px;z-index:100;max-width:calc(100vw - 30px);transform:translate(-50%,20px);background:#554368;color:#fff;padding:12px 20px;border-radius:11px;box-shadow:0 5px 25px #33244420;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;font-size:12px}#toast.visible{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}@keyframes bob{50%{transform:translateY(-5px)}}@keyframes land{0%{transform:scale(.75)}65%{transform:scale(1.08)}100%{transform:scale(1)}}@keyframes zonePulse{50%{opacity:.5}}@media(min-width:1600px){.scene-wrap{padding:0 15px}#room{max-height:660px}.side-panel{gap:20px}.arrival-card{padding-bottom:22px}.avatar-orbit{height:159px}.avatar-orbit>img{height:140px}.zone-row{padding:10px 0}}
@media(max-width:1150px){main{padding:0 22px}.site-header{padding:0 22px}.workspace{grid-template-columns:minmax(0,1fr) 220px;gap:15px}.arrival-card{padding:15px 12px}.avatar-orbit{height:120px}.avatar-orbit>img{height:108px}.orbit{height:112px;width:112px}.orbit.o2{height:92px;width:92px}.avatar-badge{right:40px}.arrival-card h2{font-size:17px}.zones-card{padding:14px}.zone-row{padding:6px 0}.quiet-note{display:none}.playback{gap:18px;padding:15px}.play-options{gap:8px}.play-btn{min-width:120px;padding:13px}.direction-key{display:none}.map-footer{padding:14px}.legend{gap:9px;font-size:9px}.diagram-note{font-size:8px}.summary{gap:20px}.sample-label{display:none}.panel-header{padding:18px 17px 10px}.map-hint{padding-left:17px;font-size:9px}.view-label{display:none}.voice-btn span{display:none}}
@media(max-width:850px){.site-header{height:75px}.brand{font-size:16px}.brand small{font-size:7px;letter-spacing:1.5px}nav{gap:7px}nav a{display:none}.btn{padding:10px;font-size:11px}.intro{padding:25px 0}.intro h1{font-size:27px}.summary{gap:18px;padding:0}.summary strong{font-size:26px}.workspace{grid-template-columns:1fr}.side-panel{display:grid;grid-template-columns:1fr 1fr;gap:14px}.arrival-card{display:grid;grid-template-columns:90px 1fr;text-align:left;padding:17px;align-items:center}.card-eyebrow{grid-column:1/-1}.avatar-orbit{grid-column:1;grid-row:2/6;margin:0;height:130px}.orbit{width:80px;height:80px}.orbit.o2{width:60px;height:60px}.avatar-orbit>img{height:100px}.floating-star{display:none}.avatar-badge{right:3px;bottom:7px}.arrival-card h2{margin:12px 0 3px}.destination{padding:8px;margin-top:10px}.destination strong{font-size:13px}.arrival-note{margin-top:8px;font-size:9px}.zones-card{padding:17px}.section-heading{margin-bottom:9px}#zoneList{display:grid;grid-template-columns:1fr 1fr;column-gap:15px}.zone-mini-dots{display:none}.zone-description small{display:none}.zone-row{gap:7px}.zone-row .zone-amount{font-size:9px}.playback{gap:17px;flex-wrap:wrap}.play-main{gap:5px}.play-options{width:100%;justify-content:flex-end}.progress-block{min-width:100px}.page-footer>span:last-child{display:none}.projection .workspace{grid-template-columns:1fr}.projection .side-panel{display:none}.projection main{padding:50px 16px 10px}.projection #room{max-height:calc(100vh - 300px)}}
@media(max-width:520px){main{padding:0 12px}.site-header{padding:0 13px}.brand-icon{width:34px;height:34px;font-size:29px;border-radius:11px}.brand{gap:8px;font-size:14px}.brand small{font-size:6px}.btn{padding:9px 8px}.btn span{font-size:14px}.intro{padding:23px 4px}.intro h1{font-size:24px}.intro h1 .title-star{font-size:24px;margin-left:5px}.intro p{font-size:11px}.summary{display:none}.panel-header{padding:15px 14px 7px}.panel-header h2{font-size:13px}.map-hint{font-size:8px;padding-left:14px}.scene-wrap{padding:2px}.map-footer{padding:12px 10px}.legend{font-size:8px;gap:8px}.diagram-note{display:none}.side-panel{grid-template-columns:1fr}.arrival-card{grid-template-columns:110px 1fr;padding:14px 20px}.avatar-orbit{grid-row:1/6}.card-eyebrow{grid-column:2}.arrival-card h2{font-size:20px}.avatar-badge{right:10px}.zones-card{padding:17px}#zoneList{grid-template-columns:1fr 1fr 1fr;column-gap:11px}.zone-letter{height:22px;width:22px}.zone-description strong{font-size:10px}.zone-row .zone-amount{display:none}.playback{padding:13px;gap:14px}.play-btn{font-size:12px;min-width:107px;padding:12px 10px}.progress-caption{font-size:9px;gap:5px}.progress-caption em{font-size:9px}.progress-caption strong{white-space:nowrap}.play-options{gap:15px}.dialog-header{padding:20px}.dialog-body{padding:18px 15px}.settings-tabs{padding:0 18px;gap:16px}.dialog-footer{padding:15px;flex-direction:column;align-items:stretch;gap:10px}.dialog-footer>div{justify-content:flex-end}.roster-head,.roster-row{gap:7px;grid-template-columns:25px minmax(50px,1fr) 64px 48px 49px}.roster-row input,.roster-row select{padding:8px 5px;font-size:11px}.swap-buttons{gap:3px}.swap-buttons button{width:23px}.roster-row .roster-bed{font-size:9px}.zone-edit{grid-template-columns:1fr 55px 85px 80px;gap:7px}.zone-edit label{font-size:9px}.zone-edit select{font-size:10px;padding:3px}.geometry{gap:6px!important}.layout-tools{font-size:10px}.layout-tools button{font-size:10px}.backup-actions{gap:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{body{background:#fff}.site-header,.intro,.playback,.side-panel,.page-footer,.map-tools,dialog,#toast,#exitProjection{display:none!important}main{max-width:none;padding:0}.workspace{display:block}.map-panel{border:none}.scene-wrap{padding:0}#room{max-height:none;width:100%}.map-hint{font-size:11px}.bed-name{font-size:12px}.seat-code{font-size:11px}.ghost{opacity:1!important}.map-footer{margin-top:10px}.legend{font-size:11px}.diagram-note{font-size:10px}svg{-webkit-print-color-adjust:exact;print-color-adjust:exact}@page{size:A4 landscape;margin:10mm}}
/* 投屏时优先保证姓名、编号和朝向的辨识度。 */
.bed-name{font-size:12px;fill:#685775;font-weight:600}.seat-code{font-size:10px;fill:#87748f}.intro p{color:#867990}.map-hint{color:#92819f}.zone-description strong{color:#75627e}.student-meta{color:#907ba3}.arrival-note{color:#9580a6}.legend{color:#887995}
/* 投屏固定在一屏内，底部控制条始终可见。 */
.projection main{height:100vh;display:flex;flex-direction:column;gap:14px}.projection .workspace{flex:1;min-height:0}.projection .map-panel{height:100%}.projection .scene-wrap{display:block;position:relative;min-height:0;padding:0;overflow:hidden}.projection #room{position:absolute;inset:0;width:100%;height:100%;max-height:100%}.projection .playback{flex-shrink:0;margin-top:0}.projection .side-panel{min-height:0;overflow:auto}
/* 手绘布局与名单核对。 */
.layout-notice{display:flex;align-items:center;gap:12px;padding:12px 16px;margin:0 0 18px;background:#f0f6f2;border:1px solid #dae8df;border-radius:12px;color:#658776;font-size:12px;line-height:1.7}.layout-notice p{flex:1}.notice-icon{font-size:21px}.layout-notice button{background:#fff;color:#638374;border:1px solid #d6e5dc;border-radius:7px;padding:7px 10px;white-space:nowrap;font-size:11px}.unknown{background:#9bc9b8}.roster-name{display:flex;flex-direction:column;gap:5px}.name-check{font-size:10px;color:#9a85ad;display:flex;align-items:center;gap:5px}.roster-row .name-check input{width:12px;height:12px;padding:0;margin:0;accent-color:#8060ba}.grid-options{display:flex;gap:10px;grid-column:1/-1}.grid-options>label{flex:1}.projection .layout-notice{display:none}.legend{flex-wrap:wrap}.projection .bed-name{font-size:12px}.projection .seat-code{font-size:10px}
@media(max-width:600px){.layout-notice{flex-wrap:wrap;font-size:11px}.layout-notice p{min-width:75%}.layout-notice button{margin-left:auto}.layout-notice button+button{margin-left:0}}
@media print{.layout-notice button{display:none}.layout-notice{margin:0 0 8px;padding:6px 12px;font-size:10px}}