:root{--paper:#f5f0e5;--navy:#203b69;--muted:#737e8b;--line:#c7c8c0;--blue:#234fa0;--focus:#c27436}*{box-sizing:border-box}body{margin:0;background:#e5e1d8;color:var(--navy);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:13px;line-height:1.65}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.28' filter='url(%23n)'/%3E%3C/svg%3E")}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);background:transparent;border-radius:3px;padding:8px 10px;min-height:40px}button:hover:not(:disabled){background:#e9e9de;border-color:#7384a0}button[aria-pressed=true]{border-color:var(--navy);background:var(--navy);color:var(--paper)}button:disabled{opacity:.36;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid var(--focus);outline-offset:3px}select{border:1px solid var(--line);border-radius:3px;background:#f4f0e8;padding:9px 25px 9px 8px;max-width:100%;min-height:40px}input[type=range]{width:100%;height:21px;margin:5px 0 13px;accent-color:var(--navy);cursor:pointer}.notebook{position:relative;background:var(--paper);max-width:1336px;margin:30px auto;box-shadow:0 8px 38px #45413614;padding:0 42px}.masthead{border-top:3px solid var(--navy);border-bottom:1px solid var(--line);height:69px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.04em}.edition{font:11px Georgia,serif;letter-spacing:.18em}.edition b{font-size:20px;margin-left:12px;font-weight:normal}.intro{display:flex;justify-content:space-between;align-items:center;padding:34px 0 28px}.eyebrow{font-size:10px;letter-spacing:.22em;margin:0 0 8px}h1{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-weight:500;letter-spacing:.1em;font-size:47px;line-height:1.2;margin:0}.title-dot{font-family:Georgia,serif;color:#5174a6;margin-left:6px}.intro-copy{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:16px;line-height:1.95;margin:0 5px 0 20px;letter-spacing:.12em}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 294px;gap:34px;align-items:start}.art-panel{min-width:0}.canvas-wrap{position:relative;aspect-ratio:1.11;background:#f7f2e7;border:1px solid #d8d3c6;box-shadow:0 2px 7px #313b4210;overflow:hidden}.canvas-wrap:after{content:"";position:absolute;inset:8px;border:1px solid #aeb7bf33;pointer-events:none}#art-canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:pointer}.page-mark{position:absolute;left:25px;top:20px;font:13px Georgia,serif;line-height:1.6;pointer-events:none;opacity:.7}.page-mark i{font-size:10px;letter-spacing:.04em}.sheet-number{position:absolute;right:22px;bottom:18px;font:11px Georgia,serif;letter-spacing:.08em;opacity:.6;pointer-events:none}.art-caption{display:flex;justify-content:space-between;padding:17px 1px 10px;border-bottom:1px solid var(--line);font-size:12px;letter-spacing:.04em}.ink-dot{display:inline-block;width:6px;height:6px;background:var(--blue);border-radius:50%;margin-right:7px;vertical-align:2px}#piece-count{font-family:Georgia,serif;font-style:italic;font-size:14px}.status{min-height:42px;font-size:12px;line-height:1.75;margin:12px 0 0;color:#546780}.tools{padding-top:2px}.tool-section{padding-bottom:18px;margin-bottom:16px;border-bottom:1px solid var(--line)}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:13px}.section-title>span{font:italic 14px Georgia,serif;color:#8592a4}.section-title h2{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:17px;letter-spacing:.09em;font-weight:500;margin:0}.segmented{display:flex;gap:3px}.segmented button{flex:1;padding:7px 8px;font-size:12px}.mode{margin-bottom:12px}.piece-palette{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;margin-bottom:11px}.piece-palette button{font-size:10px;padding:4px 0 7px;border-color:transparent;line-height:1.5;white-space:nowrap}.piece-palette button span{display:block;font-family:Georgia,"Times New Roman",serif;font-size:32px;line-height:1.3}.piece-palette button[aria-pressed=true]{color:var(--navy);background:#e0e6e8;border-color:#9daec3}.side-choice{display:flex;gap:5px}.side-choice button{width:50%;font-size:12px;min-height:34px;padding:5px}.side-choice button[aria-pressed=true]{background:#e9e9df;color:var(--navy)}.side-swatch{display:inline-block;width:10px;height:10px;border:1px solid var(--navy);border-radius:50%;margin-right:6px;vertical-align:-1px}.side-swatch.light{background:#faf6e9}.side-swatch.dark{background:repeating-linear-gradient(45deg,#32538c 0 1px,#92a0b1 1px 2px)}.small-actions{display:flex;justify-content:space-between;margin-top:11px}.small-actions button{border:0;padding:4px 0;min-height:28px;font-size:12px;text-decoration:underline;text-underline-offset:4px}.tool-help{font-size:12px;color:#738093;margin:10px 0 8px;line-height:1.65}.square-entry{font-size:12px;color:#65758a}.square-entry summary{cursor:pointer;padding:4px 0}.square-entry>div{display:flex;gap:7px;align-items:center;padding-top:10px}.square-entry p{font-size:12px;margin:9px 0 0}.square-entry button{font-size:12px}.select-row{display:flex;flex-direction:column;gap:7px;font-size:12px}.select-row select{width:100%;font-size:12px}.camera-row{display:flex;gap:5px;margin-top:11px}.camera-row>.segmented{flex:1}.camera-row>button{font-size:22px;padding:0;width:36px;line-height:1}.range-label{display:flex;justify-content:space-between;font-size:12px}.range-label output{font:italic 13px Georgia,serif}.ink-section{padding-bottom:1px;margin-bottom:12px}.history-row{display:flex;gap:5px;margin-bottom:14px}.history-row button{font-size:12px;padding:7px 6px;flex:1;white-space:nowrap}.history-row button.reset{flex:0 0 auto;border-color:transparent;text-decoration:underline;text-underline-offset:4px;padding:7px 2px;margin-left:3px}.save-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 14px;background:var(--navy);border-color:var(--navy);color:var(--paper);font-size:13px}.save-button:hover:not(:disabled){background:#34527c;color:var(--paper)}.save-button span{font:12px Georgia,serif;letter-spacing:.1em}.save-note{font-size:11px;text-align:center;color:#7d8793;margin:9px 0 0}.download-link{font-size:12px;text-decoration:underline;display:block;text-align:center;padding:9px}[hidden]{display:none!important}.footer{display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid var(--line);padding:24px 0 28px;margin-top:28px;font-size:11px;color:#68788e}.footer>div{display:flex;align-items:center;gap:26px}.footer p{margin:0;font-size:12px}.footer-script{font:italic 29px Georgia,serif;color:#48638d}.footer>span{text-align:right}.footer-fine{font:9px Georgia,serif;letter-spacing:.1em}#fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:13px}#fallback img{width:100%;max-height:80%;object-fit:contain}#fallback p{text-align:center;padding:0 12px}
@media(min-width:1350px){.notebook{margin:36px auto}.canvas-wrap{aspect-ratio:1.13}}
@media(max-width:1000px){.notebook{margin:15px 15px;padding:0 26px}.workspace{gap:23px;grid-template-columns:minmax(0,1fr) 275px}.canvas-wrap{aspect-ratio:.83}.intro{padding:28px 0}h1{font-size:39px}.piece-palette button{font-size:10px}.intro-copy{font-size:14px}.page-mark{left:19px;top:17px}}
@media(max-width:760px){.notebook{margin:0;padding:0 20px;box-shadow:none}.masthead{height:57px;gap:8px;font-size:12px}.edition{display:none}.intro{padding:29px 0 23px;align-items:flex-end}h1{font-size:34px;letter-spacing:.06em}.eyebrow{font-size:9px;letter-spacing:.16em;margin-bottom:8px}.intro-copy{font-size:12px;line-height:1.75;letter-spacing:.04em;margin-left:10px;margin-bottom:2px}.workspace{display:block}.canvas-wrap{aspect-ratio:.95;margin:0 -6px}.page-mark{left:19px;top:17px;font-size:12px}.page-mark i{font-size:9px}.sheet-number{right:17px;bottom:16px}.art-caption{font-size:12px;padding-top:14px}.status{margin-top:10px;min-height:45px;font-size:12px}.tools{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin-top:12px}.tools>.tool-section:first-child{grid-column:1/-1;padding-bottom:16px}.piece-palette{gap:5px}.piece-palette button{font-size:12px;min-height:65px}.piece-palette button span{font-size:35px}.section-title h2{font-size:16px}.mode button{font-size:13px}.side-choice button{font-size:13px;min-height:40px}.small-actions{margin-top:7px}.small-actions button{font-size:12px;min-height:36px}.tool-help br{display:none}.tool-help{font-size:12px;margin-top:5px}.tool-section{padding-bottom:14px;margin-bottom:15px}.select-row{font-size:12px}.select-row select{font-size:12px;padding-left:6px}.camera-row{flex-wrap:wrap;gap:5px}.camera-row .segmented{flex-basis:100%}.camera-row>button{flex:1;font-size:24px;height:34px;min-height:34px}.range-label{font-size:12px;white-space:nowrap}.ink-section input[type=range]{margin-bottom:21px}.section-title{gap:8px}.section-title>span{font-size:12px}.history-row,.save-button,.save-note,.download-link{grid-column:1/-1}.save-button{min-height:49px;font-size:14px}.save-note{font-size:12px}.history-row button{min-height:40px}.footer{margin-top:30px;align-items:flex-start;gap:15px}.footer>div{display:block}.footer-script{font-size:24px}.footer p{font-size:12px;margin-top:9px}.footer>span{font-size:12px}.footer-fine{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Keep text contrast when the pointer remains over a selected control. */
button[aria-pressed=true]:hover:not(:disabled){background:#34527c;color:var(--paper);border-color:var(--navy)}
.piece-palette button[aria-pressed=true]:hover:not(:disabled),.side-choice button[aria-pressed=true]:hover:not(:disabled){background:#dce3e5;color:var(--navy);border-color:#7b91b1}
@media(max-width:760px){.intro{display:block}.intro h1{white-space:nowrap}.intro-copy{margin:13px 0 0;font-size:12px}.intro-copy br{display:none}.section-title h2{font-size:15px;letter-spacing:.035em;white-space:nowrap}}
#art-canvas{-webkit-tap-highlight-color:transparent}
.prompt-head #copy-prompt:hover:not(:disabled){background:#34527c;color:var(--paper);border-color:var(--navy)}
@media(max-width:760px){.page-mark i{display:none}}
/* The fallback explanation takes the place of the drawing's decorative labels. */
#art-canvas[hidden] ~ .page-mark,#art-canvas[hidden] ~ .sheet-number{display:none}