@font-face{font-family:Permanent Marker;font-style:normal;font-display:swap;font-weight:400;src:url(../media/permanent-marker-latin-400-normal.3mb8si3fxj6ni.woff2)format("woff2"),url(../media/permanent-marker-latin-400-normal.2f5voktn71n6o.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--ink:#25241f;--paper:#f1eee5;--paper-deep:#e7e1d5;--accent:#d95b37;--line:#25241f38;--muted:#6c685f}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink)}body{background:radial-gradient(circle at 4% 12%, #ffffffb8, transparent 23%), var(--paper);-webkit-font-smoothing:antialiased;min-width:320px;margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}.site-shell{width:min(1480px,100%);min-height:100vh;margin:0 auto;padding:0 42px}.topbar{border-bottom:1px solid var(--ink);letter-spacing:.16em;grid-template-columns:1fr auto 1fr;align-items:center;min-height:88px;font-size:10px;font-weight:700;display:grid}.brand{width:max-content;color:inherit;align-items:start;gap:1px;font-weight:900;line-height:1;text-decoration:none;display:grid}.brand-name{letter-spacing:-.035em;font-size:18px}.brand-byline{color:var(--muted);letter-spacing:.11em;font-size:7px}.topbar-note{margin:0}.edition{color:var(--muted);justify-self:end}.editor{grid-template-columns:minmax(290px,.38fr) minmax(520px,.62fr);align-items:center;gap:clamp(42px,6vw,100px);min-height:calc(100vh - 150px);padding:54px 0 44px;display:grid}.control-panel{max-width:440px;padding-left:clamp(0px,2vw,28px)}.eyebrow,.field-label-row,.preview-meta{letter-spacing:.18em;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;display:flex}.eyebrow{color:var(--accent);justify-content:flex-start;gap:14px}.eyebrow span:first-child{border:1px solid;border-radius:50%;place-items:center;width:25px;height:25px;font-size:9px;display:grid}.intro-copy{margin-top:27px}.intro-copy h1{letter-spacing:-.072em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(64px,6.2vw,94px);font-weight:400;line-height:.75}.intro-copy h1 em{color:var(--accent);margin-left:20%;font-weight:400}.intro-copy>p{max-width:330px;color:var(--muted);margin:32px 0 0;font-size:14px;line-height:1.6}.field-group{margin-top:48px}.field-label-row{margin-bottom:10px}.field-label-row span{color:var(--muted);font-weight:500}.field-group input{border:1px solid var(--ink);width:100%;height:59px;color:var(--ink);background:#ffffff42;border-radius:0;outline:none;padding:0 15px;font-family:Permanent Marker,Arial Bold,sans-serif;font-size:22px;transition:background-color .16s,box-shadow .16s}.field-group input::placeholder{color:#25241f52}.field-group input:focus{box-shadow:4px 4px 0 var(--accent);background:#ffffffa6}.field-help{color:var(--muted);letter-spacing:.05em;margin:9px 0 0;font-size:10px}.action-group{grid-template-columns:1.25fr 1fr;gap:9px;margin-top:30px;display:grid}.download-button,.copy-button{border:1px solid var(--ink);background:var(--ink);width:100%;min-height:61px;color:var(--paper);cursor:pointer;letter-spacing:.16em;justify-content:space-between;align-items:center;padding:0 17px 0 21px;font-size:11px;font-weight:800;transition:background-color .16s,color .16s,transform .16s;display:flex}.copy-button{color:var(--ink);background:0 0}.download-button:hover:not(:disabled),.copy-button:hover:not(:disabled){background:var(--accent);color:#fff;transform:translateY(-2px)}.download-button:focus-visible,.copy-button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.download-button:disabled,.copy-button:disabled{cursor:wait;opacity:.58}.button-icon-frame{border:1px solid;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.button-icon-frame:before{content:"";background:currentColor;width:17px;height:17px;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.download-icon:before{-webkit-mask-image:url(/icons/download-svgrepo-com.svg);mask-image:url(/icons/download-svgrepo-com.svg)}.copy-icon:before{-webkit-mask-image:url(/icons/copy-3-svgrepo-com.svg);mask-image:url(/icons/copy-3-svgrepo-com.svg)}.export-note{color:var(--muted);letter-spacing:.1em;text-align:center;margin:12px 0 0;font-size:9px;font-weight:700}.export-note span{color:#6a8c52;margin-right:6px;font-size:7px}.action-message{color:var(--muted);text-align:center;margin:10px 0 0;font-size:10px;line-height:1.4}.preview-column{align-self:center;min-width:0}.preview-meta{margin-bottom:10px}.preview-meta span:first-child:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.preview-meta span:last-child{color:var(--muted)}.canvas-frame{border:1px solid var(--ink);background:var(--paper-deep);box-shadow:14px 14px 0 var(--paper-deep);position:relative;overflow:hidden}.canvas-frame:before{content:"";z-index:2;pointer-events:none;border:1px solid #ffffff3b;position:absolute;inset:8px}.canvas-frame canvas{aspect-ratio:16/9;background:#d7d0c5;width:100%;height:auto;display:block}.loading-state,.error-state{z-index:3;background:var(--paper-deep);color:var(--muted);letter-spacing:.16em;justify-content:center;align-items:center;gap:12px;font-size:10px;font-weight:800;display:flex;position:absolute;inset:0}.loading-state span{background:var(--accent);border-radius:50%;width:9px;height:9px;animation:1s ease-in-out infinite alternate pulse}.error-state{color:#813c2a;text-align:center;padding:30px}.preview-caption{letter-spacing:.13em;grid-template-columns:1fr auto 1fr;align-items:start;gap:16px;margin-top:23px;font-size:9px;font-weight:800;line-height:1.55;display:grid}.preview-caption p{margin:0}.preview-caption span,.caption-right{color:var(--muted)}.caption-mark{color:var(--accent);font-size:28px;font-weight:400;line-height:1}.caption-right{text-align:right}footer{border-top:1px solid var(--line);min-height:62px;color:var(--muted);letter-spacing:.16em;justify-content:space-between;align-items:center;font-size:8px;font-weight:700;display:flex}@keyframes pulse{to{opacity:.25;transform:scale(.7)}}@media (max-width:950px){.site-shell{padding:0 24px}.editor{grid-template-columns:1fr;gap:52px;padding:48px 0 56px}.control-panel{width:100%;max-width:640px;padding-left:0}.intro-copy h1{font-size:clamp(65px,13vw,104px)}.preview-column{width:100%}}@media (max-width:580px){.site-shell{padding:0 16px}.topbar{grid-template-columns:1fr auto;min-height:68px}.brand-byline{font-size:6.5px}.topbar-note{display:none}.editor{padding-top:36px}.intro-copy h1{font-size:clamp(58px,20vw,82px)}.intro-copy h1 em{margin-left:12%}.field-group{margin-top:38px}.action-group{grid-template-columns:1fr}.preview-caption{grid-template-columns:1fr 1fr}.caption-mark{display:none}footer{align-items:flex-start;gap:18px;padding:22px 0}footer p{margin:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}