:root{--ink:#252525;--paper:#e7e7e7;--line:#b6b6b6;--accent:#b4b4b4}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:13px Arial,Helvetica,sans-serif}button,input,textarea,select{font:inherit;color:inherit}button,a,select,input[type=range],input[type=color]{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #5a5a5a;outline-offset:3px}header{margin:0 40px;min-height:99px;border-bottom:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:16px;color:inherit;text-decoration:none;font-size:11px;font-weight:bold;line-height:1.25;letter-spacing:1px}.brandmark{font:italic bold 37px Georgia;letter-spacing:-7px;border:1px solid;padding:2px 12px 5px 5px;transform:skew(-5deg)}.brandmark span{font-style:normal}.headernote{font:10px/1.6 monospace;color:#676767}.smallbtn{background:transparent;border:1px solid #999999;padding:10px 12px;font:10px monospace}.smallbtn:hover{background:#d5d5d5}main{max-width:1520px;margin:auto;padding:0 40px}.intro{display:flex;justify-content:space-between;align-items:flex-end;padding:37px 0 31px}.eyebrow{font:9px monospace;letter-spacing:1.5px}h1{font-size:clamp(40px,4.9vw,76px);line-height:.99;font-weight:500;letter-spacing:-3.5px;margin:17px 0 0}h1 i{font-family:Georgia;font-weight:normal}p{line-height:1.6}.intro p{margin:0 0 3px;font-size:13px}.intro p span{display:block;margin-top:12px;color:#737373;font:11px monospace}.workbench{display:grid;grid-template-columns:minmax(0,1fr) 350px;border:1px solid #878787;box-shadow:3px 4px 0 #b3b3b3}.previewpanel{min-width:0;background:#d5d5d5}.windowbar{background:linear-gradient(#e7e7e7,#c8c8c8);border-bottom:1px solid #999999;display:flex;justify-content:space-between;padding:10px 14px;font:10px monospace}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#696969;margin-right:7px}.previewstage{height:350px;display:flex;justify-content:center;align-items:center;padding:35px;background-color:#cdcdcd;background-image:radial-gradient(#a9a9a9 .7px,transparent .7px);background-size:7px 7px}#preview{display:block;max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 12px 24px #20202022}.previewmeta{display:flex;justify-content:space-between;padding:12px 18px;font:9px monospace;border-top:1px solid #bbbbbb}.previewactions{display:flex;gap:9px;padding:0 18px 18px}.previewactions button{border:1px solid #a4a4a4;background:#e4e4e4;padding:10px 15px;font:11px monospace}.previewactions button:hover{background:#f2f2f2}.exportrow{border-top:1px solid #b6b6b6;padding:17px 18px 0;display:flex;align-items:stretch;gap:8px}.exportlabel{flex:1;font:9px monospace;letter-spacing:1px}.exportlabel select{width:100%;border:0;border-bottom:1px solid #959595;background:transparent;padding:8px 0 7px;font:12px Arial}.save{background:var(--ink);color:#f0f0f0;border:1px solid var(--ink);padding:0 21px;min-width:160px;display:flex;align-items:center;justify-content:space-between;gap:20px}.save:hover{background:#404040}.save span{font-size:22px}.share{border:1px solid #909090;background:transparent;width:43px;font-size:22px}.savehint{margin:10px 18px 15px;font:9px monospace;color:#676767}.controls{padding:22px;background:#ececec;border-left:1px solid #949494}.sectionlabel{display:flex;align-items:center;justify-content:space-between;font:10px monospace;letter-spacing:.5px;margin-bottom:12px}.sectionlabel #count{color:#7c7c7c}textarea{width:100%;resize:vertical;border:1px solid #b5b5b5;background:#f9f9f9;padding:13px;font:24px Georgia;min-height:80px}.fieldnote{font:9px/1.5 monospace;color:#7b7b7b;margin:8px 0 24px}.textbtn{border:0;background:transparent;font:9px monospace;text-decoration:underline}.twofields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.twofields label{font:9px monospace;letter-spacing:.6px}select{border-radius:0}.twofields select{margin:7px 0 18px;width:100%;border:1px solid #b1b1b1;background:#e3e3e3;padding:9px 5px;font-size:11px}.sliderrow{display:grid;grid-template-columns:91px 1fr 25px;gap:6px;align-items:center;margin:12px 0;font-size:11px}.sliderrow output{text-align:right;font:10px monospace}input[type=range]{width:100%;accent-color:#404040;height:15px}.colorrow{display:flex;gap:15px;align-items:center;border-top:1px solid #c5c5c5;padding:17px 0 12px;margin-top:18px}.colorrow label{display:flex;align-items:center;gap:7px;font:9px monospace}input[type=color]{width:29px;height:26px;padding:2px;border:1px solid #9c9c9c;background:none}.colorrow button{margin-left:auto}.toggle{display:flex;align-items:center;gap:8px;font:10px monospace;margin-top:10px}.toggle input{accent-color:#404040}.library{padding-top:52px}.libraryhead{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}h2{font:italic 30px Georgia;margin:10px 0 0;letter-spacing:-1px}.filters{display:flex;gap:4px}.filters button{border:1px solid transparent;background:none;padding:8px 11px;font:10px monospace}.filters button.active{background:#282828;color:#eee}.presetgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.preset{padding:6px 6px 11px;border:1px solid #b6b6b6;background:#dedede;text-align:left;transition:background .15s}.preset:hover{background:#d0d0d0}.preset.selected{outline:2px solid #333333;outline-offset:1px;background:#d5d5d5}.preset canvas{width:100%;display:block;aspect-ratio:2/1}.presetcaption{display:flex;justify-content:space-between;gap:5px;padding:12px 3px 0;font:9px monospace;letter-spacing:.3px}.presetcaption span:last-child{color:#727272}footer{border-top:1px solid #a2a2a2;margin:44px 0 0;padding:25px 0 28px;display:flex;justify-content:space-between;font:9px/1.7 monospace;color:#6a6a6a}footer a{color:inherit;text-decoration:none}footer b{display:block;color:#252525;font-weight:normal}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 20px;background:#252525;color:white;display:none;z-index:10;max-width:90%;font:12px monospace}dialog{border:1px solid #555555;background:#eaeaea;padding:22px;width:min(480px,92vw);max-height:90dvh;box-shadow:7px 7px 0 #0003}dialog::backdrop{background:#1a1a1aaa}.dialoghead{display:flex;justify-content:space-between;align-items:center}.dialoghead button{background:none;border:0;font-size:25px}dialog img{display:block;max-width:100%;max-height:45dvh;margin:15px auto;object-fit:contain}dialog a{display:block;text-align:center;padding:13px;background:#252525;color:white;text-decoration:none}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(min-width:1500px){.previewstage{height:400px}}@media(max-width:1000px){header{margin:0 24px}main{padding:0 24px}.workbench{grid-template-columns:minmax(0,1fr) 310px}.previewstage{padding:25px 15px}.presetgrid{grid-template-columns:repeat(4,minmax(0,1fr))}.libraryhead{align-items:flex-start;gap:15px;flex-direction:column}.save{min-width:125px;padding:0 14px}.intro p{max-width:225px}}@media(max-width:700px){header{margin:0 16px;min-height:79px}.brand{font-size:9px;gap:10px}.brandmark{font-size:30px}.headernote{display:none}header .smallbtn{font-size:9px;padding:9px}main{padding:0 16px}.intro{padding:26px 0 23px;display:block}.eyebrow{font-size:8px;letter-spacing:.6px}h1{font-size:44px;letter-spacing:-2px;margin-top:13px}.intro p{font-size:11px;margin-top:18px;max-width:none}.intro p br{display:none}.intro p span{margin-top:5px;font-size:10px}.workbench{display:flex;flex-direction:column}.previewpanel{position:relative}.previewstage{height:240px;padding:22px 15px}.previewmeta{font-size:8px;padding:11px 12px}.previewactions{padding:0 12px 12px}.previewactions button{flex:1;padding:10px 5px;font-size:10px}.exportrow{padding:14px 12px 0;gap:7px}.save{min-width:115px;font-size:12px}.exportlabel select{font-size:10px}.share{width:36px}.savehint{margin:10px 12px 14px;font-size:8px}.controls{border-left:0;border-top:1px solid #949494;padding:19px}.mobiletools:empty{display:none}.library{padding-top:35px}.libraryhead{gap:15px}h2{font-size:26px}.filters{width:100%;justify-content:space-between}.filters button{padding:9px 8px;font-size:9px}.presetgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.presetcaption{font-size:8px}.presetcaption span:last-child{font-size:8px}footer{gap:20px;font-size:8px}.previewpanel.compact .previewstage{height:200px}.toggle{min-height:28px}.sliderrow{margin:17px 0}.twofields select{padding:12px 6px}.save:disabled{opacity:.6}}
.previewdock{display:none}@media(max-width:700px){body{padding-bottom:105px}.previewdock.visible{display:flex;position:fixed;bottom:0;left:0;right:0;padding:9px 16px calc(9px + env(safe-area-inset-bottom));background:#d7d7d7;border-top:1px solid #7a7a7a;box-shadow:0 -4px 15px #0001;gap:14px;align-items:center;z-index:5}.previewdock>button{background:repeating-conic-gradient(#bebebe 0% 25%,#dddddd 0% 50%) 0 /12px 12px;border:1px solid #aeaeae;width:145px;height:76px;display:flex;align-items:center;justify-content:center;padding:3px}.previewdock canvas{max-width:100%;max-height:100%;object-fit:contain}.previewdock>div{flex:1}.previewdock span{font:8px monospace;display:block;letter-spacing:1px;margin-bottom:7px}.previewdock #minisave{background:#282828;color:white;border:0;padding:12px;width:100%;text-align:left;min-height:40px}}

:root{--ink:#363636;--paper:#e9e9e9;--line:#bbbbbb;--accent:#cbcbcb}.save{text-decoration:none;min-height:46px}.headerlinks{display:flex;gap:16px;align-items:center}.studiolink{font:10px monospace;font-weight:bold;letter-spacing:.5px;color:#363636;text-underline-offset:4px}.studio-credit{margin:12px 18px 17px;font:10px/1.6 monospace;color:#636363}.studio-credit a{font-weight:bold;color:#363636;text-underline-offset:3px}dialog .downloadlink{background:#3c3c3c;color:#fff;display:block;padding:14px;text-align:center;text-decoration:none}dialog button.photos{display:block;width:100%;padding:14px;background:#cdcdcd;border:1px solid #989898;margin-bottom:10px;font-weight:bold}dialog .openimage{background:transparent;color:#3c3c3c;border:1px solid #b9b9b9;margin-top:10px}.saveinstructions{font-size:12px}.savehint{line-height:1.5}#savedimage{-webkit-touch-callout:default;user-select:auto;touch-action:auto}#minisave{display:block;text-decoration:none;text-align:left}.previewdock #minisave{background:#3c3c3c}.preset.selected{background:#d6d6d6;outline-color:#5e5e5e}footer a{color:#4c4c4c}footer b{font-weight:bold;color:#363636}@media(max-width:700px){.headerlinks{gap:10px;flex-direction:column;align-items:flex-end;padding:9px 0}.studiolink{font-size:8px}header .smallbtn{padding:5px 8px}.studio-credit{margin:10px 12px 15px;font-size:9px}.savehint{font-size:9px}dialog{max-height:90dvh;overflow:auto}dialog img{background:repeating-conic-gradient(#e0e0e0 0% 25%,#f3f3f3 0% 50%) 0/16px 16px;max-height:37dvh}}
/* Black desktop / silver browser chrome. */
:root{color-scheme:dark;--ink:#e7e7e7;--paper:#090909;--line:#474747;--accent:#c9c9c9}body{background:#090909;color:#e7e7e7}header{border-color:#535353}.headernote,.intro p span,.fieldnote,.sectionlabel #count{color:#aaaaaa}.smallbtn{border-color:#686868;background:#161616;color:#e6e6e6}.smallbtn:hover{background:#2c2c2c}.studiolink,.studio-credit a,footer a,footer b{color:#dddddd}.studio-credit{color:#acacac}.workbench{border-color:#6c6c6c;box-shadow:4px 4px 0 #2d2d2d}.previewpanel{background:#141414}.windowbar{background:linear-gradient(#dddddd,#afafaf);color:#212121;border-color:#737373}.dot{background:#343434}.previewstage{background-color:#090909;background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,#ffffff08 3px,#ffffff08 4px);background-size:auto}.previewmeta,.exportrow{border-color:#454545;color:#b5b5b5}.previewactions button{background:#212121;color:#e6e6e6;border-color:#636363}.previewactions button:hover{background:#3a3a3a}.exportlabel select{color:#eaeaea;border-color:#636363}.exportlabel select option{background:#1c1c1c}.save{background:#d6d6d6;color:#191919;border-color:#e7e7e7}.save:hover{background:#eaeaea}.share{background:#212121;color:#e5e5e5;border-color:#727272}.savehint{color:#a9a9a9}.controls{background:#131313;border-color:#535353}.sectionlabel{color:#c7c7c7}textarea{color:#f1f1f1;background:#090909;border-color:#6d6d6d}.twofields select{color:#e1e1e1;background:#242424;border-color:#626262}.sliderrow{color:#cccccc}input[type=range],.toggle input{accent-color:#c6c6c6}.sliderrow output{color:#b8b8b8}.colorrow{border-color:#4a4a4a}input[type=color]{border-color:#737373}.filters button{color:#b9b9b9}.filters button.active{background:#d7d7d7;color:#191919}.preset{background:#1a1a1a;border-color:#4d4d4d;color:#e4e4e4}.preset:hover{background:#2d2d2d}.preset.selected{background:#353535;outline-color:#cecece}.presetcaption span:last-child{color:#bababa}footer{border-color:#4d4d4d;color:#9e9e9e}.toast{background:#dfdfdf;color:#191919}dialog{background:#171717;border-color:#929292;color:#e8e8e8;box-shadow:7px 7px 0 #0009}dialog::backdrop{background:#000b}dialog button.photos{background:#d2d2d2;color:#181818;border-color:#e9e9e9}dialog .downloadlink{background:#363636;color:#eaeaea;border:1px solid #828282}dialog .openimage{color:#d5d5d5;border-color:#747474}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#d6d6d6}@media(max-width:700px){.previewdock.visible{background:#171717;border-color:#797979;box-shadow:0 -4px 15px #0008}.previewdock>button{background:repeating-conic-gradient(#202020 0% 25%,#333333 0% 50%) 0/12px 12px;border-color:#767676}.previewdock #minisave{background:#d3d3d3;color:#181818}.previewdock span{color:#c7c7c7}}

/* A physical type-setting desk: brushed metal, paper labels, black ink. */
:root{--ink:#e0ddd5;--paper:#090909;color-scheme:dark}body{background:#090909;color:#e0ddd5}h1{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(44px,5vw,72px);text-transform:uppercase;letter-spacing:-1.5px;line-height:.92}h1 i{font-family:Georgia,serif;text-transform:none;letter-spacing:-3px;font-size:.88em}.intro{padding:30px 0 25px}.intro p{margin:0}.intro p span.metalbadge{margin:0;display:block}.metalbadge{border:3px double #aaa79f;border-radius:50%;width:112px;height:112px;display:flex!important;flex-direction:column;justify-content:center;text-align:center;font:10px/1.25 'Courier New',monospace!important;color:#c9c6bd!important;transform:rotate(9deg);background:repeating-linear-gradient(0deg,#aaa1 0px,#aaa1 1px,transparent 1px,transparent 3px)}.metalbadge b{font-size:18px;line-height:.9;letter-spacing:1px}.brandmark{background:linear-gradient(110deg,#8e8e8e,#e0e0dc 28%,#b6b6b2 55%,#efefeb 75%,#959591);color:#171715;border-color:#deded8;box-shadow:inset 1px 1px #fff8,2px 2px #333;font-style:italic}.workbench{border:2px solid #77766f;box-shadow:4px 4px 0 #292927,inset 1px 1px #eee}.windowbar{background:repeating-linear-gradient(0deg,#ffffff10 0px,#ffffff10 1px,#00000006 1px,#00000006 3px),linear-gradient(110deg,#9b9b96,#e4e4dd 30%,#b6b6af 60%,#deded8);color:#22221f;border-bottom:2px solid #77776e;font-weight:bold}.controls{color-scheme:light;background:repeating-linear-gradient(0deg,#ffffff14 0px,#ffffff14 1px,#00000008 1px,#00000008 3px),linear-gradient(110deg,#b6b6b0,#dfdfd8 35%,#c1c1ba);color:#262623;border-left:2px solid #77776f}.controls .sectionlabel,.controls .sliderrow,.controls .sliderrow output{color:#2e2e28}.controls .sectionlabel #count,.controls .fieldnote{color:#55554d}.controls textarea{background:#e9e6dc;color:#20201d;border:1px solid #74746b;box-shadow:inset 2px 2px 0 #aaa99c;font-family:'Courier New',monospace}.controls select{background:#d3d0c4;color:#262622;border:1px solid #7d7b70;box-shadow:inset 1px 1px #faf8ed;border-radius:0}.controls input[type=range],.controls .toggle input{accent-color:#42423d}.controls .smallbtn{background:#d3d1c7;color:#272722;border-color:#77776c;box-shadow:inset 1px 1px #f5f4e8,1px 1px #818174}.controls .colorrow{border-color:#8f8f83}.save{background:repeating-linear-gradient(0deg,#ffffff18 0px,#ffffff18 1px,#00000008 1px,#00000008 3px),linear-gradient(#dfdfd7,#aaa9a0);color:#1d1d19;border-color:#f0efe7 #75756c #75756c #f0efe7;box-shadow:1px 1px #77776e;font-family:'Courier New',monospace;font-weight:bold}.save:hover{background:#e4e1d4}.filters button.active{background:#d2cec2;color:#191916}.preset.selected{background:#393830;outline-color:#cac5b6}.presetcaption{color:#d4d0c5}.previewstage{position:relative;overflow:hidden;background-color:#10100e;background-image:repeating-linear-gradient(0deg,#ffffff04 0px,#ffffff04 1px,transparent 1px,transparent 4px)}.dragtoolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 17px;color:#b6b2a4;border-top:1px solid #54534b;border-bottom:1px dashed #55544b;font:10px 'Courier New',monospace}.dragtoolbar button{border:1px solid #7b796d;color:#e0dccc;background:#292821;padding:7px 10px;font:10px 'Courier New',monospace}.dragtoolbar button:hover{background:#434137}#letterhandles{position:absolute;inset:0;pointer-events:none}.letterhandle{pointer-events:auto;position:absolute;transform:translate(-50%,-50%);padding:0;border:1px solid transparent;background:transparent;cursor:grab;touch-action:none;min-width:22px;min-height:30px;border-radius:0}.letterhandle:hover{border-color:#e5debd88;background:#e5debd0c}.letterhandle:focus-visible,.letterhandle.moving{outline:1px dashed #eee2b5;outline-offset:2px;border-color:#bcb59977;background:#ede7c515}.letterhandle.moving{cursor:grabbing;z-index:2}.previewmeta{border-top:0}.studio-credit a,.studiolink{color:#e5dfce}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#b3a984}.controls button:focus-visible,.controls input:focus-visible,.controls select:focus-visible,.controls textarea:focus-visible{outline-color:#665c38}@media(max-width:700px){.intro{display:flex;gap:12px;align-items:center;padding:24px 0}.intro>div{flex:1;min-width:0}.intro .eyebrow{font-size:7px;letter-spacing:.3px}h1{font-size:40px;letter-spacing:-1.5px}h1 i{letter-spacing:-2px}.intro p{margin:0;flex:none}.intro .metalbadge{width:76px;height:76px;font-size:7px!important;border-width:2px}.metalbadge b{font-size:13px}.controls{border-left:0;border-top:2px solid #77776c}.previewstage{height:265px;padding:20px 12px}.dragtoolbar{font-size:9px;padding:9px 10px;gap:6px}.dragtoolbar button{font-size:9px;padding:8px}.previewdock #minisave{background:linear-gradient(#deddd4,#b2b0a5);color:#23231d}.previewdock.visible{background:#171711;border-color:#777467}.previewdock span{color:#c5bfae}}

.inkmodelabel{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0;font:9px 'Courier New',monospace;letter-spacing:.3px}.inkmodelabel select{max-width:180px;padding:8px;font:11px 'Courier New',monospace}.palettes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:10px 0 17px}.paletteswatch{border:1px solid #77776c;min-height:32px;padding:5px 2px;font:8px 'Courier New',monospace;text-align:center;box-shadow:inset 1px 1px #ffffff66}.paletteswatch:hover{outline:1px solid #444;outline-offset:1px}.controls{padding-bottom:24px}@media(max-width:700px){.paletteswatch{min-height:38px;font-size:9px}.inkmodelabel select{padding:10px}.palettes{gap:6px}}

.watermarknote{font:9px/1.6 "Courier New",monospace;color:#53534b;margin:5px 0 0 23px;letter-spacing:.1px}.watermarknote b{color:#292923}