:root{font-family:Inter,Helvetica Neue,system-ui,-apple-system,sans-serif;color:#f5f5f5;background:#0b0b0b;font-size:14px;line-height:1.5;--accent-color: #f2c500}body{margin:0;background:#0b0b0b}body.is-wizard,body.is-preview{height:100vh;height:100svh;height:100dvh;overflow:hidden}#app{min-height:100vh;min-height:100svh;min-height:100dvh;display:flex;justify-content:center;padding:24px 16px 48px;box-sizing:border-box}#app.is-wizard{padding:0;align-items:stretch}#app.is-preview{height:100vh;height:100svh;height:100dvh;overflow:hidden}.editor{width:min(720px,100%);display:flex;flex-direction:column;gap:20px}.editor.is-wizard{width:100%;min-height:100vh;padding:24px 16px}.editor.is-preview{height:100%;padding:0;gap:0}.editor h1{font-size:20px;margin:0;line-height:1.3}.editor.is-wizard h1,.editor.is-wizard .intro{display:none}.editor h2{font-size:14px;font-weight:600;margin:0}.intro{margin:0;color:#9a9a9a}.card{background:#0f0f0f;border:1px solid #1f1f1f;border-radius:0;padding:16px}.step{display:grid;gap:12px}.is-hidden{display:none!important}.step label{font-weight:600}.step input[type=file]{border:1px dashed #2b2b2b;border-radius:0;padding:12px;background:#111;color:inherit}.photo-input{display:none}.value-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px;color:#bdbdbd;font-size:13px}.value-list li{display:flex;gap:8px}.value-list li:before{content:"✓";color:var(--accent-color);font-weight:700}.range-row{display:flex;align-items:center;gap:12px}.range-row input[type=range]{flex:1}.ratio-row{display:grid;gap:6px}.ratio-select{border-radius:0;border:1px solid #2b2b2b;padding:10px 12px;font-size:14px;background:#111;color:inherit}.preview{box-sizing:border-box;display:grid;grid-template-rows:auto auto;align-content:start;gap:12px;background:#0b0b0b;height:100%;position:relative}.preview-screen{width:100%}.preview-stage{display:grid;justify-items:center;align-content:start;padding:32px 16px 12px}.preview canvas{display:block;width:auto;height:auto;max-width:min(90%,360px);max-height:min(48vh,360px);margin:0 auto;object-fit:contain;background:#fff;border-radius:0}.preview-controls{width:min(560px,100%);margin:0 auto;padding:16px 16px calc(48px + env(safe-area-inset-bottom,0px));display:grid;gap:12px;color:#e5e5e5;align-content:start;box-sizing:border-box}.preview-controls .range-row{color:inherit;width:100%}.preview-controls input[type=range]{accent-color:var(--accent-color);min-width:0}button{border:1px solid #2b2b2b;border-radius:0;padding:12px 16px;background:#121212;color:#f5f5f5;font-weight:600;font-size:inherit;font-family:inherit}.button-primary{background:var(--accent-color);color:#111;border-color:var(--accent-color);width:100%;box-sizing:border-box}button:disabled{background:#2b2b2b;color:#8a8a8a}.preview-close{position:absolute;top:16px;right:16px;z-index:6;width:36px;height:36px;border-radius:0;border:1px solid #2b2b2b;background:#0f0f0f;color:#f5f5f5;display:grid;place-items:center;padding:0;cursor:pointer}.preview-close svg{display:block}.helper{font-size:inherit;color:#9a9a9a}