@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;600&family=Space+Grotesk:wght@500;600&display=swap";:root{color-scheme:light;font-family:IBM Plex Sans,system-ui,sans-serif;background:#f4efe8;color:#1b1b1b;--panel: #fefbf7;--accent: #dc5f00;--accent-soft: #f7d3b3;--border: #e4dbd1;--shadow: 0 16px 30px rgba(33, 23, 10, .08)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#f7f1e7,#f4efe8 40%,#efe8dd)}.app{max-width:1200px;margin:0 auto;padding:48px 32px 64px}.hero{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between;margin-bottom:32px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:#6d5f52;margin:0 0 12px}h1{font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,3vw,3.2rem);margin:0 0 12px}.subhead{margin:0;max-width:480px;color:#55493f}.hero-card{background:var(--panel);padding:20px 24px;border-radius:20px;box-shadow:var(--shadow);border:1px solid var(--border)}.stat{display:inline-block;padding:8px 12px;border-radius:999px;background:var(--accent-soft);color:#5c2b0a;font-weight:600;margin-right:10px;margin-bottom:8px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.panel{background:var(--panel);border-radius:24px;padding:24px;border:1px solid var(--border);box-shadow:var(--shadow)}.panel h2{font-family:Space Grotesk,sans-serif;margin-top:0}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}label{font-weight:600}input,select{padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#fff;font-size:.95rem}input:focus,select:focus{outline:2px solid var(--accent);border-color:transparent}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}button{border:none;border-radius:999px;padding:12px 20px;font-weight:600;cursor:pointer;font-family:inherit}button.primary{background:var(--accent);color:#fff}button.ghost{background:transparent;border:1px solid var(--border)}button:disabled{opacity:.5;cursor:not-allowed}.summary{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.summary .label{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:#6d5f52;margin:0 0 8px}.summary .value{font-size:1.1rem;margin:0;font-weight:600}.preview{display:flex;flex-direction:column;gap:12px}.preview-frame{background:#fff;border-radius:16px;padding:16px;border:1px dashed #cbbcae;min-height:320px;display:flex;align-items:center;justify-content:center}#previewCanvas{max-width:100%;height:auto}.hint{font-size:.82rem;color:#6d5f52;margin:0}.image-list{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:14px;border:1px dashed #d7c8ba;background:#fffdfa}.image-row{display:flex;align-items:center;gap:12px}.image-thumb{width:48px;height:48px;border-radius:10px;object-fit:cover;border:1px solid var(--border)}.image-meta{flex:1;display:flex;flex-direction:column;gap:4px}.image-name{font-size:.88rem;font-weight:600;color:#3f342b;word-break:break-word}.image-qty{width:100px}@media (max-width: 720px){.app{padding:32px 20px 48px}.hero{flex-direction:column;align-items:flex-start}}