:root{--ink:#15201e;--muted:#6b7673;--paper:#f3f0e8;--card:#fffefa;--line:#d8d7cf;--green:#2c6659;--green2:#dce9e3;--coral:#d96d4b;--shadow:0 18px 55px rgba(24,42,37,.1)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans JP",sans-serif}.hero{min-height:310px;background:var(--ink);color:#fff;padding:28px max(5vw,32px) 44px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:440px;height:440px;border:1px solid #ffffff1a;border-radius:50%;right:-90px;top:-180px;box-shadow:0 0 0 80px #ffffff08,0 0 0 160px #ffffff05}.brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:.12em;position:relative;z-index:1}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--coral);font-family:"Shippori Mincho",serif}.hero-copy{max-width:760px;margin:38px auto 0;position:relative;z-index:1}.eyebrow{color:#8eb9ac!important;font-size:11px;letter-spacing:.24em;font-weight:700}.hero h1{font:600 clamp(32px,5vw,58px)/1.28 "Shippori Mincho",serif;margin:8px 0 13px;letter-spacing:.04em}.hero h1 em{color:#e89a7e;font-style:normal}.hero-copy>p:last-child{color:#b6c1be;line-height:1.8;margin:0}.privacy{position:absolute;right:5vw;bottom:26px;color:#aab9b5;font-size:12px;z-index:1}.privacy span{display:inline-block;width:7px;height:7px;background:#66b595;border-radius:50%;margin-right:8px;box-shadow:0 0 0 4px #66b5951c}main{max-width:1450px;margin:0 auto;padding:0 4vw 70px}.upload-panel{max-width:940px;margin:-28px auto 0;min-height:190px;background:var(--card);border:1px dashed #a9b4b0;border-radius:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;position:relative;z-index:2;cursor:pointer;transition:.2s}.upload-panel:hover,.upload-panel.dragover{border-color:var(--green);transform:translateY(-2px);background:#fbfdfb}.upload-icon{width:45px;height:45px;border-radius:50%;background:var(--green2);color:var(--green);font-size:28px;line-height:41px}.upload-panel strong,.upload-panel span{display:block}.upload-panel strong{font-size:18px}.upload-panel span,.upload-panel small{color:var(--muted)}.workspace{display:grid;grid-template-columns:280px minmax(0,1fr);gap:42px;margin-top:42px}.hidden{display:none!important}.settings{align-self:start;position:sticky;top:22px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:23px;box-shadow:0 8px 30px #203b3410}.section-heading{display:flex;gap:13px;align-items:flex-start}.section-heading>span{font-size:11px;font-weight:700;color:var(--coral);letter-spacing:.1em;margin-top:7px}.section-heading h2{font:600 22px/1.4 "Shippori Mincho",serif;margin:0}.section-heading p{font-size:12px;color:var(--muted);margin:3px 0 0}.field,.field-group{display:block;margin-top:25px;font-size:12px;font-weight:600}.field select{width:100%;margin-top:8px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:11px;color:var(--ink);font-family:inherit}.field-label{display:block;margin-bottom:8px}.segmented{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:8px;overflow:hidden}.segmented input{display:none}.segmented span{display:block;padding:9px 4px;text-align:center;color:var(--muted);cursor:pointer;font-size:12px}.segmented input:checked+span{background:var(--green);color:#fff}.check-row{display:flex;gap:10px;margin-top:20px;align-items:flex-start;cursor:pointer}.check-row input{accent-color:var(--green);margin-top:4px}.check-row b,.check-row small{display:block;font-size:12px}.check-row small{color:var(--muted);font-weight:400;margin-top:2px}.divider{border-top:1px solid var(--line);margin:24px 0}.tip{background:#f1f4ef;border-radius:9px;padding:14px;font-size:11px}.tip b{color:var(--green)}.tip p{margin:5px 0 0;color:var(--muted);line-height:1.65}.text-button{border:0;background:none;color:var(--green);text-decoration:underline;padding:18px 0 0;cursor:pointer;font-family:inherit;font-size:12px}.editor-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.ghost{border:1px solid var(--line);background:transparent;border-radius:7px;padding:8px 11px;color:var(--ink);cursor:pointer;font-family:inherit;font-size:11px}.ghost:disabled{opacity:.4;cursor:not-allowed}.page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:17px}.page-card{background:var(--card);border:1px solid var(--line);border-radius:11px;padding:10px;transition:.18s;box-shadow:0 3px 12px #203b3408}.page-card:hover{transform:translateY(-2px);box-shadow:0 9px 25px #203b3419}.page-card.selected{border:2px solid var(--green);padding:9px}.page-card.dragging{opacity:.35}.page-card.drag-target{outline:3px solid #d96d4b66}.page-card.deleted{opacity:.55}.page-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:10px;color:var(--muted)}.page-top label{display:flex;align-items:center;gap:6px}.page-top input{accent-color:var(--green)}.page-number{color:var(--ink);font-weight:700}.preview-wrap{aspect-ratio:1/1.41;background:#e6e5df;border-radius:5px;overflow:hidden;display:grid;place-items:center;position:relative}.preview-wrap canvas{display:block;max-width:100%;max-height:100%;box-shadow:0 1px 5px #0002}.deleted-stamp{display:none;position:absolute;background:#2c2927dc;color:#fff;padding:5px 10px;border-radius:4px;font-size:11px}.deleted .deleted-stamp{display:block}.page-actions{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;margin-top:8px}.page-actions button{border:0;background:#f0f0eb;border-radius:5px;height:27px;color:#4d5a57;cursor:pointer;font-size:15px}.page-actions button:hover{background:var(--green2);color:var(--green)}.page-actions button[data-action=delete]:hover,.deleted .page-actions button[data-action=delete]{background:#f4ddd5;color:#a4482d}.export-panel{background:var(--ink);color:#fff;border-radius:15px;margin-top:42px;padding:25px 28px;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:end}.export-panel .section-heading p{color:#99aaa6}.export-options{display:flex;gap:12px;grid-column:1}.export-options .field{margin:0;color:#bac4c1}.export-options select{min-width:130px;background:#263330;border-color:#45534f;color:#fff}.export-actions{display:flex;gap:10px;grid-row:1/3;grid-column:2;align-self:center}.export-actions button{border:0;border-radius:9px;padding:14px 18px;font-family:inherit;cursor:pointer;font-size:11px}.export-actions button span{display:block;font-size:14px;font-weight:700}.primary{background:var(--coral);color:#fff}.secondary{background:#fff;color:var(--ink)}.progress{grid-column:1/-1;height:5px;background:#ffffff20;border-radius:5px;position:relative}.progress div{height:100%;background:var(--coral);width:0;border-radius:5px}.progress span{position:absolute;right:0;top:9px;font-size:10px;color:#aab8b4}.loading{min-height:300px;display:grid;place-items:center;align-content:center;color:var(--muted)}.loading span{width:38px;height:38px;border:3px solid var(--line);border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:850px){.workspace{grid-template-columns:1fr}.settings{position:relative;top:0}.editor-head{align-items:flex-start;flex-direction:column}.toolbar{justify-content:flex-start}.export-panel{grid-template-columns:1fr}.export-actions{grid-column:1;grid-row:auto}.privacy{display:none}}@media(max-width:520px){.hero{padding-inline:22px}.hero-copy{margin-top:28px}main{padding-inline:14px}.page-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.page-card{padding:7px}.page-card.selected{padding:6px}.source-label{display:none}.export-actions{flex-direction:column}.export-options{flex-wrap:wrap}}