*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{--parchment: #f5ecdb;--parchment-deep: #e8dcc4;--surface: #fdf9f1;--graphite: #26343b;--graphite-soft: #5d6b71;--blue: #6a94b4;--blue-deep: #46708f;--accent: #d9821f;--accent-soft: #f6e2c6;--danger: #9d4b32;--line: rgba(38, 52, 59, .16);--line-strong: rgba(38, 52, 59, .32);--shadow: 0 1px 2px rgba(38, 52, 59, .08);--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--radius: 10px;--gap: 1rem;font-family:var(--font-sans);color:var(--graphite);color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--parchment: #1a2126;--parchment-deep: #232d33;--surface: #212a30;--graphite: #ece3d2;--graphite-soft: #a3b0b6;--blue: #7ea9c8;--blue-deep: #9cc2dc;--accent: #eda451;--accent-soft: #3a3227;--danger: #dd8f78;--line: rgba(236, 227, 210, .18);--line-strong: rgba(236, 227, 210, .36);--shadow: 0 1px 2px rgba(0, 0, 0, .3)}}body{min-height:100dvh;background:var(--parchment);color:var(--graphite)}h1,h2,h3{font-family:var(--font-serif);font-weight:600;letter-spacing:.01em}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.page{max-width:80ch;margin-inline:auto;padding:2rem}.app{display:flex;flex-direction:column;min-height:100dvh}.app__header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.75rem var(--gap);padding:1.1rem 1.25rem .9rem;border-bottom:1px solid var(--line);background:var(--surface)}.app__title h1{margin:0;font-size:1.5rem}.app__tagline{margin:.15rem 0 0;color:var(--graphite-soft);font-size:.85rem}.app__body{display:grid;grid-template-columns:264px minmax(0,1fr) 304px;gap:var(--gap);padding:var(--gap) 1.25rem 2rem;align-items:start;flex:1}.app__body.is-collapsed{grid-template-columns:minmax(0,1fr) 304px}.stage{display:flex;flex-direction:column;gap:.65rem;min-width:0}.stage__bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.9rem 1rem 1.1rem;box-shadow:var(--shadow)}.panel__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--line)}.panel__header h2{margin:0;font-size:1.05rem}.panel__count{font-size:.78rem;color:var(--graphite-soft)}.muted{color:var(--graphite-soft);font-size:.82rem;margin:.5rem 0 0}label{display:block;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:var(--graphite-soft);margin-bottom:.25rem}input[type=text],input:not([type]),input[type=number],select,textarea{width:100%;font:inherit;font-size:.9rem;color:var(--graphite);background:var(--parchment);border:1px solid var(--line-strong);border-radius:7px;padding:.4rem .5rem}textarea{resize:vertical}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--blue-deep);outline-offset:1px}.field-row{display:flex;align-items:center;gap:.4rem}.field-row--end{justify-content:flex-end;flex-wrap:wrap;margin-top:1rem}.field-row input{min-width:0}.checkbox{display:flex;align-items:center;gap:.45rem;text-transform:none;letter-spacing:0;font-size:.88rem;color:var(--graphite);margin:.85rem 0}.checkbox input{width:auto;accent-color:var(--accent)}.button{font:inherit;font-size:.82rem;color:var(--graphite);background:var(--surface);border:1px solid var(--line-strong);border-radius:7px;padding:.35rem .7rem;cursor:pointer;white-space:nowrap;transition:background .15s ease,border-color .15s ease}.button:hover:not(:disabled){background:var(--parchment-deep)}.button:disabled{opacity:.45;cursor:not-allowed}.button--accent{background:var(--accent);border-color:var(--accent);color:#fffaf2}.button--accent:hover:not(:disabled){filter:brightness(1.05);background:var(--accent)}.button--quiet{background:transparent;border-color:transparent;color:var(--graphite-soft);text-decoration:underline;text-underline-offset:3px}.button--danger{color:var(--danger);border-color:var(--line-strong)}.button--chip.is-on,.button--lock.is-on{background:var(--graphite);border-color:var(--graphite);color:var(--parchment)}@media(prefers-color-scheme:dark){.button--chip.is-on,.button--lock.is-on{background:var(--blue-deep);border-color:var(--blue-deep);color:#16202a}}.classbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.5rem .75rem}.classbar__select,.classbar__rename{display:flex;align-items:flex-end;gap:.4rem}.classbar__select label,.classbar__rename label{margin-bottom:.45rem}.classbar__select select{min-width:12rem;width:auto}.classbar__rename input{min-width:14rem}.classbar__actions{display:flex;flex-wrap:wrap;gap:.4rem}.savestate{margin:0;width:100%;font-size:.75rem;color:var(--graphite-soft)}.savestate.is-error{color:var(--danger)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem;flex:1}.toolbar__group{display:flex;align-items:center;gap:.35rem}.toolbar__group--end{margin-left:auto}.toolbar__label{margin:0;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--graphite-soft)}.toolbar__number{width:3.6rem}.toolbar select{width:auto}.canvas-wrap{display:flex;flex-direction:column;gap:.4rem}.canvas{position:relative;min-height:480px;aspect-ratio:4 / 3;border:1px solid var(--line-strong);border-radius:12px;background-color:var(--surface);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:10% 12.5%;overflow:hidden;touch-action:none}.canvas.is-locked{background-color:var(--parchment-deep)}.canvas__front{position:absolute;inset:0 0 auto;margin:0;padding:.5rem 0;text-align:center;font-family:var(--font-serif);font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;color:var(--graphite-soft);border-bottom:1px solid var(--line);background:var(--parchment)}.canvas__empty,.canvas__hint{color:var(--graphite-soft);font-size:.8rem}.canvas__empty{position:absolute;inset:50% 0 auto;text-align:center}.canvas__hint{margin:0}.desk{position:absolute;width:122px;height:76px;transform:translate(-50%,-50%);transition:left .32s cubic-bezier(.2,.9,.2,1),top .32s cubic-bezier(.2,.9,.2,1)}.desk.is-dragging{transition:none;z-index:3}.desk__surface{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.2rem;padding-bottom:.3rem;background:var(--parchment-deep);border:1px solid var(--line-strong);border-radius:9px;cursor:grab;font:inherit;color:var(--graphite-soft)}.canvas.is-locked .desk__surface{cursor:default}.desk.is-dragging .desk__surface{cursor:grabbing;box-shadow:0 6px 14px #26343b38}.desk.is-selected .desk__surface{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.desk.is-hovered .desk__surface,.desk.is-target.is-empty .desk__surface{border-color:var(--accent);border-style:dashed}.desk__surface:after{content:"";width:26px;height:3px;border-radius:2px;background:var(--line-strong);opacity:.5}.canvas.is-locked .desk__surface:after{opacity:0}.desk__label{font-size:.68rem;letter-spacing:.04em}.desk__seat{position:absolute;inset:.3rem .3rem auto;display:flex;align-items:center;justify-content:center;pointer-events:none}.chip{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;max-width:100%;pointer-events:auto;font:inherit;font-size:.78rem;line-height:1.2;color:var(--graphite);background:var(--surface);border:1px solid var(--blue);border-left:3px solid var(--blue);border-radius:999px;padding:.3rem .6rem;cursor:grab;box-shadow:var(--shadow)}.chip--desk{width:100%}.chip__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip:hover{border-color:var(--blue-deep)}.chip.is-selected{border-color:var(--accent);border-left-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.chip.is-absent{background:var(--parchment);border-color:var(--line-strong);border-left-color:var(--line-strong);color:var(--graphite-soft);font-style:italic}.chip__badges{display:inline-flex;align-items:center;gap:.15rem}.badge{font-size:.6rem;line-height:1}.badge--absent{color:var(--graphite-soft)}.badge--support{color:var(--blue-deep)}.badge--note{color:var(--accent)}.drawer.is-hovered{border-color:var(--accent);border-style:dashed}.drawer__list{display:flex;flex-wrap:wrap;gap:.35rem;max-height:40vh;overflow-y:auto;padding-bottom:.25rem}.drawer__add{margin-top:1rem;padding-top:.85rem;border-top:1px solid var(--line)}.drawer__import{margin-top:.6rem}.drawer__paste{margin-top:.5rem;display:flex;flex-direction:column;gap:.4rem}.details label{margin-top:.85rem}.details label:first-of-type{margin-top:0}.details__seat{margin:.6rem 0 0;font-size:.82rem;color:var(--graphite-soft);font-family:var(--font-serif);font-style:italic}.stats{display:grid;gap:.35rem;margin:0}.stats>div{display:flex;justify-content:space-between;gap:1rem;padding-bottom:.3rem;border-bottom:1px dotted var(--line)}.stats dt{font-size:.8rem;color:var(--graphite-soft)}.stats dd{margin:0;font-size:.85rem;font-variant-numeric:tabular-nums}@media(max-width:1080px){.app__body,.app__body.is-collapsed{grid-template-columns:minmax(0,1fr)}.drawer__list{max-height:22vh}.canvas{min-height:360px}}@media(prefers-reduced-motion:reduce){.desk,.button{transition:none}}