:root{color:#171717;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#171717;--muted:#6c645c;--paper:#fffaf0;--panel:#fff5e2;--line:#201d1b;--orange:#f06d1a;--yellow:#f8c243;--teal:#217c78;--rose:#af3653;--shadow:0 18px 50px #31241124;background:#f1eadf;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed}.app-shell{width:min(1240px,100% - 32px);margin:0 auto;padding:28px 0}.app-header{border-bottom:3px solid var(--line);background:linear-gradient(90deg,#f06d1a29,#0000 55%),repeating-linear-gradient(90deg,#217c7824 0 1px,#0000 1px 18px);justify-content:space-between;align-items:end;min-height:98px;margin-bottom:18px;display:flex}.app-header p{color:var(--teal);text-transform:uppercase;margin:0 0 2px;font-family:Courier New,monospace;font-size:.8rem;font-weight:700}.app-header h1{letter-spacing:0;margin:0 0 12px;font-size:clamp(2.2rem,5vw,5rem);line-height:.9}.workspace{grid-template-columns:360px minmax(0,1fr);align-items:start;gap:18px;display:grid}.sidebar,.preview{border:2px solid var(--line);background:var(--paper);box-shadow:var(--shadow);border-radius:8px}.sidebar{gap:20px;padding:18px;display:grid}.uploader{text-align:center;background:linear-gradient(135deg,#f8c24333,#0000 46%),#fffdf8;border:2px dashed #201d1b8c;border-radius:8px;justify-items:center;gap:12px;padding:24px 18px;display:grid;position:relative}.uploader.is-dragging{border-color:var(--orange);background-color:#fff2d1}.uploader input[type=file]{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.uploader p{color:var(--muted);margin:0;font-size:.95rem}.uploader-art{border:2px solid var(--line);background:linear-gradient(135deg, transparent 54%, var(--teal) 55%), linear-gradient(45deg, var(--yellow) 36%, transparent 37%), #ffe5bd;border-radius:5px;width:76px;height:54px;position:relative}.uploader-art:before{border:2px solid var(--line);background:var(--orange);content:"";border-bottom:0;border-radius:5px 5px 0 0;width:27px;height:9px;position:absolute;top:-9px;left:12px}.uploader-art span{border:2px solid var(--line);background:#fffaf0;border-radius:50%;width:16px;height:16px;position:absolute;top:12px;right:14px}.primary-button,.download-button{border:2px solid var(--line);background:var(--orange);color:#fffaf0;width:100%;min-height:44px;box-shadow:4px 4px 0 var(--line);border-radius:7px;font-weight:800;transition:transform .15s,box-shadow .15s,background-color .15s}.primary-button:hover:not(:disabled),.download-button:hover:not(:disabled){box-shadow:2px 2px 0 var(--line);transform:translate(2px,2px)}.primary-button:disabled,.download-button:disabled{color:#70685f;box-shadow:none;background:#c6beb1}.field-group{gap:8px;display:grid}.field-group span,.section-heading h2{text-transform:uppercase;margin:0;font-size:.82rem;font-weight:800}.field-group select,.date-row input[type=text]{border:2px solid var(--line);width:100%;min-height:42px;color:var(--ink);background:#fffdf8;border-radius:7px;padding:0 12px}.preset-description{color:var(--muted);font-size:.9rem}.controls{gap:14px;display:grid}.section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-heading span{color:var(--muted);white-space:nowrap;font-family:Courier New,monospace;font-size:.85rem}.date-row{grid-template-columns:minmax(0,1fr) 126px;align-items:center;gap:10px;display:grid}.toggle-line{align-items:center;gap:8px;min-width:0;font-size:.94rem;font-weight:700;display:flex}.toggle-line input{width:18px;height:18px;accent-color:var(--teal);flex:none}.slider-list{gap:12px;display:grid}.control-row{grid-template-columns:132px minmax(90px,1fr) 54px;align-items:center;gap:10px;display:grid}.control-row input[type=range]{width:100%;accent-color:var(--teal)}.control-row output{color:var(--muted);text-align:right;font-family:Courier New,monospace;font-size:.82rem}.download-button{background:var(--teal)}.error-message{border-left:4px solid var(--rose);color:#781e32;margin:0;padding-left:10px;font-weight:700}.preview{min-height:650px;padding:16px}.preview-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.segmented-control{border:2px solid var(--line);background:#fffdf8;border-radius:7px;grid-template-columns:repeat(2,minmax(86px,1fr));display:grid;overflow:hidden}.segmented-control button{min-height:38px;color:var(--ink);background:0 0;border:0;font-weight:800}.segmented-control button+button{border-left:2px solid var(--line)}.segmented-control button.is-active{background:var(--yellow)}.segmented-control button:disabled{color:#9a9187}.preview-stage{border:2px solid var(--line);background-color:#fffdf8;background-image:linear-gradient(45deg,#201d1b0d 25%,#0000 25%),linear-gradient(-45deg,#201d1b0d 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#201d1b0d 75%),linear-gradient(-45deg,#0000 75%,#201d1b0d 75%),none;background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;border-radius:8px;place-items:center;min-height:570px;display:grid;position:relative;overflow:hidden}.preview-stage img{object-fit:contain;width:auto;max-width:100%;max-height:min(72vh,760px);display:block}.placeholder-preview{color:var(--muted);text-align:center;justify-items:center;gap:14px;display:grid}.placeholder-preview div{aspect-ratio:4/3;border:2px solid var(--line);background:linear-gradient(135deg,#0000 56%,#217c78b3 57%),linear-gradient(45deg,#f8c243e6 32%,#0000 33%),#ffe9c7;border-radius:7px;width:min(280px,55vw);box-shadow:8px 8px #201d1b2e}.placeholder-preview p{margin:0;font-weight:800}.processing-badge{border:2px solid var(--line);background:var(--yellow);color:var(--ink);text-transform:uppercase;border-radius:999px;padding:5px 12px;font-family:Courier New,monospace;font-size:.78rem;font-weight:800;position:absolute;top:14px;right:14px}@media (width<=920px){.workspace{grid-template-columns:1fr}.preview{min-height:520px}.preview-stage{min-height:420px}}@media (width<=560px){.app-shell{width:min(100% - 20px,1240px);padding:18px 0}.app-header{min-height:82px}.sidebar,.preview{padding:12px}.date-row,.control-row,.preview-toolbar{grid-template-columns:1fr}.preview-toolbar{display:grid}.control-row{gap:6px}.control-row output{text-align:left}.segmented-control{grid-template-columns:repeat(2,1fr)}}