:root{--acid:#c7f000;--acid-dark:#8cad00;--ink:#11120e;--ink-2:#3d4037;--paper:#fffdf4;--paper-2:#f5f1e5;--white:#fff;--info:#1769e0;--success:#198754;--warning:#b65c00;--danger:#c9342f;--border:2px solid var(--ink);--shadow:3px 3px 0 var(--ink);font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);min-width:320px}button,input{font:inherit}button,a{touch-action:manipulation}button,a{color:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand,.sticker,.eyebrow,.section-heading span,.group-title>span,legend{font-family:Arial Black,Arial,sans-serif;letter-spacing:0}.skip-link{position:fixed;left:12px;top:-80px;background:var(--ink);color:#fff;padding:12px 16px;z-index:100}.skip-link:focus-visible{top:12px}.site-header{height:70px;padding:0 max(20px,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:var(--border);position:relative;z-index:30;background:var(--paper)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;text-transform:uppercase;font-weight:900;font-size:19px}.brand img{width:36px;height:36px}.main-nav{display:flex;gap:28px}.main-nav a{text-transform:uppercase;text-decoration:none;font-weight:900;font-size:14px;min-height:44px;display:flex;align-items:center}.main-nav a:hover,.main-nav a:focus-visible{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px}.menu-button{display:none!important}.icon-button{width:44px;height:44px;border:var(--border);background:var(--paper);display:grid;place-items:center;border-radius:5px}.icon-button svg,.button svg,.quick-status svg,.error-panel>svg,.toast svg{width:18px;height:18px}.hero,.workspace{max-width:1200px;margin:0 auto;padding:42px 24px 54px}.hero-copy{text-align:center;max-width:850px;margin:0 auto 28px}.sticker{display:inline-block;background:var(--acid);border:var(--border);box-shadow:var(--shadow);padding:7px 12px;font-size:12px;transform:rotate(-1.4deg);margin-bottom:22px}.hero h1{font-size:clamp(42px,6vw,72px);line-height:.98;text-transform:uppercase;margin-bottom:22px;overflow-wrap:anywhere}.hero-copy>p{font-size:19px;line-height:1.6;max-width:760px;margin:0 auto}.drop-zone{max-width:880px;min-height:330px;margin:0 auto;padding:48px;border:2px dashed var(--ink);border-radius:6px;background:var(--white);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:background .16s ease,box-shadow .16s ease;cursor:pointer}.drop-zone:hover,.drop-zone:focus-visible,.drop-zone.dragging{background:#f8ffd8;box-shadow:var(--shadow);outline:none}.drop-zone>svg{width:54px;height:54px;margin-bottom:18px}.drop-zone h2{font-size:30px;margin-bottom:8px}.drop-zone p{color:var(--ink-2);margin-bottom:22px}.drop-zone small{margin-top:22px;color:var(--ink-2);font-weight:600}.button{min-height:44px;border:var(--border);border-radius:5px;padding:10px 16px;background:var(--white);font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;cursor:pointer}.button:hover:not(:disabled),.button:focus-visible:not(:disabled){background:var(--acid);box-shadow:2px 2px 0 var(--ink);outline:none}.button.primary{background:var(--acid);box-shadow:var(--shadow);text-transform:uppercase}.button.secondary{background:var(--paper)}.button.text{border-color:transparent;background:transparent}.button.small{min-height:36px;padding:6px 10px;font-size:12px}.button.compact{min-height:38px;padding:7px 10px;font-size:12px}.button.full{width:100%}.button.danger{background:var(--danger);color:#fff}.button:disabled{opacity:.45;cursor:not-allowed}.legal-reminder,.preqa-note{text-align:center;max-width:850px;margin:18px auto 0;color:var(--ink-2);font-size:13px;line-height:1.5}.preqa-note{background:var(--paper-2);border-left:4px solid var(--warning);padding:10px 14px;text-align:left}.error-panel{max-width:760px;margin:0 auto;padding:48px;border:var(--border);border-radius:6px;background:var(--white);text-align:center;box-shadow:var(--shadow)}.error-panel>svg{width:50px;height:50px;color:var(--danger);margin-bottom:12px}.error-panel h2{font-size:30px}.source-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px;border:var(--border);border-radius:6px;background:var(--white)}.source-summary{display:flex;align-items:center;gap:14px;min-width:0}.source-summary img{width:72px;height:56px;object-fit:cover;border:var(--border);border-radius:4px}.source-summary>div{display:flex;flex-direction:column;gap:3px;min-width:0}.source-summary span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--ink-2);overflow-wrap:anywhere}.source-actions{display:flex;gap:8px;flex-shrink:0}.workspace-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:34px 0 22px}.workspace-heading h1{font-size:clamp(30px,4vw,46px);text-transform:uppercase;line-height:1;margin-bottom:10px}.workspace-heading p{color:var(--ink-2);margin:0;max-width:730px;line-height:1.55}.segmented{display:inline-flex;border:var(--border);border-radius:6px;overflow:hidden;background:var(--white);flex-shrink:0}.segmented button{min-height:44px;padding:8px 16px;border:0;border-left:2px solid var(--ink);background:transparent;font-weight:900;cursor:pointer}.segmented button:first-child{border-left:0}.segmented button.active{background:var(--ink);color:#fff}.format-control{justify-self:start;width:max-content}.format-control button.active,.canvas-switch button.active{background:var(--acid);color:var(--ink)}.quick-status{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--acid);border:var(--border);box-shadow:var(--shadow);padding:10px 16px;width:max-content;max-width:100%;margin:0 auto 24px;font-weight:900}.result-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.result-group{border:var(--border);border-radius:6px;padding:20px;background:var(--white);box-shadow:var(--shadow);min-width:0}.group-title{display:flex;align-items:flex-start;gap:14px;border-bottom:var(--border);padding-bottom:14px;margin-bottom:14px}.group-title>span{background:var(--acid);border:var(--border);padding:5px 7px;font-size:12px}.group-title h2{font-size:23px;text-transform:uppercase;margin:0 0 6px}.group-title p{font-size:13px;line-height:1.45;color:var(--ink-2);margin:0}.result-list{display:grid;gap:12px}.result-card{display:grid;grid-template-columns:36% 64%;border:var(--border);border-radius:5px;overflow:hidden;background:var(--paper);min-height:164px}.result-card.ready{cursor:pointer}.result-card.ready:hover,.result-card.ready:focus-visible{outline:3px solid var(--acid);outline-offset:0}.thumb{position:relative;min-width:0;border-right:var(--border);background-color:var(--paper-2);background-image:linear-gradient(45deg,#ddd 25%,transparent 25%),linear-gradient(-45deg,#ddd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ddd 75%),linear-gradient(-45deg,transparent 75%,#ddd 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.thumb img{width:100%;height:100%;object-fit:cover}.placeholder{height:100%;min-height:160px;display:grid;place-items:center}.placeholder svg{width:32px;height:32px}.status-badge{position:absolute;top:8px;left:8px;background:var(--acid);border:1px solid var(--ink);box-shadow:2px 2px 0 var(--ink);padding:4px 6px;font-size:10px;font-weight:900}.result-card.failed .status-badge{background:#ffe0df;color:var(--danger)}.card-body{padding:14px;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.eyebrow{font-size:10px;text-transform:uppercase;color:var(--ink-2);margin-bottom:4px}.card-body h3{font-size:22px;margin-bottom:7px}.metadata{font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ink-2);overflow-wrap:anywhere}.card-actions{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #c9c8c0;padding-top:10px;margin-top:10px}.advanced-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;border:var(--border);border-radius:6px;background:var(--white);overflow:hidden}.preview-stage{padding:22px;min-width:0}.canvas-switch{display:flex;width:260px;margin:0 auto 18px}.canvas-switch button{flex:1}.canvas-frame,.modal-canvas{height:clamp(380px,58vh,650px);display:grid;place-items:center;overflow:hidden;border:2px dashed var(--ink);border-radius:6px;padding:18px;background-color:#eee;background-image:linear-gradient(45deg,#ddd 25%,transparent 25%),linear-gradient(-45deg,#ddd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ddd 75%),linear-gradient(-45deg,transparent 75%,#ddd 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.canvas-frame img,.modal-canvas img{max-width:100%;max-height:100%;object-fit:contain;border:var(--border);box-shadow:var(--shadow)}.output-summary{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:14px}.output-summary>div{display:flex;flex-direction:column;gap:4px}.output-summary span{font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.target{padding:7px 9px;border:1px solid currentColor;border-radius:4px;font-weight:900}.target.met{color:var(--success)}.target.not-achievable{color:var(--danger)}.controls{border-left:var(--border);padding:22px;background:var(--paper);display:flex;flex-direction:column;gap:20px}.controls h2{font-size:25px;text-transform:uppercase;margin-bottom:5px}.controls>div>p{font-size:13px;color:var(--ink-2)}fieldset{border:0;border-top:1px dashed #96978f;padding:18px 0 0;margin:0;display:grid;gap:12px}legend{font-size:12px;text-transform:uppercase;padding:0 8px 0 0}fieldset label:not(.check){display:grid;gap:6px;font-size:12px;font-weight:900}fieldset label>span{display:flex;justify-content:flex-start;align-items:flex-end;gap:8px}fieldset input[type=number]{width:110px;min-height:40px;border:var(--border);border-radius:4px;background:var(--white);padding:6px 8px}.preset-row{display:flex;gap:7px;flex-wrap:wrap}.preset-row .active{background:var(--paper-2)}.dimensions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dimensions label span{display:block}.dimensions input{width:100%!important}.check{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:900}.check input{width:20px;height:20px;accent-color:var(--acid)}fieldset small{font-size:11px;line-height:1.45;color:var(--ink-2)}.warning{font-size:12px;line-height:1.45;border-left:4px solid var(--warning);padding:8px;background:#fff1dd;margin:0}.slider-list{display:grid;gap:14px}.slider-list label>span{display:flex;justify-content:space-between}.slider-list input{accent-color:var(--ink)}.modal-backdrop{position:fixed;inset:0;background:#11120eb8;z-index:90;display:grid;place-items:center;padding:20px}.preview-modal{background:var(--paper);border:var(--border);box-shadow:5px 5px 0 var(--acid);border-radius:6px;width:min(940px,100%);max-height:94vh;padding:20px;display:flex;flex-direction:column;gap:14px}.preview-modal>header,.preview-modal>footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.preview-modal h2{font-size:30px;margin:0}.preview-modal .modal-canvas{height:min(64vh,620px)}.preview-modal>footer>span{font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.confirm-dialog{background:var(--paper);border:var(--border);box-shadow:5px 5px 0 var(--acid);width:min(480px,100%);padding:28px;border-radius:6px}.confirm-dialog>div{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.toast{position:fixed;right:20px;bottom:20px;background:var(--ink);color:#fff;border:2px solid var(--acid);box-shadow:var(--shadow);padding:13px 16px;z-index:120;display:flex;align-items:center;gap:8px}.content-band{border-top:var(--border);padding:64px max(24px,calc((100vw - 1200px)/2))}.section-heading{max-width:700px;margin-bottom:30px}.section-heading span{font-size:11px;background:var(--acid);border:1px solid var(--ink);padding:5px 8px}.section-heading h2,.limits h2{font-size:clamp(30px,4vw,48px);text-transform:uppercase;line-height:1.05;margin:18px 0 0}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.steps li{position:relative;border-left:var(--border);padding-left:20px}.steps li>span{font:700 52px Arial Black,Arial,sans-serif;color:var(--acid);-webkit-text-stroke:2px var(--ink)}.steps h3{font-size:20px}.steps p,.limits p{line-height:1.6;color:var(--ink-2)}.ad-space{border-top:1px solid #ccc;border-bottom:1px solid #ccc;background:#f1f1ef;color:#777;text-align:center;text-transform:uppercase;letter-spacing:1px;font-size:11px;padding:24px;pointer-events:none}.limits{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px;background:var(--ink);color:#fff}.limits p{color:#e7e7e0}.trust{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:24px 64px;align-items:start}.trust h2{font-size:32px;margin-bottom:16px}.trust p{max-width:72ch;line-height:1.65;color:var(--ink-2)}.trust ul{margin:0;padding-left:20px;display:grid;gap:12px;line-height:1.5}.trust>p{grid-column:1/-1;margin:4px 0 0;padding-top:20px;border-top:1px solid #c9c6ba}.faq-list{border-top:var(--border)}details{border-bottom:var(--border)}summary{min-height:58px;padding:17px 4px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:900;cursor:pointer;list-style:none}summary svg{width:20px;flex:none}details[open] summary svg{transform:rotate(45deg)}details p{max-width:72ch;line-height:1.65;color:var(--ink-2);padding:0 4px 18px;margin:0}.site-footer{border-top:var(--border);padding:34px max(24px,calc((100vw - 1200px)/2));display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:48px;align-items:start}.footer-brand{display:grid;justify-items:start}.site-footer strong{text-transform:uppercase;font-family:Arial Black,Arial,sans-serif}.site-footer p{max-width:540px;margin:7px 0 0;font-size:13px;color:var(--ink-2);line-height:1.5}.site-footer nav{display:flex;justify-content:flex-end;gap:8px 24px;flex-wrap:wrap}.site-footer a{font-weight:800;font-size:14px;min-height:44px;display:inline-flex;align-items:flex-start;padding-top:1px}.site-footer small{font-size:11px;color:var(--ink-2);margin-top:16px}.legal-page{max-width:1200px;margin:0 auto;padding:52px 24px 80px;display:grid;grid-template-columns:230px minmax(0,72ch);gap:56px;justify-content:center}.legal-page aside{position:sticky;top:24px;height:max-content;border-top:var(--border);padding-top:14px}.legal-page aside a{display:block;padding:6px 0;font-size:12px}.legal-content{min-width:0}.legal-content>h1{font-size:clamp(40px,6vw,64px);text-transform:uppercase;line-height:1}.legal-content .dates{border-left:5px solid var(--acid);padding:10px 14px;background:var(--paper-2);font-size:13px}.legal-content h2{font-size:24px;margin-top:42px;scroll-margin-top:24px}.legal-content p,.legal-content li{line-height:1.7;color:var(--ink-2);overflow-wrap:anywhere}.legal-content code{font-family:inherit;background:var(--paper-2);padding:1px 3px;overflow-wrap:anywhere}.contact-email{font-size:clamp(22px,4vw,34px);font-weight:900;text-decoration-thickness:3px;overflow-wrap:anywhere}.not-found{text-align:center;max-width:800px;margin:0 auto;padding:90px 24px 120px}.not-found .code{font:900 clamp(100px,24vw,220px)/.8 "Arial Black",Arial,sans-serif;color:var(--acid);-webkit-text-stroke:4px var(--ink)}.not-found h1{font-size:clamp(38px,6vw,64px);text-transform:uppercase}.not-found p{font-size:18px;line-height:1.6;color:var(--ink-2)}@media(max-width:900px){.result-groups,.steps,.limits,.trust,.advanced-layout{grid-template-columns:1fr}.controls{border-left:0;border-top:var(--border)}.canvas-frame{height:430px}.site-footer{grid-template-columns:1fr 1fr;gap:32px}.legal-page{grid-template-columns:1fr}.legal-page aside{position:static;display:flex;gap:8px 16px;flex-wrap:wrap}}@media(max-width:680px){.site-header{padding:0 16px}.brand{font-size:15px}.menu-button{display:grid!important}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--paper);border-bottom:var(--border);padding:10px 16px;flex-direction:column;gap:0}.main-nav.open{display:flex}.hero,.workspace{padding:38px 16px 56px}.hero h1{font-size:42px}.hero-copy>p{font-size:16px}.drop-zone{min-height:300px;padding:32px 18px}.drop-zone h2{font-size:25px}.source-bar{align-items:flex-start;flex-direction:column}.source-actions{width:100%}.source-actions .button{flex:1}.workspace-heading{align-items:stretch;flex-direction:column}.workspace-heading .segmented{width:100%}.workspace-heading .segmented button{flex:1;padding:8px 6px}.result-card{grid-template-columns:38% 62%;min-height:180px}.result-group{padding:14px}.group-title h2{font-size:20px}.card-actions{align-items:stretch;flex-direction:column}.card-actions .button{width:100%}.advanced-layout{margin-left:-16px;margin-right:-16px;border-left:0;border-right:0}.preview-stage,.controls{padding:16px}.canvas-frame{height:330px}.output-summary{align-items:flex-start;flex-direction:column}.preview-modal{padding:14px;height:100%;max-height:none}.preview-modal .modal-canvas{height:auto;flex:1;min-height:0}.preview-modal>footer{align-items:stretch;flex-direction:column}.preview-modal>footer .button{width:100%}.content-band{padding:48px 18px}.site-footer{grid-template-columns:1fr;padding:30px 18px;gap:20px}.site-footer nav{display:grid;grid-template-columns:1fr 1fr;justify-content:stretch}.legal-page{padding:40px 18px 64px}.legal-content h2{font-size:21px}.toast{left:14px;right:14px;bottom:14px}.dimensions{grid-template-columns:1fr}.preset-row .button{flex-grow:1}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.sticker{transform:none}}.quick-status{min-height:52px}.result-list{align-items:stretch}.result-card{min-height:332px}.result-card .thumb{min-height:328px}.result-card .placeholder{width:100%;height:100%;min-height:328px}.result-card .card-body{min-height:328px}.error-panel.drop-target{cursor:pointer}.error-panel.drop-target>small{display:block;margin-top:12px;font-weight:800}.error-panel.drop-target.dragging{outline:4px solid var(--info);outline-offset:4px;background:#eef5ff}@media(max-width:680px){.result-card{min-height:180px}.result-card .thumb{aspect-ratio:auto;height:100%;min-height:176px}.result-card .placeholder,.result-card .card-body{min-height:176px}}