:root{color-scheme:light;--bg:#eef2f5;--surface:#ffffff;--surface-muted:#f7f9fb;--ink:#111827;--muted:#657182;--line:#d7dde5;--accent:#0f766e;--accent-strong:#115e59;--danger:#b42318;--success:#166534;--shadow:0 18px 55px rgb(15 23 42/14%);--serif-cjk:"Noto Serif SC","Noto Serif JP","Source Han Serif","Source Han Serif SC","Source Han Serif JP","Noto Serif CJK SC","Noto Serif CJK JP",serif;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body,html{min-height:100%;margin:0;background:var(--bg);color:var(--ink)}body{overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgb(15 118 110/13%)}textarea{resize:none}.app-shell{height:100dvh;display:grid;grid-template-rows:58px auto 28px;overflow:hidden}.collection-toolbar,.standalone-toolbar,.statusbar,.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);background:rgb(255 255 255/94%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar{padding:0 14px}.brand{min-width:212px;display:flex;align-items:center;gap:10px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:var(--ink);color:white;font-weight:720;font-family:Georgia,serif}.brand h1{margin:0;display:block;font-size:15px;line-height:1.1}.brand span:last-child{display:block;color:var(--muted);font-size:11px;line-height:1.2}.dialog-actions,.toolbar-actions,.top-actions{display:flex;align-items:center;gap:8px;min-width:0}.icon-button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);padding:0 11px;font-size:13px;font-weight:620;white-space:nowrap}.icon-button:hover{border-color:#a8b3c2;background:var(--surface-muted)}.icon-button.primary,.primary-action{border-color:var(--accent);background:var(--accent);color:#fff}.icon-button.success{border-color:var(--success);background:#ecfdf3;color:var(--success)}.icon-button.danger{border-color:#f4c7c3;background:#fff7f6;color:var(--danger)}.icon-button:disabled{cursor:wait;opacity:.58}.mobile-tabs{display:none}.workspace{min-height:0;position:relative;display:grid;grid-template-columns:164px 220px 260px minmax(0,1fr) 136px;grid-gap:0;gap:0}.workspace.works-collapsed{grid-template-columns:0 230px 280px minmax(0,1fr) 136px}.collection-sidebar,.options-panel,.panel,.works-rail{min-height:0;border-right:1px solid var(--line);background:var(--surface)}.works-rail{overflow:hidden}.workspace.works-collapsed .works-rail{border-right:0;pointer-events:none}.workspace.works-collapsed .rail-toggle,.workspace.works-collapsed .work-list{display:none}.rail-toggle{width:100%;height:42px;display:flex;align-items:center;gap:8px;border:0;border-bottom:1px solid var(--line);background:var(--surface-muted);color:var(--muted);padding:0 12px;font-size:12px;font-weight:700;text-transform:uppercase}.works-reopen-button{display:none}.workspace.works-collapsed .works-reopen-button{position:absolute;top:8px;left:8px;z-index:4;min-height:34px;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:7px;background:rgb(255 255 255/94%);color:var(--muted);padding:0 10px;box-shadow:0 8px 24px rgb(15 23 42/10%);font-size:12px;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.workspace.works-collapsed .works-reopen-button:hover{border-color:#a8b3c2;color:var(--ink);background:#fff}.collection-list,.work-list{height:calc(100% - 42px);overflow:auto;padding:8px}.collection-list button,.work-list button{width:100%;display:block;text-align:left;border:1px solid transparent;border-radius:7px;background:transparent;padding:9px 10px;color:var(--ink)}.collection-list button.selected,.collection-list button:hover,.work-list button.selected,.work-list button:hover{border-color:var(--line);background:var(--surface-muted)}.collection-list strong,.work-list strong{display:block;font-size:13px;line-height:1.25}.collection-list span,.work-list span{display:block;margin-top:3px;color:var(--muted);font-size:11px}.panel{min-width:0;gap:12px;padding:12px;overflow:hidden}.panel,.panel label{display:flex;flex-direction:column}.panel label{min-height:0;gap:6px;color:var(--muted);font-size:12px;font-weight:680}.panel label.grow{flex:1 1}.panel input,.panel select{height:34px;padding:0 9px}.panel textarea{min-height:0;flex:1 1;padding:10px;font-family:var(--serif-cjk);font-size:14px;line-height:1.55}.notes-editor{height:88px;flex:none}.assistant-notes p,.credits,.microcopy,.statusbar{color:var(--muted);font-size:12px;line-height:1.45}.assistant-notes{max-height:94px;overflow:auto;border:1px solid #f4c7c3;border-radius:7px;background:#fff7f6;padding:8px}.assistant-notes p{margin:0 0 5px;color:var(--danger)}.generation-progress{display:grid;grid-gap:8px;gap:8px;border:1px solid #bee3df;border-radius:7px;background:#f1fbf9;padding:10px;color:#164e48}.generation-progress-header,.generation-progress-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.generation-progress-header strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.generation-progress-header span,.generation-progress-meta{color:var(--muted);font-size:11px;line-height:1.35}.generation-progress-meta span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-track{height:4px;overflow:hidden;border-radius:999px;background:#d7eeeb}.progress-track span{width:42%;height:100%;display:block;border-radius:inherit;background:var(--accent);animation:progress-sweep 1.15s ease-in-out infinite}@keyframes progress-sweep{0%{transform:translateX(-110%)}to{transform:translateX(250%)}}.collection-preview,.preview-panel,.standalone-preview{min-width:0;min-height:0;overflow:auto;background:linear-gradient(90deg,rgb(255 255 255/38%) 1px,transparent 1px),linear-gradient(0deg,rgb(255 255 255/38%) 1px,transparent 1px),var(--bg);background-size:24px 24px;padding:20px;display:block}.preview-panel{padding:14px}.kanbun-preview-frame{width:100%;height:100%;overflow:auto;display:grid;place-items:start center}.kanbun-preview-pages{display:grid;grid-gap:22px;gap:22px;justify-items:center;zoom:var(--preview-scale,.68)}.options-panel{overflow:auto}.toggle-row{flex-direction:row!important;justify-content:space-between;align-items:center}.toggle-row input{width:18px;height:18px}.credits{margin-top:auto;border-top:1px solid var(--line);padding-top:12px}.credits a{display:block;color:var(--accent-strong);font-weight:700}.statusbar{min-width:0;border-top:1px solid var(--line);border-bottom:0;padding:0 14px}.statusbar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-sheet{--kanbun-font-size:28px;--sheet-margin:14mm;width:297mm;height:210mm;position:relative;background:#fff;color:#050505;font-family:var(--serif-cjk);overflow:hidden;padding:var(--sheet-margin);box-shadow:var(--shadow)}.work-sheet.a4-portrait{width:210mm;height:297mm}.unified-work{width:100%;height:100%;display:grid;grid-template-columns:var(
    --sheet-grid-columns,1fr
  );overflow:hidden}.kanbun{height:100%;padding:0;overflow:visible;line-height:1;font-size:var(--kanbun-font-size)}.work-sheet .kanbun,.work-sheet .kanbun .dash,.work-sheet .kanbun .ellipsis,.work-sheet .kanbun :lang(ja),.work-sheet .kanbun:lang(ja){font-family:var(--serif-cjk)}.body-module{grid-column:1}.notes-module{grid-column:2;writing-mode:vertical-rl;-webkit-text-orientation:mixed;text-orientation:mixed;color:#30343a;font-size:13px;line-height:1.65;overflow:hidden}.notes-module p{height:100%;margin:0 0 0 1.1em}.print-acknowledgement{left:var(--sheet-margin);font-size:9px}.page-count,.print-acknowledgement{position:absolute;bottom:3mm;margin:0;color:#9aa0a6;line-height:1.2}.page-count{right:var(--sheet-margin);font-size:10px}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;background:rgb(15 23 42/38%);z-index:20}.login-dialog{width:min(360px,calc(100vw - 32px));display:grid;grid-gap:14px;gap:14px;border-radius:8px;background:#fff;padding:18px;box-shadow:var(--shadow)}.login-dialog h2{margin:0;font-size:18px}.dialog-actions{justify-content:end}.dialog-actions button,.primary-action{min-height:34px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:0 12px}.collection-shell{height:100dvh;display:grid;grid-template-columns:260px 1fr}.collection-sidebar{padding:14px;overflow:hidden}.collection-sidebar h1{margin:18px 0 10px;font-size:24px}.collection-list{height:calc(100% - 88px);padding:0}.collection-main{min-width:0;min-height:0;display:grid;grid-template-rows:72px 1fr}.collection-main.editing{grid-template-rows:72px auto 1fr}.collection-toolbar,.standalone-toolbar{padding:0 16px}.collection-toolbar h2,.standalone-toolbar h1{margin:0;font-size:18px}.collection-toolbar a,.standalone-toolbar p{color:var(--muted);font-size:12px}.collection-edit-panel{display:grid;grid-template-columns:160px minmax(160px,1fr) 136px auto;grid-gap:10px;gap:10px;border-bottom:1px solid var(--line);background:#fff;padding:12px 16px}.collection-edit-panel label{display:flex;min-width:0;flex-direction:column;gap:5px;color:var(--muted);font-size:12px;font-weight:680}.collection-edit-panel input,.collection-edit-panel select{height:34px;padding:0 9px}.collection-edit-panel textarea{min-height:58px;padding:8px 9px;font-family:var(--serif-cjk);font-size:13px;line-height:1.45}.collection-edit-panel .wide{grid-column:span 2}.collection-edit-panel .body-edit{grid-column:1/-2}.edit-actions{display:flex;align-items:flex-end;justify-content:flex-end;gap:8px}.standalone-shell{min-height:100dvh;display:grid;grid-template-rows:72px 1fr}.empty-page,.source-page{min-height:100dvh;display:grid;place-items:center;padding:24px}.source-panel{max-width:760px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:28px;box-shadow:var(--shadow)}.source-panel h1{margin:14px 0 16px;font-size:30px}.source-panel p{color:#3c4654;line-height:1.7}.source-panel a{color:var(--accent-strong);font-weight:700}.quiet-link{color:var(--muted)!important;font-size:13px}@media (max-width:1180px){.top-actions .icon-button,.top-actions .text-button{padding:0 8px}.workspace{grid-template-columns:148px 200px 240px minmax(0,1fr) 128px}.workspace.works-collapsed{grid-template-columns:0 210px 250px minmax(0,1fr) 128px}}@media (max-width:860px){.app-shell{height:auto;min-height:100dvh;grid-template-rows:auto auto 1fr auto;overflow:visible}.topbar{flex-wrap:wrap;align-items:flex-start;gap:8px;padding:10px;max-width:100vw;overflow:hidden}.brand{min-width:0;flex:1 1 180px}.top-actions{width:100%;flex:1 1 100%;max-width:100%;overflow-x:auto;padding-bottom:2px}.mobile-tabs{position:-webkit-sticky;position:sticky;top:0;z-index:10;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);background:#fff}.mobile-tabs button{height:40px;border:0;border-right:1px solid var(--line);background:#fff;color:var(--muted);font-size:12px;font-weight:720;text-transform:capitalize}.mobile-tabs button.active{color:var(--accent-strong);background:#eefcf9}.workspace,.workspace.works-collapsed{display:block}.workspace.works-collapsed .works-reopen-button{display:none}.works-rail{border-right:0;border-bottom:1px solid var(--line)}.rail-toggle{display:none}.work-list{max-width:100vw;height:auto;display:flex!important;gap:8px;overflow-x:auto;padding:8px}.work-list button{min-width:150px}.options-panel,.panel,.preview-panel{display:none;min-height:calc(100dvh - 164px)}.options-panel.mobile-active,.panel.mobile-active,.preview-panel.mobile-active{display:flex}.preview-panel.mobile-active{display:grid;padding:12px}.collection-preview,.preview-panel,.standalone-preview{overflow:auto}.kanbun-preview-frame{min-height:calc(100dvh - 188px)}.statusbar{min-height:34px;padding:6px 10px}.collection-shell,.statusbar,.statusbar span{display:block}.collection-sidebar{border-right:0;border-bottom:1px solid var(--line)}.collection-list{max-width:100vw;height:auto;display:flex;gap:8px;overflow-x:auto}.collection-list button{min-width:150px}.collection-main,.standalone-shell{display:block}.collection-toolbar,.standalone-toolbar{min-height:92px;flex-wrap:wrap;align-items:center;padding:10px}.collection-edit-panel{display:grid;grid-template-columns:1fr;padding:10px}.collection-edit-panel .body-edit,.collection-edit-panel .wide{grid-column:auto}.edit-actions{justify-content:start}}