@charset "UTF-8";
:root{--bg:#f7f6f0;--ink:#273c34;--muted:#626e64;--green:#38564b;--line:#dde3d9;--soft:#eef2e9;--accent:#b78560;font-family:"Noto Sans CJK JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.7}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b87a3b;outline-offset:4px}svg{display:block}button svg,a svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}.skip-link{position:absolute;left:20px;top:-100px;z-index:20;background:var(--green);color:white;padding:12px}.skip-link:focus{top:12px}
.site-header{max-width:1200px;margin:auto;padding:20px 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-family:"Noto Serif CJK JP","Yu Mincho",serif;font-size:24px;font-weight:600;letter-spacing:.04em;text-decoration:none}.brand-mark{display:grid;place-items:center;width:34px;height:38px;border-radius:3px;background:var(--green)}.brand-mark svg{width:27px;stroke:#f7f6f0;stroke-width:1.2}.brand-period{color:var(--accent)}nav a{display:flex;align-items:center;min-height:44px;text-decoration:none;font-size:13px;color:var(--muted)}nav a:hover{text-decoration:underline}
main{max-width:1200px;margin:auto;padding:0 40px}.studio-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:28px 0 22px}h1{font-family:"Noto Serif CJK JP","Yu Mincho",serif;font-size:30px;line-height:1.5;font-weight:500;margin:0;letter-spacing:.03em}.free-label{font-size:12px;color:var(--muted);white-space:nowrap}
.workbench{display:grid;grid-template-columns:360px minmax(0,1fr);grid-template-areas:"settings preview" "actions preview";grid-template-rows:auto 1fr;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 10px 30px #273c3405}.controls{grid-area:settings;padding:26px 26px 12px;border-right:1px solid var(--line)}.field-group{border:0;min-width:0;padding:0;margin:0 0 22px}.field-label{font-size:13px;font-weight:600;padding:0;margin:0 0 10px}.paper-types{display:grid;grid-template-columns:1fr 1fr;gap:10px}.paper-type{position:relative;display:flex;align-items:center;gap:10px;min-height:72px;border:1px solid var(--line);border-radius:8px;background:white;padding:14px;text-align:left;font-size:15px}.paper-type svg{width:27px;height:27px;flex-shrink:0;stroke-width:1.1;color:var(--muted)}.paper-type.is-selected{background:var(--soft);border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.paper-type:hover{background:#f1f4ec}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:7px}.segmented.three{grid-template-columns:repeat(3,1fr)}.segmented button{min-height:48px;border:1px solid var(--line);border-radius:7px;background:white;font-size:16px;padding:10px 4px;font-family:Arial,"Noto Sans CJK JP",sans-serif}.segmented button.is-selected{background:var(--green);border-color:var(--green);color:white;font-weight:600}.segmented button:hover:not(.is-selected){background:#f1f4ec}.segmented button span{font-size:12px;margin-left:4px;font-weight:400}.segmented button small{display:block;margin-top:5px;font-family:Arial,sans-serif;font-size:11px;font-weight:400;color:var(--muted)}.segmented button.is-selected small{color:#e4eae3}
.orientation-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;font-size:13px}.orientation-row label{flex-shrink:0}.orientation-row select{border:1px solid var(--line);border-radius:6px;background:white;min-height:44px;min-width:118px;padding:8px 28px 8px 12px;color:var(--ink);font-size:13px;max-width:190px}.advanced{border-top:1px solid var(--line);margin-top:20px}.advanced summary{display:flex;justify-content:space-between;align-items:center;min-height:48px;cursor:pointer;list-style:none;font-size:13px;font-weight:500}.advanced summary::-webkit-details-marker{display:none}.advanced summary svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}.advanced[open] summary svg{transform:rotate(180deg)}.advanced-body{padding:8px 0}.tone-field{border:0;margin:0;padding:0;min-width:0;font-size:13px}.tone-field legend{padding:0;margin-bottom:10px}.tones{display:flex;gap:9px}.tone{display:flex;flex-direction:column;align-items:center;gap:5px;width:49px;min-height:60px;border:1px solid transparent;border-radius:7px;background:white;padding:6px 3px}.tone span{width:24px;height:24px;border-radius:50%;background:var(--tone)}.tone small{font-size:12px}.tone.is-selected{border-color:var(--green);background:var(--soft)}.margin-label{display:flex;justify-content:space-between;font-size:13px;margin:18px 0 4px}.margin-label output{font-family:Arial,sans-serif}input[type=range]{width:100%;height:44px;accent-color:var(--green);cursor:pointer;margin:4px 0 10px}.checkbox{display:flex;align-items:center;gap:10px;min-height:44px;font-size:13px;cursor:pointer}.checkbox input{accent-color:var(--green);margin:0;width:20px;height:20px}.reset-button{display:block;margin:2px 0 0 auto;padding:10px 0;border:0;background:transparent;min-height:44px;font-size:12px;color:var(--muted);text-decoration:underline;text-underline-offset:4px}.noscript-note{font-size:13px;color:var(--muted);line-height:1.8}
.preview-area{grid-area:preview;display:flex;flex-direction:column;background:#edf0e8;min-width:0}.preview-heading{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;gap:10px;border-bottom:1px solid #dbe1d5}.preview-heading h2{font-family:inherit;font-size:13px;font-weight:500;margin:0}.preview-heading>span{font-size:12px;color:var(--muted)}.paper-desk{flex:1;display:flex;align-items:center;justify-content:center;min-height:440px;padding:30px;overflow:hidden;background-image:radial-gradient(ellipse at center,#f4f6ef,#e9ede3)}.paper-preview{width:100%;max-width:340px;aspect-ratio:210 / 297;background:#fff;box-shadow:0 14px 30px #34472c15,0 1px 3px #34472c16}.paper-preview.is-landscape{max-width:480px;aspect-ratio:297 / 210}.paper-preview svg{width:100%;height:100%;display:block}.preview-footer{padding:18px 24px;border-top:1px solid #dbe1d5;min-width:0}.preview-footer>span{display:block;font-size:14px;font-weight:500}.preview-footer small{display:block;font-size:12px;color:var(--muted);line-height:1.7;margin-top:5px;overflow-wrap:anywhere}
.export-actions{grid-area:actions;padding:8px 26px 24px;border-right:1px solid var(--line)}.download-button,.print-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border-radius:7px;min-height:50px;font-size:14px;font-weight:500}.download-button{border:1px solid var(--green);background:var(--green);color:white}.download-button svg{width:18px;height:18px;stroke-width:1.6}.download-button:hover{background:#29463b}.print-button{border:1px solid var(--line);background:white;margin-top:9px;color:var(--green);min-height:44px;font-size:13px}.print-button:hover{background:var(--soft)}.print-tip{font-size:12px;text-align:center;color:var(--muted);margin:12px 0 0}.status{font-size:12px;line-height:1.7;color:var(--green);margin:12px 0 0;overflow-wrap:anywhere}.status:empty{margin:0}.status.is-error{color:#a04230}
.ready-papers{display:flex;align-items:center;gap:24px;margin:20px 0 32px}.ready-papers h2{font-family:inherit;font-size:13px;font-weight:500;color:var(--muted);margin:0;white-space:nowrap}.ready-papers>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1}.ready-papers a{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:12px 16px;min-height:64px;text-decoration:none;font-size:13px}.ready-papers a:hover{border-color:var(--green);background:var(--soft)}.ready-papers a small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.ready-papers a svg{width:17px;height:17px;stroke-width:1.5;flex-shrink:0;color:var(--green)}
.print-guide,.faq{display:grid;grid-template-columns:280px minmax(0,1fr);gap:50px;border-top:1px solid var(--line);padding:32px 0}.print-guide h2,.faq h2{font-family:"Noto Serif CJK JP","Yu Mincho",serif;font-size:22px;font-weight:500;margin:0;line-height:1.7}.guide-steps{list-style:none;margin:0;padding:0}.guide-steps li{display:flex;gap:20px;margin-bottom:22px}.guide-steps li:last-child{margin-bottom:0}.guide-steps li>span{font-family:Georgia,serif;font-size:20px;color:#6b7b61;line-height:1.5}.guide-steps h3{font-size:14px;font-weight:500;margin:0 0 5px;line-height:1.8}.guide-steps p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.faq-items details{border-bottom:1px solid var(--line)}.faq-items summary{position:relative;list-style:none;cursor:pointer;padding:17px 28px 17px 0;font-size:14px;line-height:1.8;min-height:52px}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary:after{content:"+";position:absolute;right:4px;top:15px;font-size:20px;color:var(--muted)}.faq-items details[open] summary:after{content:"−"}.faq-items p{font-size:13px;line-height:1.9;color:var(--muted);margin:0 20px 20px 0}footer{max-width:1200px;margin:auto;border-top:1px solid var(--line);padding:24px 40px;display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-brand{font-size:18px}footer>span{font-size:11px;color:var(--muted)}
@media(max-width:950px){.site-header{padding:18px 26px}main{padding:0 26px}.workbench{grid-template-columns:330px minmax(0,1fr)}.controls{padding:24px 22px 12px}.export-actions{padding:8px 22px 22px}.paper-desk{padding:25px;min-height:360px}.paper-preview{max-width:270px}.print-guide,.faq{grid-template-columns:220px minmax(0,1fr);gap:30px}footer{padding:24px 26px}}
@media(max-width:700px){.site-header{padding:12px 18px}.brand{font-size:21px;gap:9px}.brand-mark{width:29px;height:33px}.brand-mark svg{width:24px}nav a{font-size:12px}main{padding:0 16px}.studio-heading{padding:22px 0 18px;align-items:start}h1{font-size:24px}.free-label{font-size:11px;padding-top:7px}.workbench{grid-template-columns:minmax(0,1fr);grid-template-areas:"settings" "preview" "actions";grid-template-rows:auto}.controls{padding:20px 20px 10px;border-right:0}.field-group{margin-bottom:19px}.paper-type{min-height:64px;padding:12px 14px}.segmented button{min-height:46px}.reset-button{margin-bottom:3px}.preview-area{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.preview-heading{padding:14px 20px}.paper-desk{min-height:0;padding:22px}.paper-preview{max-width:208px}.paper-preview.is-landscape{max-width:330px}.preview-footer{padding:13px 20px}.preview-footer>span{font-size:13px}.preview-footer small{font-size:11px}.export-actions{padding:18px 20px 20px;border-right:0}.download-button{min-height:50px}.ready-papers{display:block;margin:22px 0 28px}.ready-papers h2{margin-bottom:10px}.ready-papers>div{gap:9px}.ready-papers a{padding:12px;font-size:12px;gap:8px}.ready-papers a small{font-size:11px}.print-guide,.faq{display:block;padding:26px 0}.print-guide h2,.faq h2{font-size:21px;margin-bottom:20px}.guide-steps li{gap:15px;margin-bottom:20px}.guide-steps h3{font-size:13px}.guide-steps p{font-size:12px}.faq-items summary{font-size:13px}.faq-items p{font-size:12px}footer{padding:22px 18px}.footer-brand{font-size:16px}footer>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.paper-type.is-selected::after{content:"✓";position:absolute;right:7px;top:5px;color:var(--green);font-size:12px;font-weight:700}

.nowrap,.paper-type>span{white-space:nowrap}
@media(max-width:700px){.paper-type{padding:12px 10px;gap:8px;font-size:14px}.paper-type svg{width:24px;height:24px}.free-label{font-size:12px}}

.orientations button{display:flex;justify-content:center;align-items:center;gap:9px;font-size:13px;font-family:inherit}.orientations svg{width:22px;height:22px;stroke-width:1.3}

@media(max-width:700px){
 .site-header{padding-top:8px;padding-bottom:8px}.studio-heading{padding:16px 0 14px}h1{font-size:23px}
 .controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;padding:18px 18px 10px}
 .field-group{margin:0}.field-group:nth-of-type(1),.field-group:nth-of-type(2),#writing-row,.noscript-note{grid-column:1/-1}
 .field-label{margin-bottom:8px}.paper-type{min-height:54px}.segmented button{min-height:44px}.segmented button small{display:none}
 .orientations button{font-size:11px;gap:4px;padding:8px 3px}.orientations svg{width:16px;height:20px}
 .orientation-row{margin:0}.advanced{margin:0;border-top:0}.advanced summary{min-height:44px}.advanced[open]{grid-column:1/-1}.advanced[open]+.reset-button{grid-column:2}
 .reset-button{align-self:start;justify-self:end;margin:0;min-height:44px;padding:10px 0}
 .preview-area{display:grid;grid-template-columns:92px minmax(0,1fr);grid-template-areas:"paper heading" "paper info";padding:16px 18px;column-gap:14px}
 .paper-desk{grid-area:paper;padding:0;min-height:0;background:none;align-self:center}
 .paper-preview{max-width:72px}.paper-preview.is-landscape{max-width:92px}
 .preview-heading{grid-area:heading;padding:0;border:0;display:block;align-self:end}.preview-heading>span{display:block;margin-top:4px}
 .preview-footer{grid-area:info;padding:7px 0 0;border:0;align-self:start}.preview-footer>span{font-size:13px}.preview-footer small{font-size:11px;margin-top:3px}
 .export-actions{padding:16px 18px 18px}
}
@media(max-width:350px){.orientations button{flex-direction:column;gap:2px;padding:4px 2px}.orientations svg{height:17px}}

.paper-preview{padding:0;border:0;display:block;cursor:zoom-in}.preview-heading>span{margin-left:auto}
.zoom-button{display:grid;place-items:center;border:0;background:transparent;width:44px;height:44px;border-radius:6px;color:var(--green);flex-shrink:0}.zoom-button svg{width:21px;height:21px;stroke-width:1.5}.zoom-button:hover{background:#dde5d5}
.preview-dialog{width:min(760px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:18px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:var(--bg)}.preview-dialog::backdrop{background:#192f27a6}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-heading h2{font-size:16px;font-weight:500;margin:0}.dialog-heading button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:6px;background:transparent}.dialog-heading svg{width:22px;height:22px;stroke-width:1.5}#dialog-dimensions{font-size:12px;color:var(--muted);line-height:1.7;margin:5px 0 15px}.enlarged-preview{display:flex;justify-content:center;background:#e9ede3;padding:18px}.enlarged-preview svg{width:100%;height:auto;max-width:460px;max-height:70dvh;display:block}
@media(max-width:700px){.preview-area{position:relative}.preview-heading{padding-right:30px}.preview-heading>span{margin-left:0}.zoom-button{position:absolute;right:10px;top:9px}.preview-dialog{padding:14px}.enlarged-preview{padding:12px}}

.paper-preview svg{stroke:none}.ready-papers a small{font-size:12px}
/* New paper families keep the same settings and PDF workflow. */
.paper-types{grid-template-columns:repeat(3,minmax(0,1fr))}.paper-type{flex-direction:column;justify-content:center;gap:5px;min-height:76px;padding:10px 4px;font-size:12px}.paper-type>span{white-space:nowrap}.paper-type svg{width:24px;height:24px}
.example-button{display:block;min-height:44px;border:0;background:transparent;margin:4px auto 0;font-size:12px;color:var(--green);text-decoration:underline;text-underline-offset:4px}
.ready-papers{display:block;border:1px solid var(--line);border-radius:8px;background:#fff;margin:20px 0 30px;overflow:hidden}.ready-papers summary{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:12px 18px;font-size:14px;cursor:pointer;list-style:none}.ready-papers summary::-webkit-details-marker{display:none}.ready-papers summary>span{font-size:18px;color:var(--muted)}.ready-papers[open] summary>span{transform:rotate(45deg)}.ready-papers>.preset-groups{display:block;border-top:1px solid var(--line);padding:0 18px 18px}.preset-groups h3{font-size:13px;font-weight:500;margin:20px 0 10px}.preset-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ready-papers a{min-height:64px}.footer-links{display:flex;align-items:center;gap:22px;font-size:12px;color:var(--muted)}.footer-links a{display:flex;align-items:center;min-height:44px;text-decoration:none}.footer-links span{font-size:11px}
.cornell-example{display:grid;grid-template-columns:1fr 2.2fr;border:1px solid #536a5d;background:white;font-size:13px;line-height:1.8;margin:12px 0}.cornell-example>div{padding:15px}.example-topic{grid-column:1/-1;border-bottom:1px solid #536a5d;font-weight:500}.example-cue{border-right:1px solid #536a5d}.example-summary{grid-column:1/-1;border-top:1px solid #536a5d}.cornell-example strong{font-size:12px;color:var(--muted);font-weight:500}.cornell-example p{margin:8px 0 0}.example-note{font-size:12px;line-height:1.8;color:var(--muted);margin:14px 0 3px}
.document{max-width:860px;padding-top:32px;padding-bottom:40px}.document h1{margin-bottom:24px}.document h2{font-family:inherit;font-size:18px;margin:28px 0 10px}.document p,.document li{font-size:14px;line-height:1.95}.document .updated{font-size:12px;color:var(--muted)}
@media(max-width:700px){.paper-type{min-height:68px;gap:4px;font-size:12px;padding:8px 3px}.paper-type svg{width:24px;height:24px}.preset-links{grid-template-columns:1fr 1fr}.ready-papers>.preset-groups{padding:0 12px 12px}.cornell-example>div{padding:11px}.footer-links{gap:14px}.document{padding-top:24px}}

.mobile-type{display:none}
@media(max-width:700px){
 .paper-types{display:none}.mobile-type{display:block;width:100%;min-height:44px;border:1px solid var(--line);border-radius:7px;background:white;padding:8px 12px;color:var(--ink);font-size:15px}
 .studio-heading{padding-top:12px;padding-bottom:12px}.controls{gap:12px;padding:16px 18px 10px}.preview-area{padding-top:14px;padding-bottom:14px}
}

@media(max-width:350px){.export-actions{padding-top:12px}.footer-links{gap:10px}}
footer{flex-wrap:wrap}.footer-brand{white-space:nowrap}.footer-links{flex-wrap:wrap}

/* Original water-line ornaments stay outside the paper and never intercept input. */
body{position:relative;isolation:isolate}
body::before,body::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url("assets/water-lines.svg") no-repeat;background-size:440px 752px;background-position:left calc((100vw - min(1200px,100vw))/2 - 245px) top -28px;opacity:.34}
body::after{background-image:url("assets/sea-waves.svg");background-size:520px 894px;background-position:right calc((100vw - min(1200px,100vw))/2 - 180px) top 0;opacity:.5}
@media(max-width:950px){body::before{background-size:300px 513px;background-position:left -145px top -35px;opacity:.28}body::after{background-size:360px 619px;background-position:right -125px top 15px;opacity:.4}}
@media(max-width:700px){body::before{background-size:190px 325px;background-position:left -62px top -20px;opacity:.24}body::after{background-size:210px 361px;background-position:right -58px top 45px;opacity:.3}}
@media print{body::before,body::after{display:none}}