@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&display=swap";:root{--bg: #f5f5f5;--surface: #ffffff;--surface2: #f0f2f5;--border: #d9dde3;--border-strong: #adb5bd;--text: #1a1a2e;--text-2: #4a4f5a;--text-3: #767c88;--accent: #1558d6;--accent-hover: #0e3fa3;--accent-light: #ebf0fb;--accent-border: #a8c0f0;--green: #116632;--green-light: #edf7f0;--green-border: #9dd4b1;--amber: #8a5200;--amber-light: #fdf6e3;--amber-border: #f0d080;--red: #9e1e1e;--red-light: #fdf0f0;--red-border: #f0b0b0;--radius: 4px;--radius-md: 6px;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--header-h: 52px;--sidebar-w: 230px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Noto Sans JP,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.6}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0006;display:flex;align-items:center;justify-content:center}.modal{background:var(--surface);border-radius:var(--radius-md);padding:28px 28px 24px;width:480px;max-width:96vw;box-shadow:0 8px 32px #00000029;border:1px solid var(--border)}.modal-ttl{font-size:16px;font-weight:600;margin-bottom:6px}.modal-sub{font-size:12px;color:var(--text-3);margin-bottom:20px;line-height:1.6}.modal-lbl{font-size:11px;font-weight:600;color:var(--text-2);margin-bottom:5px}.modal-inp{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);font-size:13px;font-family:Noto Sans JP,sans-serif;outline:none;background:var(--surface2);color:var(--text)}.modal-inp:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1558d61f;background:#fff}.modal-note{margin-top:10px;padding:8px 10px;background:var(--amber-light);border:1px solid var(--amber-border);border-radius:var(--radius);font-size:11px;color:var(--amber);line-height:1.6}.modal-note strong{font-weight:600}.modal-btns{display:flex;gap:8px;margin-top:18px;justify-content:flex-end}.header{position:fixed;top:0;left:0;right:0;z-index:200;height:var(--header-h);background:var(--surface);border-bottom:2px solid var(--accent);display:flex;align-items:center;gap:16px;padding:0 20px}.header-logo{font-size:15px;font-weight:700;letter-spacing:0;color:var(--text);white-space:nowrap}.header-sub{font-size:11px;color:var(--text-3);white-space:nowrap}.header-spacer{flex:1}.chip{font-size:11px;padding:3px 10px;border-radius:2px;white-space:nowrap;font-weight:500}.chip-gray{background:var(--surface2);color:var(--text-2);border:1px solid var(--border)}.chip-green{background:var(--green-light);color:var(--green);border:1px solid var(--green-border)}.chip-amber{background:var(--amber-light);color:var(--amber);border:1px solid var(--amber-border)}.chip-blue{background:var(--accent-light);color:var(--accent);border:1px solid var(--accent-border)}.chip-red{background:var(--red-light);color:var(--red);border:1px solid var(--red-border)}.app{position:fixed;top:var(--header-h);left:0;right:0;bottom:0;display:flex}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.sb-section{padding:12px;border-bottom:1px solid var(--border);flex-shrink:0}.sb-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin-bottom:8px}.upload-btn{display:block;width:100%;padding:10px 12px;background:var(--surface2);border:2px dashed var(--border-strong);border-radius:var(--radius);cursor:pointer;text-align:center;transition:all .15s;position:relative}.upload-btn:hover{border-color:var(--accent);background:var(--accent-light)}.upload-btn input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.upload-icon{font-size:18px;margin-bottom:2px}.upload-text{font-size:11px;color:var(--text-2)}.upload-hint{font-size:10px;color:var(--text-3)}.sb-subjects{flex:1;overflow-y:auto;padding:6px}.subj-item{padding:8px 10px;border-radius:var(--radius);cursor:pointer;border:1px solid transparent;margin-bottom:2px;transition:all .1s;position:relative}.subj-item:hover{background:var(--surface2)}.subj-item.active{background:var(--accent-light);border-color:var(--accent-border);border-left:3px solid var(--accent)}.subj-del{display:none;position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-3);font-size:14px;line-height:1;cursor:pointer;padding:2px 4px;border-radius:2px}.subj-del:hover{background:var(--red-light);color:var(--red)}.subj-item:hover .subj-del{display:block}.subj-name{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subj-meta{font-size:10px;color:var(--text-3);margin-top:1px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px;vertical-align:middle}.dot-pending{background:var(--border-strong)}.dot-draft{background:var(--amber)}.dot-done{background:var(--green)}.sb-progress{padding:8px 12px;border-top:1px solid var(--border);flex-shrink:0;display:flex;align-items:center;gap:8px}.prog-bar{flex:1;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.prog-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s}.prog-text{font-size:10px;color:var(--text-3);white-space:nowrap}.main{flex:1;display:flex;flex-direction:column;overflow:hidden}.tabbar{background:var(--surface);border-bottom:1px solid var(--border);display:flex;padding:0 20px;gap:0;flex-shrink:0}.tab{padding:13px 16px;font-size:13px;cursor:pointer;border-bottom:3px solid transparent;color:var(--text-2);white-space:nowrap;transition:all .15s;-webkit-user-select:none;user-select:none;font-weight:400}.tab:hover{color:var(--text)}.tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.content{flex:1;overflow-y:auto;padding:20px}.welcome{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;color:var(--text-3)}.welcome-icon{font-size:40px}.welcome-ttl{font-size:16px;font-weight:600;color:var(--text-2)}.welcome-desc{font-size:13px;max-width:320px;line-height:1.7}.sample-choice{display:flex;gap:12px;margin-top:8px;justify-content:center;flex-wrap:wrap}.sample-card{width:180px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;text-align:center;transition:border-color .15s,box-shadow .15s}.sample-card:hover{border-color:var(--accent);box-shadow:0 2px 8px #1558d61f}.sample-card-ng{border-color:var(--amber-border)}.sample-card-ng:hover{border-color:var(--amber);box-shadow:0 2px 8px #8a52001f}.sample-card-icon{font-size:22px;margin-bottom:6px}.sample-card-ttl{font-size:12px;font-weight:600;margin-bottom:5px}.sample-card-desc{font-size:11px;color:var(--text-3);line-height:1.6}.actionbar{background:var(--surface);border-top:1px solid var(--border);padding:10px 20px;display:flex;align-items:center;gap:8px;flex-shrink:0}.spacer{flex:1}.btn{padding:7px 14px;border-radius:var(--radius);font-size:13px;font-family:Noto Sans JP,sans-serif;cursor:pointer;transition:all .15s;border:1px solid transparent;font-weight:500;white-space:nowrap;line-height:1.4}.btn-sm{padding:5px 11px;font-size:12px}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-outline{background:var(--surface);border-color:var(--border);color:var(--text-2)}.btn-outline:hover{border-color:var(--border-strong);color:var(--text);background:var(--surface2)}.btn-green{background:var(--green);color:#fff;border-color:var(--green)}.btn-green:hover{background:#0d5227}.btn-amber{background:var(--amber-light);color:var(--amber);border-color:var(--amber-border)}.pg{display:flex;flex-direction:column;gap:14px}.pg-row{display:grid;gap:14px}.pg-row-2{grid-template-columns:1fr 1fr}.pg-row-3{grid-template-columns:1fr 1fr 1fr}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow)}.panel-hd{padding:9px 14px;border-bottom:1px solid var(--border);background:var(--surface2);display:flex;align-items:center;gap:8px}.panel-ttl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-2)}.panel-tag{font-size:10px;padding:1px 6px;border-radius:2px;background:var(--accent-light);color:var(--accent);border:1px solid var(--accent-border);font-weight:500}.panel-tag-warn{background:var(--amber-light);color:var(--amber);border:1px solid var(--amber-border)}.panel-bd{padding:14px}.fld{margin-bottom:11px}.fld:last-child{margin-bottom:0}.fld-lbl{font-size:12px;font-weight:600;color:var(--text);margin-bottom:4px;display:flex;align-items:center;gap:6px}.fld-req{color:var(--red);font-size:11px;margin-left:4px}.inp,.ta,.sel{width:100%;padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius);font-size:13px;font-family:Noto Sans JP,sans-serif;background:var(--surface);color:var(--text);transition:border-color .15s;outline:none}.inp:focus,.ta:focus,.sel:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1558d61f}.ta{resize:vertical;min-height:72px;line-height:1.7}.ta-md{min-height:100px}.ta-lg{min-height:130px}.ta-xl{min-height:200px}.ai-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow)}.ai-hd{padding:10px 14px;background:var(--accent);display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--accent-hover)}.ai-hd-ttl{font-size:13px;font-weight:600;color:#fff}.ai-hd-sub{font-size:11px;color:#ffffffbf;margin-left:auto}.ai-bd{padding:12px 14px}.ai-opts{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.ai-opt{padding:5px 11px;border:1px solid var(--border);border-radius:2px;font-size:11px;cursor:pointer;background:var(--surface);transition:all .15s;-webkit-user-select:none;user-select:none;font-weight:500}.ai-opt:hover{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}.ai-opt.on{border-color:var(--accent);background:var(--accent);color:#fff}.ai-hint-inp{width:100%;padding:6px 8px;margin-bottom:8px;box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius);resize:vertical;font-size:12px;font-family:Noto Sans JP,sans-serif;background:var(--surface2);color:var(--text);outline:none}.ai-hint-inp:focus{border-color:var(--accent);background:#fff}.gen-btn{width:100%;padding:9px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:13px;font-weight:600;font-family:Noto Sans JP,sans-serif;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:8px}.gen-btn:hover{background:var(--accent-hover)}.gen-btn:disabled{background:var(--border);color:var(--text-3);cursor:not-allowed}.ai-out{margin-top:10px;border:1px solid var(--accent-border);border-radius:var(--radius);background:var(--accent-light);padding:10px 12px}.ai-out-lbl{font-size:10px;font-weight:700;color:var(--accent);margin-bottom:6px;text-transform:uppercase;letter-spacing:.06em}.ai-out-txt{font-size:13px;color:var(--text);line-height:1.75;white-space:pre-wrap}.apply-btn{margin-top:8px;padding:5px 12px;background:var(--green);color:#fff;border:none;border-radius:var(--radius);font-size:11px;font-family:Noto Sans JP,sans-serif;cursor:pointer;font-weight:500}.apply-btn:hover{background:#0d5227}.diff-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:4px}.diff-box{padding:8px 10px;border-radius:var(--radius);font-size:12px;line-height:1.65;white-space:pre-wrap}.diff-old{background:var(--red-light);border:1px solid var(--red-border);color:var(--red)}.diff-new{background:var(--green-light);border:1px solid var(--green-border);color:var(--green)}.diff-same{background:var(--surface2);border:1px solid var(--border);color:var(--text-3);grid-column:1/-1}.diff-lbl{font-size:10px;font-weight:700;margin-bottom:4px}.chk-item{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border-radius:var(--radius);margin-bottom:6px;border:1px solid;font-size:13px}.chk-ok{background:var(--green-light);border-color:var(--green-border)}.chk-warn{background:var(--amber-light);border-color:var(--amber-border)}.chk-err{background:var(--red-light);border-color:var(--red-border)}.chk-ico{font-size:13px;flex-shrink:0;margin-top:1px}.chk-ttl{font-weight:600;margin-bottom:2px}.chk-detail{color:var(--text-2);font-size:12px;line-height:1.5}.sched-tbl{width:100%;border-collapse:collapse;font-size:13px}.sched-tbl th{padding:6px 8px;background:var(--surface2);border:1px solid var(--border);font-weight:600;font-size:12px;color:var(--text-2);text-align:left}.sched-tbl td{padding:3px 6px;border:1px solid var(--border);vertical-align:top}.sched-tbl td:first-child{color:var(--text-3);width:32px;text-align:center;font-size:12px}.sched-inp{width:100%;border:none;font-size:13px;font-family:Noto Sans JP,sans-serif;background:transparent;outline:none;padding:2px 4px;line-height:1.5;resize:vertical;min-height:3em;box-sizing:border-box;field-sizing:content}.sched-inp:focus{background:var(--accent-light);border-radius:2px}@keyframes spin{to{transform:rotate(360deg)}}.spin{width:13px;height:13px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .65s linear infinite;display:inline-block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.empty-msg{text-align:center;padding:32px;color:var(--text-3);font-size:13px}#guide-panel{width:0;flex-shrink:0;background:var(--surface);border-left:1px solid var(--border);overflow:hidden;transition:width .25s ease;display:flex;flex-direction:column}#guide-panel.open{width:320px}.guide-panel-hd{padding:10px 14px;background:var(--surface2);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;flex-shrink:0}.guide-panel-ttl{font-size:11px;font-weight:700;color:var(--text-2);text-transform:uppercase;letter-spacing:.06em;flex:1}.guide-panel-body{flex:1;overflow-y:auto;padding:14px;font-size:13px;line-height:1.7}.guide-close-btn{background:none;border:none;cursor:pointer;color:var(--text-3);font-size:16px;padding:0 2px;line-height:1}.guide-close-btn:hover{color:var(--text)}.admin-tbl{width:100%;border-collapse:collapse;font-size:13px}.admin-tbl th{padding:8px 10px;background:var(--surface2);border:1px solid var(--border);font-weight:600;font-size:12px;color:var(--text-2);text-align:left;position:sticky;top:0;z-index:1}.admin-tbl td{padding:7px 10px;border:1px solid var(--border);vertical-align:middle}.admin-tbl tr:hover td{background:var(--accent-light)}.admin-tbl .badge{display:inline-block;min-width:28px;text-align:center;padding:2px 6px;border-radius:2px;font-size:11px;font-weight:600}.badge-ok{background:var(--green-light);color:var(--green);border:1px solid var(--green-border)}.badge-warn{background:var(--amber-light);color:var(--amber);border:1px solid var(--amber-border)}.badge-err{background:var(--red-light);color:var(--red);border:1px solid var(--red-border)}.badge-gray{background:var(--surface2);color:var(--text-3);border:1px solid var(--border)}.admin-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px;box-shadow:var(--shadow)}.admin-card+.admin-card{margin-top:12px}.admin-card-hd{display:flex;align-items:center;gap:10px;margin-bottom:8px}.admin-card-ttl{font-size:14px;font-weight:600;color:var(--text)}.admin-card-meta{font-size:11px;color:var(--text-3)}.admin-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.admin-report-list{display:grid;gap:10px;margin-top:12px}.admin-expand-btn{cursor:pointer;font-size:10px;color:var(--text-3);margin-left:6px}