@import url('../notebook/style.css');
.zl-editor[data-editor=timetable],.zl-editor[data-editor=rulers]{--ze-accent:#397558;--ze-soft:#e2eee3;--zl-accent:#397558;--zl-accent-soft:#e2eee3;--zl-ink:#285740}.zl-inspector{background:#fffaf3}.zl-panel{padding-bottom:28px}button.primary{background:#285740;color:#fffaf3;width:100%}#start-panel h2{font-family:ZaozuoHand,sans-serif;font-size:24px;color:#285740}#modes{align-self:center}#surface{background:#f4f2e8}#model-view canvas{display:block;width:100%;height:100%}#model-parts{display:flex;gap:6px;overflow:auto;flex-shrink:0}#model-parts button{white-space:nowrap;font-size:12px}.quick-lengths{display:flex;gap:8px;margin-bottom:16px}.course-dialog{width:min(1000px,95vw)}.course-scroll{overflow:auto}table{border-collapse:separate;border-spacing:6px;min-width:100%;table-layout:fixed}th{font-size:12px;white-space:nowrap;padding:6px}td input{min-width:80px;width:100%;font-size:14px}.course-dialog [data-apply]{margin-top:16px}#advanced-panel details{border-top:1px solid #dbe5d9;padding:12px 0}summary{cursor:pointer;min-height:44px;font-weight:700;font-size:14px}html body .ze-standard-surface #history{position:static!important;inset:auto!important;align-self:flex-end;flex-shrink:0;margin:0!important;padding:0!important;border:0;background:transparent}html body .ze-standard-surface #canvas-area{overflow:auto}#canvas-title{font-family:ZaozuoHand,sans-serif;color:#285740}#selection .fields{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:760px){#surface{min-height:160px;flex-basis:0}#history button{min-height:36px!important;height:36px!important}#model-parts button{min-height:32px}.course-dialog{padding:14px}.course-scroll{margin:0 -4px}}

/* Keep the shared editor controls in the stationery palette. */
html body .zl-editor:is([data-editor=timetable],[data-editor=rulers]) .zl-tool[aria-selected=true]{background:#e2eee3!important}html body .zl-editor:is([data-editor=timetable],[data-editor=rulers]) .ze-view-modes button[aria-pressed=true]{background:#285740!important}html body .zl-editor:is([data-editor=timetable],[data-editor=rulers]) .ze-view-modes button:not([aria-pressed=true]){color:#285740}
.schedule-photo{display:block;max-width:100%;max-height:260px;object-fit:contain;margin:12px auto}.ocr-uncertain{background:#fff0b6!important;border-color:#b47c23!important}.mount-add{display:grid;gap:8px}.mount-add button,#schedule-upload,#schedule-retry{width:100%;margin:6px 0}#mount-list{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}#mount-list [aria-pressed=true]{background:#e2eee3}#mount-fields{border:1px solid #bdd3bf;border-radius:10px;margin:10px 0;padding:12px}#mount-fields input{width:100%}.unit{display:flex;align-items:center;gap:6px}

.zl-editor .unit{white-space:nowrap}.zl-editor .unit input{flex:1;min-width:0;width:0}

/* Match 拼豆屋: equal tabs below the title, above the view-mode control. */
.zl-editor[data-editor=rulers] #pieces{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;flex-shrink:0;width:100%;margin:8px 0}
.zl-editor[data-editor=rulers] #pieces button{min-width:0;min-height:50px;padding:13px 8px;text-align:center;background:#fffaf3;border:1px solid #cdddcf;border-radius:13px;font-size:16px;color:#42644f;white-space:nowrap}
.zl-editor[data-editor=rulers] #pieces button[aria-selected=true]{background:#e2eee3;border-color:#83aa8e;color:#285740}
.zl-editor[data-editor=rulers] #pieces button[data-index=all]{background:#397558;color:#fffaf3;border-color:#397558}
.zl-editor[data-editor=rulers] #pieces button[data-index=all][aria-selected=true]{background:#285740;border-color:#285740}
#drawing[hidden]{display:none!important;pointer-events:none!important}
#drawing [data-open-piece]{cursor:pointer}#drawing [data-open-piece]:hover>g>rect,#drawing [data-open-piece]:focus>g>rect{fill:#e2eee3;stroke:#83aa8e;stroke-width:.5}
#ruler-overview-note{padding:20px;font-size:14px;line-height:1.8;color:#42644f}#ruler-overview-note h2{font-family:ZaozuoHand,sans-serif;color:#285740}
.rulers-overview .zl-panel,.rulers-overview .zl-inspector-head{display:none!important}
@media(max-width:1100px){.zl-editor[data-editor=rulers] #pieces button{font-size:13px;padding:11px 4px}}
@media(max-width:760px){.zl-editor[data-editor=rulers] #pieces{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:3px 0}.zl-editor[data-editor=rulers] #pieces button{font-size:13px;min-height:44px;padding:9px 4px}}

/* Ruler text uses the shared add action and canvas dock; dimensions remain above it. */
.zl-editor[data-editor=rulers] #text-list{display:grid;gap:8px;margin:16px 0}
.zl-editor[data-editor=rulers] .ruler-text-item{text-align:left;overflow-wrap:anywhere}
.zl-editor[data-editor=rulers] #edit-text{width:100%}
.zl-editor[data-editor=rulers] #selection-actions #center-x,.zl-editor[data-editor=rulers] #selection-actions #center-y{width:auto;flex-basis:auto;padding-inline:8px}
.zl-editor[data-editor=rulers] .ze-canvas-dock{color:#285740;flex-shrink:0}
.zl-editor[data-editor=rulers] #selection-actions button{color:#285740}
.zl-editor[data-editor=rulers] #selection-actions .ze-selection-remove{color:#a14553}
.zl-editor[data-editor=rulers] #selection-actions #done{font-size:22px}
.zl-editor[data-editor=rulers] #selection .fields{margin:0}
@media(max-width:760px){.zl-editor[data-editor=rulers] .ze-canvas-dock{overflow-x:auto}.zl-editor[data-editor=rulers] #selection-actions #center-x,.zl-editor[data-editor=rulers] #selection-actions #center-y{font-size:11px;padding-inline:4px}}
html body .zl-editor[data-editor=rulers] .ze-add-content{background:#e2eee3!important;border-color:#bdd3bf!important}