:root{color-scheme:light;--ink:#20252b;--blue:#163b59;--pale:#eaf0f5;--line:#b8c2cc;--muted:#52606d;--paper:#fff;--green:#236044;font-family:'Yu Gothic',Meiryo,sans-serif;color:var(--ink);background:#eef0f2;font-size:16px;line-height:1.7}
*{box-sizing:border-box}body{margin:0}h1,h2,h3,p{margin:0}h1{font-size:25px;line-height:1.5}h2{font-size:23px;line-height:1.5}h3{font-size:18px}button,input,select,textarea{font:inherit;color:inherit}button,a,summary,input,select,textarea{touch-action:manipulation}button{min-height:46px;border:1px solid var(--line);border-radius:7px;padding:9px 15px;background:#fff;cursor:pointer;line-height:1.5}button:hover{border-color:var(--blue);background:#f1f4f7}button:disabled{background:#e7ebee;color:#67727d;cursor:default}button.primary{background:var(--blue);color:#fff;border-color:var(--blue);font-weight:700}button.primary:hover{background:#0b2b45}button.primary:disabled{background:#425b70;border-color:#425b70;color:#fff}button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:700}a{color:#144e7a;text-underline-offset:4px}label{display:block;font-weight:700;margin:20px 0 7px}textarea,input[type=text],input[type=password],select{width:100%;border:1px solid #8b99a7;border-radius:6px;padding:11px 12px;background:#fff;font-size:16px}textarea{resize:vertical;line-height:1.85;min-height:105px}select{min-height:48px}input[type=file]{max-width:100%;font-size:14px}input::file-selector-button{font:inherit;padding:9px 12px;background:#fff;border:1px solid #8b99a7;border-radius:6px;margin-right:10px;cursor:pointer}img{max-width:100%}[hidden]{display:none!important}:focus-visible{outline:3px solid #c97a00;outline-offset:3px}
.header{padding:22px 30px;background:#fff;display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line)}#save-shared{min-width:112px;font-size:17px}.save-actions{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}.save-status{font-size:14px;min-height:24px;color:var(--muted);max-width:180px;text-align:right}.save-status:empty{min-height:24px}.header{margin-bottom:22px}.save-status.unsaved{color:#874409;font-weight:700}.error{max-width:1652px;margin:8px auto 18px;padding:14px 18px;border:1px solid #bb6358;border-radius:8px;background:#fff3f0;color:#8d2920;white-space:pre-wrap;overflow-wrap:anywhere}.login-panel{width:calc(100% - 32px);max-width:450px;margin:55px auto;background:#fff;padding:30px;border:1px solid var(--line);border-radius:12px}.login-panel h2{font-size:22px}.login-panel button{width:100%;margin-top:24px}
.workspace{display:grid;grid-template-columns:245px minmax(340px,1.05fr) minmax(300px,.95fr);align-items:start;max-width:1700px;margin:0 auto 36px}.sidebar{padding:10px 20px 24px 24px;position:sticky;top:0;max-height:100vh;overflow:auto}.sidebar>label{margin-top:0;font-size:15px}#section-nav{display:grid;gap:6px;margin-top:18px}#section-nav button{text-align:left;display:flex;align-items:center;justify-content:space-between;gap:10px;border-color:transparent;background:transparent;font-size:15px}#section-nav button:hover{background:#e1e7ec;border-color:#8798a7}#section-nav button.selected{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:700}#section-nav small{white-space:nowrap;font-size:12px;border-radius:4px;background:#dce2e7;padding:2px 5px;color:#394550;font-weight:400}#section-nav small.ready{background:#dcece1;color:#194d33}#section-nav small.edited{background:#fff0d8;color:#71440a}#section-nav button.selected small{background:#fff;color:#263c4d}
.editor{background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px;min-width:0}.eyebrow{font-size:14px;color:var(--muted);margin-bottom:4px}.section-note{margin-top:18px;font-size:14px;color:#654410;background:#fff3db;border:1px solid #d8bd8c;border-radius:7px;padding:12px 15px;white-space:pre-wrap}.decision{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0 18px}.decision button{font-size:15px}.current-copy{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin-bottom:20px}.current-copy summary{cursor:pointer;font-weight:700}.current-copy div{white-space:pre-wrap;font-size:16px;padding-top:16px;overflow-wrap:anywhere;max-height:420px;overflow:auto}.help{font-size:14px;color:var(--muted);margin:8px 0 16px}.photo-slot{margin:24px 0;padding:18px 0;border-top:1px solid var(--line)}.photo-slot h3{margin-bottom:12px}.photo-slot figure{margin:0 0 16px}.photo-slot figure img{max-height:180px;max-width:230px;object-fit:contain;background:#f1f3f5;border-radius:5px}.photo-slot figcaption{font-size:14px;color:var(--muted)}.photo-slot input[type=file]{display:block;width:100%;margin-top:8px}.photo-slot>label{margin-top:12px}.attachments{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:14px}.attachment{padding:10px;border:1px solid var(--line);border-radius:8px;min-width:0}.attachment img{height:120px;width:100%;object-fit:contain;background:#f1f3f5}.attachment p{font-size:13px;overflow-wrap:anywhere}.attachment button{font-size:14px;padding:7px 11px;margin-top:6px;min-height:44px}.photo-no-preview{padding:22px 4px;color:var(--muted);font-size:14px}.section-pager{display:flex;justify-content:space-between;gap:10px;margin-top:30px;border-top:1px solid var(--line);padding-top:22px}.section-pager button{font-size:14px}.number-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.number-fields>div{min-width:0}
.preview{padding:0 24px;min-width:0;position:sticky;top:14px}.preview-heading{font-size:16px;line-height:1.5;margin:10px 0 16px}#site-preview{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px}#site-frame{display:block;width:100%;height:70vh;min-height:430px;border:0;background:#fff}
dialog{border:1px solid var(--line);border-radius:12px;max-width:min(560px,calc(100% - 32px));padding:26px;color:var(--ink)}dialog::backdrop{background:#14233188}dialog p{margin:16px 0;white-space:pre-wrap}dialog form>div{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}dialog h2{font-size:21px}
@media(max-width:1120px){.workspace{grid-template-columns:220px minmax(330px,1fr);padding:0 22px 20px 0}.preview{grid-column:2;margin-top:18px;position:static;padding:0}.sidebar{grid-row:span 2;padding-left:18px;padding-right:14px}.editor{padding:24px}.header{padding:20px 24px}.header h1{font-size:22px}.error{margin-left:24px;margin-right:24px}}
@media(max-width:700px){.header{padding:16px;gap:14px;position:sticky;top:0;z-index:5;align-items:center}.header h1{font-size:18px;max-width:14em}#save-shared{min-width:76px;padding:10px 14px;font-size:16px;flex:none}.save-actions{max-width:142px}.save-status{font-size:12px;min-height:21px}.save-status:empty{min-height:21px}.header{margin-bottom:14px}.workspace{display:flex;flex-direction:column;padding:0 14px;gap:14px}.sidebar{position:static;width:100%;max-height:none;padding:0 0 8px}.sidebar>label{margin:8px 0 5px}#section-nav{display:flex;overflow-x:auto;margin:12px 0 0;padding-bottom:7px}#section-nav button{flex:none;max-width:250px;background:#fff;border-color:var(--line);font-size:14px}.editor{padding:20px 17px;width:100%;border-radius:10px;scroll-margin-top:100px}.preview{width:100%;margin:0}.section-header h2{font-size:21px}.decision{gap:7px}.decision button{padding:9px 11px;font-size:14px}.section-pager button{padding:8px 11px}.error{margin:8px 14px 18px}.photo-slot figure img{max-height:160px}.attachments{grid-template-columns:repeat(2,minmax(0,1fr))}.login-panel{margin-top:24px;padding:24px}.number-fields{gap:12px}}
@media(max-width:360px){.header h1{font-size:16px}.number-fields{grid-template-columns:1fr;gap:0}.section-pager button{font-size:13px;padding:8px}.editor{padding:18px 14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media print{#save-shared,.sidebar,.preview,.save-status,.decision,.section-pager{display:none!important}.workspace{display:block;margin:0}.editor{border:0;padding:0}body{background:#fff}.header{padding:0 0 20px;border:0;position:static}}