@charset "UTF-8";
:root{color-scheme:light;--ink:#383b33;--muted:#737568;--line:#d6d7cc;--accent:#515c43;--page:#efede6;--serif:"Hiragino Mincho ProN","Yu Mincho",YuMincho,"Noto Serif CJK JP",serif;--sans:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink);font-family:var(--sans);font-size:13px;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,textarea:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid #687553;outline-offset:5px}button:disabled{cursor:wait;opacity:.65}.topbar{height:72px;max-width:1440px;margin:0 auto;padding:0 5.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8d7ce}.back-link,.making-link{font-size:11px;letter-spacing:.03em}.back-link{display:flex;gap:8px}.making-link{border-bottom:1px solid #b9bbb0;padding-bottom:3px}.edition{font-family:Georgia,serif;font-size:10px;letter-spacing:.16em;color:#777b70}main{max-width:1440px;padding:0 5.2%;margin:auto}.intro{display:flex;justify-content:space-between;align-items:flex-end;padding:42px 0 29px}.eyebrow{font-size:8px;letter-spacing:.2em;color:#6d7362;margin:0 0 15px;display:flex;align-items:center;gap:9px}.eyebrow span{display:block;width:5px;height:5px;background:#8d987d;border-radius:50%}h1{font-family:var(--serif);font-size:clamp(25px,2.45vw,35px);font-weight:500;letter-spacing:.075em;margin:0}.title-dot{color:#9c9e8f}.intro-copy{font-family:var(--serif);font-size:12px;line-height:2.1;letter-spacing:.08em;margin:0 1px 0 20px;color:#73776a}.workbench{display:grid;grid-template-columns:minmax(0,1fr) 302px;gap:38px;align-items:start}.preview-section{min-width:0}.paper-stage{position:relative;background:#dad7ce;isolation:isolate;overflow:hidden;padding:60px 8% 57px;min-height:430px;display:flex;align-items:center;justify-content:center;background-image:radial-gradient(ellipse at 38% 22%,#e3e1d9 0,transparent 70%),linear-gradient(125deg,transparent 65%,#cecbc3);touch-action:pan-y}.stage-label{position:absolute;top:23px;left:25px;font-size:8px;letter-spacing:.18em;color:#6b7266;display:flex;align-items:center;gap:7px}.live-dot{height:4px;width:4px;border-radius:50%;background:#8b947e}.paper-wrap{width:100%;aspect-ratio:1.25;transform:rotate(-1.3deg);box-shadow:2px 3px 5px #3a39351a,12px 18px 30px #4a453323,0 0 1px #fff9;transition:transform .6s ease;background:#f1e9d6}.paper-stage:has(canvas:focus-visible) .paper-wrap{transform:rotate(0)}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair;background:#eee6d4}.stage-footer{position:absolute;left:25px;right:25px;bottom:21px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.12em;color:#666d60}.light-point{position:absolute;width:16px;height:16px;border:1px solid #b7a07899;border-radius:50%;pointer-events:none;z-index:2;transition:opacity .2s;transform:translate(-50%,-50%);opacity:.7}.light-point i{position:absolute;width:4px;height:4px;left:5px;top:5px;background:#fff9e4;border-radius:50%;box-shadow:0 0 18px 8px #fff6cc66}.gesture-hint{font-size:10px;color:#777c6c;letter-spacing:.025em;margin:16px 0 0;text-align:center;line-height:1.8}.gesture-hint>span:first-child{font-size:16px;margin-right:4px;color:#8a907d}.desktop-hint{margin-left:7px}.controls{padding-top:1px}h2{margin:0;font-size:12px;font-weight:500;letter-spacing:.08em}.section-no{font-family:Georgia,serif;color:#929786;font-size:10px;margin-right:10px;font-style:italic}.control-heading{display:flex;align-items:center;margin-bottom:13px}.control-heading #charCount{margin-left:auto;font-size:9px;color:#8b8e7f;letter-spacing:.03em}textarea{display:block;resize:vertical;min-height:85px;max-height:140px;width:100%;padding:15px 17px;background:#f7f5ef;border:1px solid #d5d7cc;border-radius:2px;line-height:1.8;font-family:var(--serif);font-size:17px;color:#4a5041;letter-spacing:.07em}textarea:focus{border-color:#8a9679}.text-options{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:9px;color:#8a8e7e;gap:5px}.text-options button{font-size:9px;color:#626f51;padding:2px 0;border:0;border-bottom:1px solid #bcc2af;background:none;white-space:nowrap}fieldset{border:0;padding:0;margin:26px 0 17px}legend{font-size:12px;letter-spacing:.08em;padding:0;margin-bottom:13px}.materials{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.material{background:transparent;border:1px solid transparent;padding:0 0 7px;border-radius:2px;display:flex;align-items:center;flex-direction:column;font-size:9px;line-height:1.2;gap:9px;color:#767d69}.material.selected{border-color:#a1ab93;background:#e8ebdf}.swatch{width:100%;height:53px;font-family:var(--serif);font-size:24px;display:flex;align-items:center;justify-content:center;border-radius:1px}.cotton{background:#e9e2d4;color:#ded6c4;text-shadow:-1px -1px 1px #fffc,1px 1px 1px #968a71}.gold{background:#eee1c6;color:#ad7d32;text-shadow:-1px -1px #fff4c4,1px 1px #745322}.black{background:#303b40;color:#778580;text-shadow:-1px -1px #c9d0ba80,1px 1px #0e1b22}.press-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.small-label{font-size:10px;color:#6b745e}.segmented{display:flex;border:1px solid #cfd3c5;padding:3px;border-radius:3px;gap:2px}.segmented button{border:0;background:transparent;border-radius:1px;color:#8a9080;padding:5px 13px;font-size:10px}.segmented button.active{background:#59664c;color:#fafbf7}.range-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#6b745e;margin-bottom:7px}output{font-size:9px;color:#889078;font-variant-numeric:tabular-nums}input[type="range"]{accent-color:#687857;display:block;width:100%;height:17px;cursor:pointer;margin:0;background:transparent}input[type="range"]::-webkit-slider-runnable-track{height:2px;background:#c7cdbb;border-radius:0}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:#687857;margin-top:-4.5px}input[type="range"]{-webkit-appearance:none}.light-heading{display:flex;align-items:center;margin-top:24px;margin-bottom:10px}.light-heading button{border:0;background:transparent;color:#868d79;font-size:9px;margin-left:auto;padding:4px 0}.light-sliders{display:flex;flex-direction:column;gap:8px}.light-sliders label{display:flex;align-items:center;gap:12px;font-size:9px;color:#89907c}.light-sliders label span:not(.sr-only){width:11px;flex-shrink:0}.save-button{background:#4b5b40;border:1px solid #4b5b40;color:#fffdf7;display:flex;align-items:center;justify-content:space-between;padding:14px 17px;margin-top:24px;width:100%;font-size:12px;letter-spacing:.045em;border-radius:2px;box-shadow:0 2px 1px #36402d0b;transition:background .2s}.save-button:hover{background:#3d4d32}.bottom-actions{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:11px;font-size:8px;color:#919884}.bottom-actions button{border:0;background:transparent;color:#77816b;font-size:9px;padding:4px 0;border-bottom:1px solid #c1c9b6}.save-result{background:#e4e9dd;color:#4f613f;padding:11px 12px;line-height:1.7;font-size:10px;margin-top:12px}.save-result a{text-decoration:underline;white-space:nowrap}.error-message{padding:14px;background:#f5e1d4;color:#6a4137;font-size:12px;line-height:1.6}.page-footer{border-top:1px solid #d7d9cd;padding:21px 0 25px;margin-top:38px;display:flex;justify-content:space-between;align-items:center}.page-footer p{font-family:var(--serif);font-size:11px;letter-spacing:.07em;color:#7b826e;margin:0}.page-footer>span{font-size:8px;letter-spacing:.1em;color:#979e8a}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(min-width:1600px){.paper-stage{padding:67px 8% 64px}}
@media(max-width:1050px){.workbench{grid-template-columns:minmax(0,1fr) 274px;gap:24px}.paper-stage{padding:63px 7% 60px;min-height:390px}.intro-copy{font-size:11px}.text-options{font-size:8px}.text-options button{font-size:8px}.desktop-hint{display:none}.bottom-actions{font-size:7px}.bottom-actions button{font-size:8px}}
@media(max-width:780px){.topbar{height:59px;padding:0 6%}.edition{font-size:8px}.back-link,.making-link{font-size:10px}main{padding:0 6%}.intro{padding:29px 0 23px;display:block}.eyebrow{font-size:7px;margin-bottom:12px}h1{font-size:26px;letter-spacing:.03em}.intro-copy{margin:13px 0 0;font-size:11px;line-height:1.9}.intro-copy br{display:none}.workbench{grid-template-columns:1fr;gap:30px}.paper-stage{padding:52px 7% 51px;min-height:0}.stage-label{top:18px;left:18px;font-size:7px}.stage-footer{left:18px;right:18px;bottom:18px;font-size:7px}.gesture-hint{font-size:9px;margin-top:11px}.controls{max-width:530px;width:100%;margin:0 auto}.control-heading{margin-bottom:12px}.text-options{font-size:9px}.text-options button{font-size:9px}.swatch{height:63px}.material{font-size:10px}.bottom-actions{font-size:8px}.bottom-actions button{font-size:9px}.page-footer{margin-top:30px;display:block;text-align:center;padding:23px 0 28px}.page-footer>span{display:block;margin-top:11px}.save-button{padding:16px 17px}.light-heading{margin-top:24px}.light-sliders{gap:13px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}