@font-face{font-family:Anton;src:url(fonts/Anton-Regular.ttf) format('truetype');font-display:swap}@font-face{font-family:Space Mono;src:url(fonts/SpaceMono-Regular.ttf) format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f8f3;color:#20251e;font-family:Arial,Helvetica,sans-serif;font-size:16px}button,input,textarea{font:inherit}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #648716;outline-offset:4px}button:disabled{cursor:wait;opacity:.55}.masthead{max-width:1440px;margin:auto;padding:26px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9ded2}.brand{font-size:29px;letter-spacing:-1.8px;font-weight:900;display:inline-flex;align-items:center}.brand span{font-weight:400}.brand i{display:grid;place-items:center;background:#d8fc60;width:29px;height:29px;font-size:25px;font-style:normal;margin-left:10px;letter-spacing:0}.header-note,.about-link,.eyebrow,.section-label,.preview-toolbar,.preview-caption,footer>span{font-family:Space Mono,monospace;font-size:12px}.header-note{display:flex;align-items:center;gap:10px}.dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:#80a22a;margin-right:6px}.about-link{font-size:14px}.about-link span{margin-left:20px}main{max-width:1344px;margin:auto;padding:0 32px}.intro{display:flex;justify-content:space-between;align-items:center;padding:53px 0 39px}.eyebrow{letter-spacing:1.2px;font-size:12px}h1{font-size:clamp(46px,5.5vw,77px);line-height:1.1;letter-spacing:-4px;margin:13px 0 16px;font-weight:800}h1 em{font-family:Georgia,serif;font-weight:400}p{line-height:1.6}.intro p{margin:0;color:#656d5e;font-size:17px}.intro-stamp{font-family:Space Mono,monospace;font-size:13px;line-height:1.55;transform:rotate(8deg);border:1px solid #a9b197;padding:14px 18px;display:flex;gap:20px;align-items:center;margin-right:10px}.intro-stamp span{font-size:44px;color:#496022}.workspace{display:grid;grid-template-columns: minmax(330px, .85fr) minmax(400px,1.15fr);border:1px solid #d4dacb;border-radius:12px;overflow:hidden;background:#fff}.controls{padding:30px 32px}.control-section+.control-section{border-top:1px solid #e5e8df;padding-top:25px;margin-top:25px}.section-label{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px;letter-spacing:.5px}.section-label>span:last-child{color:#858d7d;letter-spacing:0}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}fieldset{border:0;padding:0;margin:0;min-width:0}.theme-option{cursor:pointer;position:relative}.theme-option input,.size-options input{position:absolute;opacity:0;width:1px;height:1px}.swatch{display:block;height:67px;border-radius:5px;overflow:hidden;position:relative;border:1px solid #0000000d;transition:transform .2s}.swatch i{display:block;position:absolute;width:62px;height:62px;left:30%;top:5px;border-radius:50%}.plain{background:#f0ede5}.plain i{background:repeating-linear-gradient(0deg,#b8b5a8 0 1px,transparent 1px 4px)}.cyber{background:repeating-linear-gradient(90deg,transparent 0 15px,#314d74 16px 17px),repeating-linear-gradient(0deg,#0b1321 0 15px,#314d74 16px 17px)}.cyber i{border:2px solid #baff44;box-shadow:0 0 15px #baff4499}.rave{background:repeating-conic-gradient(#8154ff 0% 25%,#3111ba 0% 50%) 50% / 24px 24px}.rave i{border:9px double #d7ff3f;transform:rotate(-25deg) scaleX(1.5)}.light{background:#ecf1fb}.light i{background:#91a8ff;box-shadow:30px 12px 0 #c6d3f3}.dark{background:#111313}.dark i{border:7px double #aeb59d;transform:scaleX(1.5) scaleY(.7)}.solar{background:repeating-conic-gradient(#e14624 0deg 10deg,#ff693b 10deg 20deg)}.solar i{background:#fff0a1}.theme-name{display:flex;justify-content:space-between;font-size:14px;margin-top:7px;color:#69735e}.theme-name b{visibility:hidden;color:#425c14}.theme-option:has(input:checked) .swatch{outline:2px solid #4d642b;outline-offset:3px}.theme-option:has(input:checked) .theme-name{color:#1e2717;font-weight:700}.theme-option:has(input:checked) b{visibility:visible}.theme-option:has(input:focus-visible) .swatch,.size-options label:has(input:focus-visible){outline:3px solid #648716;outline-offset:3px}label{display:block;font-size:14px;color:#454e3d}label>span:not(.swatch):not(.theme-name){color:#8b9384;font-size:12px;margin-left:5px}input:not([type=radio]):not([type=hidden]),textarea{display:block;width:100%;padding:11px 12px;margin-top:8px;border:1px solid #d8dece;border-radius:5px;background:#fcfdf9;color:#273020;font-size:15px;line-height:1.5;transition:border-color .15s}textarea{resize:vertical;min-height:66px}input:hover,textarea:hover{border-color:#a5b494}.control-section>label,.field-pair{margin-bottom:16px}.control-section>label:last-child{margin-bottom:0}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.size-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.size-options label{position:relative;cursor:pointer;border:1px solid #d8dece;border-radius:5px;padding:12px 4px;text-align:center}.size-options label>span{margin:0;color:#273020;font-size:14px}.size-options strong{font-weight:500;display:block}.size-options small{display:block;margin-top:6px;font-family:Space Mono,monospace;color:#78826c;font-size:11px}.size-options label:has(input:checked){border-color:#627849;background:#f1f7e5;box-shadow:inset 0 0 0 1px #627849}.preview-panel{background:#edf0e7;border-left:1px solid #d4dacb;padding:23px 35px 25px;display:flex;align-items:stretch;flex-direction:column}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:23px}.preview-toolbar>span{font-size:11px;letter-spacing:1px}.preview-toolbar button{background:#f9fbf4;border:1px solid #cfd7c5;border-radius:5px;padding:9px 12px;color:#3d4c30;font-family:Arial,sans-serif;font-size:14px}.preview-toolbar button:hover{background:#d8fc60}.preview-toolbar button>span{margin-left:6px}.artboard{aspect-ratio:3/4;width:100%;max-width:488px;align-self:center;background:#dce1d2;box-shadow:0 12px 28px #34411f20;position:relative;display:grid;place-items:center;overflow:hidden}.artboard img{display:block;width:100%;height:100%;object-fit:contain}.artboard img[hidden]{display:none}#preview-placeholder{text-align:center;padding:24px;color:#435632}.artboard[aria-busy=true]::after{content:'';position:absolute;bottom:0;left:0;height:3px;width:100%;background:#d8fc60;animation:pulse 1s infinite}.preview-caption{display:flex;justify-content:space-between;color:#7c8772;font-size:10px;letter-spacing:.4px;margin:18px 0 26px;gap:10px}.download-row{display:flex;gap:10px}.download{display:flex;align-items:center;justify-content:space-between;background:#d8fc60;border:1px solid #b6d846;padding:17px 20px;border-radius:5px;font-weight:700;flex:1;color:#27331a}.download:hover{background:#c9f145}.download>span{font-size:22px;line-height:1}.save{border:1px solid #b5c0a5;background:transparent;border-radius:5px;padding:0 15px;font-size:14px}.status{margin:11px 0 0;min-height:23px;font-size:13px;color:#566a41}.status.error{color:#a72e25}.export-note{text-align:center;color:#78836d;font-size:12px;margin:6px 0 0}.how{padding:60px 0;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}h2{font-size:36px;line-height:1.12;letter-spacing:-1.5px;margin:17px 0 0}.how p{color:#6d7663;max-width:505px;margin:0}footer{max-width:1440px;margin:auto;padding:27px 48px;border-top:1px solid #d9ded2;display:flex;align-items:center;justify-content:space-between;gap:24px}footer .brand{font-size:22px}footer .brand i{width:23px;height:23px;font-size:20px}footer>span{font-size:10px;color:#7d8772}.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}.notice{padding:18px;background:#fff1d8;color:#754d10}#saved-link{padding:15px 0}#saved-link small{font-size:12px;line-height:1.6;color:#6d7663}#saved-url{font-size:13px}@keyframes pulse{50%{opacity:.3}}@media(min-width:1200px){.workspace{grid-template-columns:470px 1fr}.preview-panel{padding-left:62px;padding-right:62px}}@media(max-width:850px){.masthead{padding:22px 24px}.header-note{display:none}main{padding:0 20px}.workspace{grid-template-columns:1fr 1fr}.controls{padding:24px 20px}.preview-panel{padding:22px 20px}.preview-toolbar{flex-wrap:wrap}.field-pair{grid-template-columns:1fr}.intro-stamp{display:none}.size-options small{font-size:9px}.preview-caption{font-size:9px}.how{gap:25px}.how .eyebrow{font-size:10px}footer{padding:24px}footer>span:last-child{display:none}}@media(max-width:650px){.intro{padding:34px 0 29px}h1{letter-spacing:-2.5px}.intro .eyebrow{font-size:10px}.intro p{font-size:15px}.workspace{grid-template-columns:1fr}.preview-panel{border-left:0;border-top:1px solid #d4dacb;padding:22px}.controls{padding:24px}.field-pair{grid-template-columns:1fr 1fr}.swatch{height:60px}.how{grid-template-columns:1fr;gap:24px;padding:40px 0}.how p{font-size:15px}.preview-toolbar{flex-wrap:nowrap}.preview-caption{font-size:10px}.size-options small{font-size:11px}footer>span{max-width:160px;text-align:right;line-height:1.6}.about-link{font-size:12px}.brand{font-size:26px}.intro-stamp{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}