:root{--background:#eee9fb;--surface:#fbf9ff;--surface-muted:#e4dcf4;--surface-strong:#57506d;--border:#d2c7e6;--border-strong:#b7a8d4;--text:#262232;--text-muted:#665d78;--accent:#7c64b5;--accent-strong:#554080;--focus:#2c7a7b;--danger:#9b2c2c;--column-width:146px;--time-width:70px;--header-primary-height:48px;--header-secondary-height:42px;--change-added-bg:#2f855a;--change-added-border:#1f5f3f;--change-moved-bg:#2b6cb0;--change-moved-border:#1e4e82;--change-edited-bg:#b7791f;--change-edited-border:#80520f;--change-mixed-bg:linear-gradient(135deg, #2b6cb0 0%, #2b6cb0 50%, #b7791f 50%, #b7791f 100%);--change-highlight-opacity:.92;--change-highlight-outline:#ffffffb8}*{box-sizing:border-box}html,body{height:100%;min-height:100%}body{background:var(--background);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.home-shell{gap:28px;max-width:1040px;min-height:100vh;margin:0 auto;padding:42px 18px;display:grid}.home-header{align-self:end;gap:8px;display:grid}.home-header h1{font-size:2.4rem}.home-module-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-self:start;gap:12px;display:grid}.home-module{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:8px;gap:20px;min-height:118px;padding:18px;text-decoration:none;display:grid}.home-module span{font-size:1rem;font-weight:800}.home-module strong{color:var(--text-muted);text-transform:uppercase;align-self:end;font-size:.76rem}.home-module.primary{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.home-module.primary strong{color:#ffffffc7}.home-module.disabled{opacity:.68}.app-shell{flex-direction:column;height:100vh;min-height:0;padding:16px;display:flex;overflow:hidden}.app-header{grid-template-rows:auto auto;gap:8px;margin-bottom:10px;display:grid}.app-header.controls-collapsed{grid-template-rows:auto}.topbar{min-height:var(--header-primary-height);flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:20px;min-width:0;display:flex}.app-title{align-items:center;gap:10px;min-width:max-content;display:flex}.app-title-icon{object-fit:contain;flex:none;width:52px;height:52px;display:block}.controls-toggle{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:6px;flex:none;min-height:36px;padding:0 12px}.eyebrow{color:var(--text-muted);letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:.76rem;font-weight:700}h1,h2,p{margin-top:0}h1{white-space:nowrap;margin-bottom:0;font-size:2rem;line-height:1}.secondary-toolbar,.primary-toolbar,.date-controls,.segmented-control,.status-row,.status-row div{align-items:center;display:flex}.secondary-toolbar,.primary-toolbar{flex-wrap:wrap;justify-content:flex-start;gap:8px}.primary-toolbar{flex:520px;min-width:0;margin-left:0}.secondary-toolbar{min-height:var(--header-secondary-height);row-gap:8px}.secondary-toolbar-hidden,.controls-collapsed .secondary-toolbar{display:none}.segmented-control{border:1px solid var(--border);background:#e2d9f3;border-radius:8px;padding:3px}.segmented-control button,.secondary-button,.date-controls button,.date-controls select{border:1px solid #0000;border-radius:6px;min-height:36px}.segmented-control button{color:var(--text-muted);background:0 0;min-width:64px;padding:0 10px}.segmented-control button.active{background:var(--surface);border-color:var(--border);color:var(--text);font-weight:700}.secondary-button{background:var(--accent-strong);color:#fff;padding:0 14px}.saved-draft-select{background:var(--surface);border:1px solid var(--border);color:var(--text);font:inherit;border-radius:6px;max-width:170px;min-height:36px;padding:0 10px}.draft-message{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:.72rem;overflow:hidden}.details-toggle{background:#6f6684}.details-toggle.active{background:var(--accent-strong)}.danger-action,.danger-soft{color:#8a2338}.restore-action{color:#2f855a}.density-control button{min-width:84px}.snap-control button{min-width:76px}.source-control button{min-width:72px}.refresh-db-button{min-width:104px}.refresh-db-status{color:var(--text-muted);font-size:.84rem;line-height:1.2}.refresh-db-status.error{color:var(--danger)}.toolbar-checkbox{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);border-radius:6px;align-items:center;gap:6px;min-height:36px;padding:0 10px;font-size:.86rem;display:flex}.toolbar-checkbox input{margin:0}.date-controls{flex:0 auto;gap:6px;min-width:0}.date-controls button,.date-controls select{background:var(--surface);border-color:var(--border);color:var(--text)}.date-controls button{width:36px;font-size:1.3rem}.date-controls select{flex:0 154px;min-width:132px;max-width:190px;padding:0 10px}.status-row{background:var(--surface);border:1px solid var(--border);border-radius:8px;justify-content:space-between;min-height:42px;margin:14px 0 10px;padding:8px 10px}.status-row div{flex-wrap:wrap;gap:10px}.status-source-meta{justify-content:flex-end;align-items:center;gap:8px;display:flex}.import-age{color:var(--text-muted);white-space:nowrap;font-size:.76rem;font-style:italic}.status-row span{color:var(--text-muted)}.status-reserved-hidden{visibility:hidden}.mode-pill{color:#245b5c;background:#e8f4f4;border:1px solid #bddada;border-radius:999px;padding:6px 10px;font-size:.84rem;font-weight:700}.mode-pill.draft{color:var(--accent-strong);background:#ece7fa;border-color:#cbc1ef}.workspace{flex:1;grid-template-columns:minmax(0,1fr) 320px;align-items:flex-start;gap:16px;min-height:0;display:grid}.workspace.details-collapsed{grid-template-columns:minmax(0,1fr)}.schedule-card,.details-panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 14px 30px #3a2b5e1c}.schedule-card{min-width:0;height:100%;overflow:hidden}.schedule-placeholder-card{background:radial-gradient(circle at center, #fffffff0, #f2edfcdb 56%, #e2d9f4eb), var(--surface);justify-content:center;align-items:center;min-height:min(680px,100%);padding:32px;display:flex}.schedule-placeholder-visual{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:min(520px,100%);display:flex}.schedule-placeholder-visual img{filter:saturate(.92);object-fit:contain;opacity:.72;width:100%;max-width:min(420px,82%);max-height:min(460px,58vh);display:block}.schedule-placeholder-copy{flex-direction:column;align-items:center;gap:4px;display:flex}.schedule-placeholder-copy strong{color:var(--text);font-size:.95rem}.schedule-placeholder-copy span{font-size:.78rem}.schedule-scroll{height:100%;min-height:0;overflow:auto}.schedule-grid{grid-template-columns:var(--time-width) repeat(var(--studio-count), var(--column-width));grid-template-rows:32px minmax(var(--grid-height), 1fr);height:100%;min-width:calc(var(--time-width) + (var(--studio-count) * var(--column-width)));min-height:calc(32px + var(--grid-height));display:grid;position:relative}.corner-cell,.studio-header{background:var(--surface-strong);color:#fff;z-index:4;align-items:center;min-width:0;padding:0 8px;font-weight:800;display:flex;position:sticky;top:0}.corner-cell{z-index:5;left:0}.studio-header{text-align:center;text-overflow:ellipsis;white-space:nowrap;border-left:1px solid #706783;justify-content:center;font-size:.88rem;overflow:hidden}.time-axis{border-right:1px solid var(--border-strong);min-height:var(--grid-height);z-index:3;background:#ebe5f7;grid-area:2/1;position:sticky;left:0}.time-mark{color:var(--text-muted);padding-right:8px;font-size:.68rem;line-height:1;position:absolute;right:0;transform:translateY(-50%)}.time-mark:first-child{transform:translateY(0)}.time-mark.hour{color:var(--text);font-weight:700}.studio-column{border-left:1px solid #f8f5ff;border-right:1px solid var(--border);min-height:var(--grid-height);background:#e9e3f5;grid-row:2;position:relative}.grid-line{border-top:1px solid #ffffffd1;position:absolute;left:0;right:0}.grid-line.hour{border-top-color:#584a7b47}.empty-time-block{color:#245b5c;text-align:center;z-index:1;background:#3d717024;border:1px dashed #2c7a7b80;border-radius:4px;justify-content:center;align-items:center;min-height:16px;font-size:.68rem;font-weight:800;display:flex;position:absolute;left:4px;right:4px;overflow:hidden}.empty-time-block.short-gap{color:#7b4d08;background:#d69e2e33;border-color:#b8790d9e}.deleted-ghost-block{color:#8a2338;text-align:left;z-index:1;background:#ffffff6b;border:1px dashed #8a23389e;border-radius:4px;flex-direction:column;gap:1px;min-height:24px;padding:3px 5px;display:flex;position:absolute;left:4px;right:4px;overflow:hidden}.deleted-ghost-block span,.deleted-ghost-block small{font-size:.6rem;line-height:1.02}.deleted-ghost-block strong{font-size:.68rem;line-height:1.02;text-decoration:line-through}.pending-cancel-block{color:#8a2338;pointer-events:none;z-index:5;background:#ffffff85;border:1px dashed #8a2338c2;border-radius:4px;flex-direction:column;justify-content:center;gap:1px;padding:3px 5px;text-decoration:line-through;display:flex;position:absolute;left:8px;right:8px;overflow:hidden}.pending-cancel-block:after{content:"Pending cancel";text-transform:uppercase;font-size:.58rem;font-weight:700}.pending-cancel-block span,.pending-cancel-block small{font-size:.6rem;line-height:1.02}.pending-cancel-block strong{font-size:.68rem;line-height:1.02}.class-block{color:#fff;text-align:left;z-index:2;border:1px solid #302a4c42;border-radius:4px;flex-direction:column;justify-content:flex-start;gap:1px;min-height:24px;padding:3px 5px;transition:box-shadow .16s,filter .16s,transform .16s;display:flex;position:absolute;left:4px;right:4px;overflow:hidden}.class-block:hover,.class-block:focus-visible,.class-block.selected{filter:saturate(1.08);z-index:2;outline:none;transform:translateY(-1px);box-shadow:0 0 0 3px #2c7a7b52}.class-block.draft-draggable{cursor:grab;touch-action:none}.class-block.dragging{cursor:grabbing;opacity:.92;z-index:10;box-shadow:0 8px 18px #29234642,0 0 0 3px #2c7a7b57}.class-block.conflict{border-color:#681b2ab8;background-color:#a45665!important}.class-block.canceled{opacity:.78;text-decoration:line-through;background-color:#9b2c2c!important}.class-canceled-label{text-transform:uppercase;font-size:.64rem;font-weight:800}.class-block.change-added{border-color:var(--change-added-border);box-shadow:inset 0 0 0 2px var(--change-highlight-outline);opacity:var(--change-highlight-opacity);background-color:var(--change-added-bg)!important}.class-block.change-moved{border-color:var(--change-moved-border);box-shadow:inset 0 0 0 2px var(--change-highlight-outline);opacity:var(--change-highlight-opacity);background-color:var(--change-moved-bg)!important}.class-block.change-edited{border-color:var(--change-edited-border);box-shadow:inset 0 0 0 2px var(--change-highlight-outline);opacity:var(--change-highlight-opacity);background-color:var(--change-edited-bg)!important}.class-block.change-added.change-moved,.class-block.change-added.change-edited,.class-block.change-moved.change-edited{box-shadow:inset 0 0 0 2px var(--change-highlight-outline);background:var(--change-mixed-bg)!important}.class-block.conflict,.class-block.conflict.change-added,.class-block.conflict.change-moved,.class-block.conflict.change-edited{border-color:#681b2ab8;background:#a45665!important}.class-block.conflict:after{color:#7a1f31;content:"!";text-align:center;background:#ffffffe6;border-radius:999px;width:14px;height:14px;font-size:.62rem;font-weight:800;line-height:14px;position:absolute;top:4px;right:4px}.class-time{color:#ffffffdb;font-size:.6rem;font-weight:650}.class-name{font-size:.7rem;font-weight:750;line-height:1.02}.class-teacher{color:#ffffffe0;font-size:.64rem;line-height:1.02}.density-comfortable .class-block{gap:2px;min-height:30px;padding:5px 6px}.density-comfortable .class-time{font-size:.66rem}.density-comfortable .class-name{font-size:.78rem;line-height:1.08}.density-comfortable .class-teacher{font-size:.7rem;line-height:1.08}.details-panel{height:100%;max-height:none;padding:18px;position:sticky;top:20px;overflow:auto}.details-close-button{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);z-index:2;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;font-size:1.15rem;font-weight:800;display:flex;position:absolute;top:10px;right:10px}.details-close-button:hover,.details-close-button:focus-visible{color:var(--text);outline:2px solid #2c7a7b47}.panel-tabs{border:1px solid var(--border);background:#e5ddf4;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:3px;margin-bottom:14px;margin-right:34px;padding:3px;display:grid}.panel-tabs button{color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:6px;min-height:34px}.panel-tabs button.active{background:var(--surface);border-color:var(--border);color:var(--text);font-weight:800}.panel-actions,.form-actions{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.panel-actions button,.form-actions button{background:var(--surface);border:1px solid var(--border);border-radius:6px;min-height:34px;padding:0 10px}.panel-actions button:disabled{color:var(--text-muted)}.details-heading{border-bottom:1px solid var(--border);margin-bottom:14px;padding-bottom:14px}.details-heading p{color:var(--accent-strong);margin-bottom:6px;font-size:.86rem;font-weight:800}.details-heading h2,.empty-details h2{margin-bottom:8px;font-size:1.18rem;line-height:1.18}.details-heading span{color:var(--text-muted);font-weight:700}dl{gap:10px;margin:0;display:grid}dt{color:var(--text-muted);text-transform:uppercase;margin-bottom:2px;font-size:.72rem;font-weight:800}dd{overflow-wrap:anywhere;margin:0}.class-form{gap:12px;display:grid}.class-form label{color:var(--text-muted);text-transform:uppercase;gap:5px;font-size:.74rem;font-weight:800;display:grid}.class-form input,.class-form select{border:1px solid var(--border);color:var(--text);text-transform:none;background:#fff;border-radius:6px;min-height:34px;padding:0 9px}.class-form input[type=range]{padding:0}.class-form label span{color:var(--text);text-transform:none;font-size:.84rem;font-weight:700}.list-panel{gap:10px;display:grid}.list-panel h2{margin-bottom:2px;font-size:1.05rem}.list-panel p{color:var(--text-muted);margin-bottom:0;line-height:1.42}.change-item,.empty-time-item{border:1px solid var(--border);text-align:left;background:#f3effb;border-radius:7px;gap:3px;padding:10px;display:grid}.change-item span{color:var(--accent-strong);text-transform:uppercase;font-size:.68rem;font-weight:900}.change-item.added span{color:#276749}.change-item.deleted span{color:#8a2338}.change-item.moved span{color:#2c5282}.change-item small,.empty-time-item small{color:var(--text-muted);line-height:1.25}.empty-time-item span{color:var(--text);font-weight:700}.empty-details{color:var(--text-muted)}.empty-details p{margin-bottom:0;line-height:1.45}.state-message{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:18px}.state-message.error{color:var(--danger);border-color:#e4b3b3}.schema-explorer-shell{color:#28251f;background:#f7f6f1;min-height:100vh;padding:18px}.schema-explorer-header{justify-content:space-between;align-items:center;max-width:1380px;margin:0 auto 14px;display:flex}.schema-explorer-header h1{margin:2px 0 0;font-size:1.75rem}.schema-eyebrow{color:#696356;letter-spacing:0;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:800}.schema-home-link,.schema-controls button{color:#fff;cursor:pointer;background:#26231d;border:1px solid #26231d;border-radius:7px;padding:9px 12px;font-weight:800;text-decoration:none}.schema-controls button:disabled{cursor:progress;opacity:.65}.schema-explorer-layout{grid-template-columns:260px minmax(0,1fr);gap:14px;max-width:1380px;margin:0 auto;display:grid}.schema-sidebar,.schema-panel{background:#fffdfa;border:1px solid #d9d3c5;border-radius:8px}.schema-sidebar{align-self:start;gap:6px;padding:8px;display:grid}.schema-endpoint{color:#2a2721;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;gap:2px;padding:10px;display:grid}.schema-endpoint span{font-weight:800}.schema-endpoint small,.schema-toolbar p,.schema-stats dt{color:#716b5f}.schema-endpoint.active{background:#ece7db;border-color:#d4c9b5}.schema-panel{min-width:0;overflow:hidden}.schema-toolbar{border-bottom:1px solid #d9d3c5;justify-content:space-between;align-items:center;gap:16px;padding:14px;display:flex}.schema-toolbar h2{margin:0;font-size:1.15rem}.schema-toolbar p{margin:2px 0 0}.schema-controls{flex-wrap:wrap;justify-content:flex-end;align-items:end;gap:8px;display:flex}.schema-controls label{color:#5d584e;text-transform:uppercase;gap:4px;font-size:.72rem;font-weight:800;display:grid}.schema-controls input{color:#28251f;background:#fff;border:1px solid #cfc7b8;border-radius:7px;min-height:36px;padding:7px 9px}.schema-controls .schema-checkbox{text-transform:none;align-items:center;gap:7px;min-height:36px;display:flex}.schema-checkbox input{min-height:auto}.schema-error{color:#8a2338;background:#fff2f2;border:1px solid #e6b8b8;border-radius:7px;margin:14px;padding:10px}.schema-results{gap:12px;padding:14px;display:grid}.schema-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;display:grid}.schema-stats div{background:#f8f5ee;border:1px solid #e1d8c8;border-radius:7px;min-width:0;padding:10px}.schema-stats dt{text-transform:uppercase;font-size:.68rem;font-weight:900}.schema-stats dd{overflow-wrap:anywhere;margin:4px 0 0;font-weight:800}.schema-section{min-width:0}.schema-section h3{margin:0 0 6px;font-size:.82rem}.schema-section pre{color:#f7f0df;background:#211f1a;border-radius:7px;max-height:380px;margin:0;padding:12px;font-size:.78rem;line-height:1.45;overflow:auto}.schema-section.raw pre{border:2px solid #a87936}@media (max-width:980px){.app-header{grid-template-rows:auto auto}.topbar{flex-direction:row;align-items:center;gap:8px}.secondary-toolbar{justify-content:flex-start}.workspace{grid-template-columns:1fr}.details-panel{z-index:20;height:auto;max-height:min(72vh,620px);position:fixed;inset:auto 12px 12px;box-shadow:0 18px 48px #221c0f47}.schema-explorer-layout{grid-template-columns:1fr}.schema-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.schema-toolbar{flex-direction:column;align-items:flex-start}.schema-controls{justify-content:flex-start}.schema-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.app-shell{padding:10px}h1{font-size:1.45rem}.app-header,.topbar,.secondary-toolbar,.primary-toolbar{gap:6px}.app-title{min-width:150px}.app-title-icon{width:42px;height:42px}.schedule-placeholder-card{min-height:420px;padding:20px}.schedule-placeholder-visual img{max-width:92%;max-height:320px}.controls-toggle,.secondary-button,.toolbar-checkbox,.segmented-control button,.date-controls button,.date-controls select{min-height:32px}.primary-toolbar{flex-basis:100%}.date-controls{flex:0 auto}.date-controls select{min-width:0}.status-row{flex-direction:column;align-items:flex-start}.schedule-scroll{min-height:70vh}.schema-explorer-shell{padding:12px}.schema-explorer-header{flex-direction:column;align-items:flex-start;gap:10px}.schema-sidebar,.schema-stats{grid-template-columns:1fr}}