:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#132225;font-synthesis:none;text-rendering:optimizelegibility;--bg:#f5f8f8;--surface:#fff;--surface-2:#f8fbfb;--ink:#132225;--muted:#637276;--line:#d9e2e2;--navy:#073544;--navy-2:#0b4b59;--teal:#08766f;--teal-2:#0d9488;--teal-soft:#e3f7f3;--blue:#24628f;--blue-soft:#e7f0f8;--amber:#c46f08;--amber-soft:#fff4df;--red:#bd2d22;--red-soft:#fff0ee;--green:#23865f;--green-soft:#e5f6eb;--shadow:0 22px 54px #0c242a1a;--shadow-soft:0 10px 24px #0c242a12;background:#f5f8f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}.app-shell{background:linear-gradient(180deg, #f9fbfb 0%, var(--bg) 55%, #eef4f4 100%);min-height:100vh;padding-bottom:0}.app-header{color:#fff;background:linear-gradient(90deg, var(--navy) 0%, #073c49 56%, #0a5560 100%);justify-content:space-between;align-items:center;gap:16px;height:48px;padding:0 18px;display:flex;box-shadow:inset 0 1px #ffffff1f}.brand-block{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{width:28px;height:28px;color:var(--teal);background:#fff;border-radius:8px;place-items:center;font-size:16px;font-weight:900;display:inline-grid}.brand-block strong,.brand-block small{display:block}.brand-block strong{letter-spacing:0;font-size:18px}.brand-block small{color:#ffffffb8;margin-top:0;font-size:12px;font-weight:700}.header-status{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.header-status span,.header-status button{color:#fff;background:#ffffff14;border:1px solid #fff3;border-radius:8px;align-items:center;gap:7px;min-height:30px;padding:5px 9px;font-size:12px;font-weight:760;display:inline-flex}.header-status button{justify-content:center;width:36px}.portal-layout{grid-template-columns:270px minmax(610px,1fr) 292px;gap:10px;max-width:1540px;margin:0 auto;padding:10px 12px 0;display:grid}.template-rail,.workbench,.review-rail{min-width:0}.template-rail,.review-rail{align-content:start;gap:8px;display:grid}.rail-top,.template-row,.rail-safety,.workbench,.review-panel,.publish-card,.policy-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:8px}.rail-top{justify-content:space-between;align-items:flex-start;gap:12px;padding:10px;display:flex}.rail-top h2,.review-panel h2,.section-title-row h2{font-size:14px;line-height:1.25}.rail-top p{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.3}.rail-top button{border:1px solid var(--line);width:30px;height:30px;color:var(--muted);background:#fff;border-radius:8px;place-items:center;display:inline-grid}.template-list{gap:7px;display:grid}.template-row{width:100%;min-height:74px;color:var(--ink);text-align:left;grid-template-columns:24px 1fr auto;align-items:start;gap:9px;padding:10px;display:grid}.template-row.selected{border-color:var(--teal);box-shadow:0 0 0 3px #08766f1a, var(--shadow-soft);background:#f2fcfa}.template-index{background:var(--navy-2);color:#fff;border-radius:999px;place-items:center;width:22px;height:22px;font-size:12px;font-weight:860;display:inline-grid}.template-row strong,.template-row small,.template-row em{display:block}.template-row strong{font-size:13px}.template-row small{color:var(--muted);margin-top:3px;font-size:12px;line-height:1.28}.template-row em{width:fit-content;color:var(--navy-2);background:#edf3f3;border-radius:6px;margin-top:6px;padding:3px 7px;font-size:12px;font-style:normal;font-weight:800}.rail-safety{background:#f7fbfb;padding:10px}.rail-safety h3{font-size:14px}.rail-safety p{color:var(--muted);margin-top:5px;font-size:12px;line-height:1.35}.workbench{box-shadow:var(--shadow);padding:12px}.workbench-head,.section-title-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.workbench-head h1{font-size:19px;line-height:1.25}.workbench-head p{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.35}.head-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.secondary-button,.option-button{border:1px solid var(--line);min-height:30px;color:var(--blue);background:#fff;border-radius:8px;align-items:center;gap:6px;padding:6px 9px;font-size:12px;font-weight:780;display:inline-flex}.intake-form{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;margin-top:9px;padding:10px}.field{gap:6px;display:grid}.intake-form{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.span-2,.span-3{grid-column:span 2}.field span{color:#445457;align-items:center;gap:5px;font-size:11px;font-weight:800;display:inline-flex}.field span em{color:var(--red);font-size:11px;font-style:normal}.field input,.field select,.field textarea{width:100%;min-height:31px;color:var(--ink);background:#fff;border:1px solid #cfdada;border-radius:7px;padding:6px 8px;font-size:12px}.field textarea{resize:vertical;min-height:52px;line-height:1.35}.field input:focus,.field select:focus,.field textarea:focus,.template-row:focus-visible,.secondary-button:focus-visible,.generate-button:focus-visible,.option-button:focus-visible,.confirm-button:focus-visible,.workflow-dot:focus-visible,.table-row:focus-visible{border-color:var(--teal);outline:3px solid #08766f2e}.generate-bar{grid-column:1/-1;grid-template-columns:1fr auto;gap:8px;margin-top:0;display:grid}.generate-button{color:#fff;background:linear-gradient(#098077,#06665f);border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:44px;font-size:16px;font-weight:900;display:inline-flex;box-shadow:0 10px 20px #08766f33}.option-button{min-width:130px;color:var(--ink);justify-content:center}.generated-section{margin-top:9px}.section-title-row{align-items:center}.section-title-row span{color:var(--muted);background:#edf3f3;border-radius:999px;margin-top:4px;padding:3px 8px;font-size:12px;font-weight:800;display:inline-block}.settings-table{border:1px solid var(--line);background:#fff;border-radius:8px;margin-top:7px;overflow:hidden}.table-row{border:0;border-bottom:1px solid var(--line);width:100%;min-height:34px;color:var(--ink);text-align:left;background:#fff;grid-template-columns:minmax(220px,1.4fr) .65fr .58fr .58fr .9fr;align-items:center;gap:8px;padding:0 10px;font-size:12px;display:grid}.table-row>span{overflow-wrap:anywhere;min-width:0}.table-row>span:first-child{align-items:center;gap:7px;font-weight:800;display:inline-flex}.table-head{color:#4f6064;background:#f4f8f8;min-height:30px;font-size:12px;font-weight:850}.table-head span:first-child{gap:0}.table-total{background:#f8fbfb;border-bottom:0;font-weight:850}.status-badge{border-radius:7px;width:fit-content;padding:4px 7px;font-size:11px;font-weight:850}.status-badge.success{background:var(--green-soft);color:var(--green)}.status-badge.warning{background:var(--amber-soft);color:var(--amber)}.status-badge.danger{background:var(--red-soft);color:var(--red)}.status-badge.neutral,.status-badge.info{background:var(--blue-soft);color:var(--blue)}.workflow-strip{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;margin-top:8px;display:grid}.workflow-dot{border:1px solid var(--line);min-height:38px;color:var(--muted);background:#fff;border-radius:8px;place-items:center;gap:2px;font-size:10px;font-weight:800;display:grid}.workflow-dot span{width:20px;height:20px;color:var(--navy-2);background:#edf3f3;border-radius:999px;place-items:center;display:inline-grid}.workflow-dot.active{border-color:var(--teal);color:var(--teal);box-shadow:0 0 0 3px #08766f1a}.workflow-dot.generated span{background:var(--teal);color:#fff}.workflow-dot.needs_review span,.workflow-dot.hold span{background:var(--amber);color:#fff}.workflow-dot.blocked span{background:var(--red);color:#fff}.publish-card{text-align:left;grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:10px;display:grid}.publish-card span{color:var(--red)}.publish-card.ready span{color:var(--teal)}.publish-card strong{font-size:14px}.publish-card p{color:var(--muted);grid-column:1/-1;font-size:11px;line-height:1.3}.review-counts{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.review-counts span{border-right:1px solid var(--line);color:var(--muted);justify-items:center;gap:1px;padding:7px 6px;font-size:11px;font-weight:850;display:grid}.review-counts span:last-child{border-right:0}.review-counts strong{font-size:18px}.review-counts .info strong{color:var(--blue)}.review-counts .warning strong{color:var(--amber)}.review-counts .danger strong{color:var(--red)}.review-panel{gap:7px;padding:10px;display:grid}.hold-panel{grid-template-columns:repeat(3,minmax(0,1fr))}.hold-panel h2{grid-column:1/-1}.review-items{border:1px solid var(--line);background:#fbfcfc;border-radius:8px;padding:8px}.review-items h3{margin-bottom:4px;font-size:11px}.review-items p{color:var(--muted);font-size:11px;line-height:1.3}.review-items.info h3{color:var(--blue)}.review-items.warning h3{color:var(--amber)}.review-items.danger h3{color:var(--red)}.active-step{border:1px solid var(--line);background:#fbfcfc;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:8px;display:grid}.active-step strong{font-size:12px}.active-step span{color:var(--muted);background:#edf3f3;border-radius:7px;padding:4px 7px;font-size:11px;font-weight:850}.active-step.success span{background:var(--green-soft);color:var(--green)}.active-step.warning span{background:var(--amber-soft);color:var(--amber)}.active-step.danger span{background:var(--red-soft);color:var(--red)}.step-list{margin:0;padding-left:16px}.step-list li{color:var(--muted);margin:3px 0;font-size:11px;line-height:1.3}.confirm-button{min-height:32px;color:var(--teal);background:#fff;border:1px solid #b9d7d5;border-radius:8px;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:850;display:inline-flex}.confirm-button.done{background:var(--teal-soft);border-color:#86d6cd}.policy-card{color:var(--red);background:#fff8f7;border-color:#f1b2aa;grid-template-columns:auto 1fr;gap:8px;padding:9px;display:grid}.policy-card strong{font-size:12px}.policy-card p{color:#8d342c;margin-top:3px;font-size:11px;line-height:1.3}.publish-gate{z-index:5;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffffa;border-bottom:0;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;gap:12px;width:min(1540px,100vw);min-height:44px;padding:5px 10px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -8px 22px #0c242a1a}.publish-gate>div{grid-template-columns:auto auto 1fr;align-items:center;gap:8px;min-width:0;display:grid}.gate-flag{color:#fff;background:var(--red);border-radius:8px;place-items:center;width:30px;height:30px;display:inline-grid}.publish-gate.ready .gate-flag{background:var(--teal)}.publish-gate strong{font-size:14px}.publish-gate p{color:var(--muted);font-size:12px;line-height:1.3}.publish-gate button{background:var(--red-soft);min-height:32px;color:var(--red);border:1px solid #efb1a9;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:900;display:inline-flex}.publish-gate button:disabled{cursor:not-allowed;opacity:.92}@media (width>=861px){.publish-gate{display:none}}@media (width<=1240px){.portal-layout{grid-template-columns:300px minmax(560px,1fr)}.review-rail{grid-column:1/-1;grid-template-columns:1fr 1fr}.policy-card{grid-column:1/-1}}@media (width<=860px){.app-shell{padding-bottom:0}.app-header,.portal-layout,.workbench-head,.section-title-row,.publish-gate{display:grid}.app-header{height:auto;padding:16px}.header-status{justify-content:start}.portal-layout,.review-rail,.intake-form,.generate-bar,.workflow-strip{grid-template-columns:1fr}.portal-layout{padding:14px}.span-2,.span-3{grid-column:auto}.head-actions{justify-content:start}.table-row{grid-template-columns:1fr;align-items:start;gap:7px;padding:12px}.table-head{display:none}.table-total{display:grid}.publish-gate{border-radius:8px;width:auto;margin:16px 14px 0;position:static;transform:none}.publish-gate>div{grid-template-columns:auto 1fr}.publish-gate p{grid-column:1/-1}}