:root{color-scheme:dark;--background:#0c0b0a;--foreground:#f6f1ec;--muted:#a29b94;--card:#141210;--border:#332a24;--primary:#ff742e;--radius:14px;--font-sans:Arial,Helvetica,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--foreground);font-family:var(--font-sans);font-size:14px}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible,.dropzone:focus-within{outline:2px solid var(--primary);outline-offset:4px}.shell{max-width:1180px;margin:auto;padding:0 32px}header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{font-weight:800;font-size:28px;letter-spacing:-1.5px;display:flex;align-items:center}.brand-dot{color:var(--primary)}.brand-icon{display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:var(--background);width:31px;height:31px;margin-right:10px;border-radius:8px;font-size:29px;letter-spacing:-5px;padding-right:5px}.header-note,.mono,.eyebrow,.step-label,.studio-bar,.preview-heading,.how>div>span{font-family:var(--font-mono);font-size:10px;letter-spacing:1.5px}.header-note{color:var(--muted)}.text-link{font-size:12px}.text-link span{color:var(--primary);margin-left:12px}.hero{position:relative;text-align:center;padding:62px 0 44px;background:radial-gradient(ellipse at 50% 20%,#ff742e10,transparent 65%)}.eyebrow{color:var(--primary);font-size:10px;display:flex;align-items:center;justify-content:center;gap:8px}.live-dot,.orange-dot{width:6px;height:6px;background:var(--primary);border-radius:50%;display:inline-block}.live-dot{box-shadow:0 0 13px #ff742e88}h1{font-size:clamp(38px,5.8vw,68px);font-weight:500;letter-spacing:-3px;line-height:1.06;margin:23px 0 20px}h1 span{color:var(--primary)}.hero p{line-height:1.65;color:var(--muted);font-size:15px;margin:0}.privacy{display:inline-flex;gap:7px;align-items:center;margin-top:23px;font-size:11px;color:var(--muted)}.privacy span{color:var(--primary);font-size:16px}.studio{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--card);box-shadow:0 20px 90px #0004}.studio-bar{height:46px;background:#1a1511;display:flex;justify-content:space-between;align-items:center;padding:0 22px;border-bottom:1px solid var(--border);color:var(--muted)}.studio-bar>span:first-child{color:#e8d4c2}.orange-dot{margin-right:8px}.workspace{display:grid;grid-template-columns:330px minmax(0,1fr)}.controls{padding:26px;border-right:1px solid var(--border)}.step-label{display:flex;align-items:center;gap:10px;font-size:10px;color:#e0d4c9;margin-bottom:13px}.step-label>span{color:var(--primary);font-size:10px}.dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:19px 10px;border:1px dashed #715039;border-radius:9px;background:#ff742e04;cursor:pointer;transition:.2s}.dropzone:hover,.dropzone.dragover{border-color:var(--primary);background:#ff742e0d}.dropzone input{position:absolute;width:1px;height:1px;opacity:0}.upload-icon{color:var(--primary);font-size:26px;line-height:1}.dropzone strong{font-size:13px;font-weight:500}.dropzone>span:not(.upload-icon){font-size:12px;color:var(--muted)}.dropzone u{color:#e2b28f;text-underline-offset:3px}.dropzone small{font-size:10px;color:var(--muted);margin-top:5px}.file-info{font-size:10px;color:var(--muted);margin:11px 0 24px;overflow-wrap:anywhere}fieldset{padding:0;margin:0 0 18px;border:0;min-width:0}legend{padding:0}.mode-option{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:8px;padding:13px 11px;margin-bottom:8px;cursor:pointer}.mode-option:has(input:checked){border-color:#a55128;background:#ff742e0b}.mode-option input{accent-color:var(--primary);margin:0}.mode-option>span{flex:1}.mode-option strong{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:500;gap:8px}.mode-option strong small{font:8px var(--font-mono);letter-spacing:.5px;color:var(--primary)}.mode-option>span>span{display:block;font-size:10px;color:var(--muted);margin-top:6px;line-height:1.4}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.fields label{font-size:11px;color:var(--muted)}.fields label>span{float:right;color:#786d63}.fields input,.fields select{display:block;width:100%;background:#0e0c0b;border:1px solid var(--border);border-radius:6px;padding:10px;color:var(--foreground);margin-top:7px;min-width:0}.fields[hidden]{display:none}.mode-note{color:var(--muted);font-size:10px;line-height:1.5;margin:13px 0 21px}.download{background:var(--primary);border:1px solid #ff9c59;border-radius:7px;color:#180d06;width:100%;font-size:13px;font-weight:600;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 3px 15px #ff742e18}.download:hover{background:#ff8a48}.download span{font-size:20px}.export-note{text-align:center;font-size:10px;color:var(--muted);margin:12px 0 0}#status{font-size:11px;line-height:1.5;color:var(--primary);margin:10px 0 0}#status:empty{display:none}.preview-pane{min-width:0;display:flex;flex-direction:column;padding:24px 26px 16px;background:radial-gradient(ellipse at 50% 40%,#39241955,transparent 70%),#0e0d0c}.preview-heading{display:flex;align-items:center;justify-content:space-between;color:var(--muted);margin-bottom:18px;gap:8px}.toggle{font:11px var(--font-sans);letter-spacing:0;display:flex;align-items:center;gap:6px}.toggle input{accent-color:var(--primary)}.preview-stage{min-height:400px;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;background-image:radial-gradient(#ffffff0b 1px,transparent 1px);background-size:16px 16px;border:1px solid #ffffff07;border-radius:7px;padding:18px}.preview-stage canvas{display:block;max-width:100%;max-height:490px;object-fit:contain;width:auto;height:auto}.preview-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#ccb9a9;font:10px var(--font-mono);padding:18px 0 10px}.preview-note{color:var(--muted);font-size:9px;margin:0;line-height:1.5}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;padding:48px 0 46px}.how>div>span{color:var(--primary);font-size:9px}.how h2{font-size:15px;font-weight:500;letter-spacing:-.3px;margin:14px 0 9px}.how p{font-size:12px;line-height:1.7;color:var(--muted);margin:0;max-width:280px}footer{border-top:1px solid var(--border);padding:25px 0 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}footer .brand{font-size:23px;color:var(--foreground)}footer .mono{font-size:8px}@media(max-width:800px){.shell{padding:0 20px}.workspace{grid-template-columns:280px minmax(0,1fr)}.controls{padding:20px}.preview-pane{padding:20px 16px}.preview-stage{padding:10px}.mode-option strong small{font-size:7px}.preview-bottom{font-size:9px;flex-wrap:wrap}.header-note{display:none}h1{letter-spacing:-2px}.how{gap:24px}}@media(max-width:600px){.shell{padding:0 16px}header{height:70px}.hero{padding:42px 0 32px}h1{font-size:42px}.hero p{font-size:13px}.privacy{font-size:10px}.workspace{display:flex;flex-direction:column}.controls{border-right:0;border-bottom:1px solid var(--border)}.preview-pane{min-height:440px}.preview-stage{min-height:340px}.preview-stage canvas{max-height:400px}.studio-bar{padding:0 16px;font-size:9px}.studio-bar .mono{font-size:8px}.how{grid-template-columns:1fr;gap:27px;padding:35px 5px}.how p{max-width:none}footer{flex-wrap:wrap;gap:15px}footer .mono{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.fixed-spec{padding:15px;background:#0e0c0b;border:1px solid var(--border);border-radius:7px}.fixed-spec>span{display:block;font:8px var(--font-mono);letter-spacing:1px;color:var(--muted)}.fixed-spec strong{display:block;font-weight:500;font-size:15px;margin:9px 0}.fixed-spec i{font-style:normal;color:var(--primary);margin:0 5px}.fixed-spec small{font-size:10px;color:var(--muted)}.fit-choice{display:flex;align-items:flex-start;gap:8px;margin:13px 0;cursor:pointer}.fit-choice input{accent-color:var(--primary)}.fit-choice strong{font-size:11px;font-weight:500;display:block}.fit-choice small{display:block;font-size:10px;color:var(--muted);line-height:1.5;margin-top:5px}fieldset[hidden]{display:none}