:root{--ink:#171719;--paper:#f6f6f5;--line:#d7d7d7;--muted:#646469;--signal:#3048ef}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{height:100dvh;background:var(--paper);color:var(--ink);font:16px/1.45 Arial,Helvetica,sans-serif;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,select,input:not([type=file]),.file-button{border:1px solid #c6c6c9;background:#fff;color:var(--ink);border-radius:0;min-height:40px;font-size:14px;padding:9px 10px}button,.file-button,select{cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,aside:focus-visible{outline:3px solid var(--signal);outline-offset:2px}header{height:54px;flex:none;margin:0 2.5%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:13px}.brand{font-size:23px;font-weight:700;letter-spacing:-1px}.brand span{font-weight:400;color:var(--muted)}main{flex:1;min-height:0;padding:0 2.5% 16px;display:flex;flex-direction:column}.title-row{display:flex;justify-content:space-between;align-items:center;padding:15px 0 18px;gap:20px}.edition{font-size:11px;letter-spacing:1.5px}.title-row h1{font-size:clamp(28px,3.2vw,48px);line-height:1;margin:5px 0 0;letter-spacing:-2px;font-weight:500}.title-row p{font:italic 18px Georgia,serif;color:var(--muted)}.studio{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:28px}.output-area{min-width:0;min-height:0;display:flex;flex-direction:column}.print-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:12px}.print-bar>span{font-size:12px;letter-spacing:1px}.print-bar button{font-size:12px;min-height:32px;padding:5px 10px}.print-bar button[aria-pressed=true]{background:var(--ink);color:white}.platen{flex:1;min-height:0;position:relative;background:#252528;display:flex;align-items:center;justify-content:center;padding:16px;overflow:hidden}.platen:before{content:"";position:absolute;inset:7px;border:1px solid #ffffff26;pointer-events:none}.platen canvas,.platen img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 8px 24px #0005}.platen [hidden]{display:none!important}#print:not([data-ready]){visibility:hidden}#empty{position:absolute;color:#dedee1;font-size:16px;text-align:center}.status-bar{display:flex;justify-content:space-between;gap:12px;align-items:start;font-size:12px;color:var(--muted);min-height:34px}.status-bar p{margin:7px 0}.status-bar>span{margin:7px 0;white-space:nowrap}.history-heading{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;padding:7px 0}.history{display:flex;gap:8px;overflow-x:auto;min-height:97px;padding:0 0 6px;scrollbar-width:thin;flex:none}.history button{flex:0 0 82px;padding:4px;background:#e8e8e8;border:2px solid transparent;font-size:11px;min-width:0;position:relative}.history button[aria-pressed=true]{border-color:var(--signal);background:white}.history img{display:block;width:70px;height:60px;object-fit:contain;background:white;margin-bottom:3px}.history span{display:block}.history small{font-size:10px;color:var(--muted)}aside{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;border-left:1px solid var(--line);padding:0 2px 24px 20px;scroll-padding:20px}aside section{padding:20px 0;border-bottom:1px solid var(--line)}aside section:first-child{padding-top:0}.section-title{font-size:12px;letter-spacing:1px;margin-bottom:12px}.upload{display:block;padding:16px 10px;border:1px dashed #969699;text-align:center;font-size:14px;background:white;cursor:pointer}.upload.dragging{background:#e9edff;border-color:var(--signal)}.upload input,.file-button input{position:absolute;width:1px;height:1px;opacity:0}.upload:focus-within,.file-button:focus-within{outline:3px solid var(--signal);outline-offset:2px}.note{font-size:12px;color:var(--muted);margin:9px 0 0;overflow-wrap:anywhere}.primary{width:100%;background:var(--signal);color:white;border-color:var(--signal);font-size:15px;padding:12px;margin-bottom:10px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pair button,.file-button{font-size:12px;text-align:center;padding:9px 4px}.field{display:flex;flex-direction:column;font-size:14px;gap:7px;margin:0 0 15px}.field select,.field input{width:100%;min-width:0}.slider{display:block;font-size:14px;margin:0 0 15px}.slider>span{display:flex;justify-content:space-between;gap:12px}.slider output{font-variant-numeric:tabular-nums;color:var(--muted)}.slider input{width:100%;min-height:22px;padding:0;accent-color:var(--signal);margin:6px 0 0}.reset{width:100%;margin-top:16px;background:transparent;font-size:12px}details{padding:18px 0;font-size:14px;color:var(--muted)}summary{cursor:pointer;color:var(--ink)}.skip{position:absolute;top:-100px;left:20px;background:white;padding:10px;z-index:4}.skip:focus{top:10px}#status.error{color:#ad2330}@media(max-width:800px){header{height:46px}.brand{font-size:20px}.title-row{padding:9px 0 12px}.title-row h1{font-size:29px;letter-spacing:-1px}.title-row p{display:none}.edition{font-size:10px}.studio{display:flex;flex-direction:column;gap:10px}.output-area{flex:0 0 59%;min-height:0}.history{min-height:74px}.history img{height:38px}.history button{flex-basis:67px}.history img{width:55px}.history small{display:none}.history-heading{padding:3px 0}.print-bar{margin-bottom:5px}.platen{padding:8px}.status-bar{min-height:29px;font-size:11px}.status-bar p{margin:5px 0}aside{flex:1;border-left:0;border-top:1px solid var(--line);padding:12px 4px 20px 0}.run-controls{position:relative}#sliders{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}main{padding-bottom:6px}}@media(max-height:480px) and (min-width:600px){.title-row{display:none}.studio{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:15px}.output-area{height:100%}aside{border-top:0;border-left:1px solid var(--line);padding-left:12px}.history{min-height:70px}.history img{height:36px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
:root{--signal:#7239bb}.title-row h1{letter-spacing:-2.5px}.platen{width:100%;border:0;border-radius:0;cursor:zoom-in}.platen:disabled{opacity:1}.platen canvas{pointer-events:none}.quick{display:flex;gap:8px}.quick .primary{width:auto;flex:1;margin:0}.quick>button:last-child{flex:0 0 140px}.section-title{display:flex;justify-content:space-between;gap:10px}.section-title span{font-size:12px;letter-spacing:0;color:var(--muted)}.layer{border:1px solid var(--line);background:#fff;margin:0 0 10px}.layer summary{display:flex;gap:10px;align-items:center;padding:10px;list-style:none}.layer summary:after{content:'＋';margin-left:auto}.layer[open] summary:after{content:'−'}.layer summary img{width:38px;height:42px;object-fit:cover}.layer summary span{min-width:0;overflow-wrap:anywhere;font-size:14px}.layer summary small{display:block;color:var(--muted);font-size:12px}.layer .inside{padding:0 12px 12px}.layer .slider{margin-bottom:10px}.layer .actions{display:flex;gap:5px}.layer .actions button{flex:1;font-size:12px;padding:7px 3px;min-height:36px}.visibility{font-size:14px;display:flex;align-items:center;gap:8px;margin-bottom:12px}.visibility input{min-height:20px}.layer .pair{gap:12px}aside details.layer{padding:0;color:var(--ink)}dialog{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:60px 20px 20px;background:#18171b;color:white;overflow:hidden}dialog[open]{display:flex;align-items:center;justify-content:center;animation:arrive .24s ease-out}dialog::backdrop{background:#18171b}dialog canvas{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}#close-viewer{position:absolute;right:20px;top:12px;background:#29272e;color:white;border-color:#666}button:focus-visible,summary:focus-visible{outline:3px solid var(--signal);outline-offset:3px}@keyframes arrive{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media(max-width:800px){.output-area{flex-basis:58%}.quick button{font-size:13px;padding:9px}.quick>button:last-child{flex-basis:110px}#sliders{display:block}.title-row h1{font-size:30px}.platen{min-height:50px}}@media(prefers-reduced-motion:reduce){dialog[open]{animation:none}}@media(max-height:500px) and (max-width:599px){html,body{overflow:auto;height:auto;min-height:100%}.studio{min-height:650px}.output-area{flex-basis:300px}aside{max-height:420px}}

.open-image{width:100%;margin-top:10px;border-color:var(--signal);color:var(--signal);background:#fff}.attribution{margin:0 0 14px}.attribution a{text-decoration:underline}