:root{--bg: #f6f1e7;--ink: #1f3247;--slate: #4f6680;--orange: #c76e41;--orange-2: #e2a06f;--cream: #fffdf9;--line: #c8c1b4;--panel: rgba(255, 253, 246, .86);--shadow: 0 16px 40px rgba(66, 82, 105, .17)}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:IBM Plex Sans,sans-serif;min-height:100vh;background:linear-gradient(180deg,#fbf7ef,#f1e9db)}.blueprint,.grain{position:fixed;inset:0;pointer-events:none}.blueprint{background:linear-gradient(rgba(88,116,146,.13) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(90deg,rgba(88,116,146,.13) 1px,transparent 1px) 0 0/28px 28px;opacity:.42}.grain{background-image:radial-gradient(rgba(17,23,31,.06) .6px,transparent .6px);background-size:2px 2px;opacity:.18}.shell{position:relative;z-index:2;max-width:1024px;margin:0 auto;padding:1rem}.hero{padding-top:1.8rem;padding-bottom:.4rem}.kicker{margin:0;width:fit-content;border:1px solid var(--line);background:var(--cream);color:var(--slate);border-radius:999px;padding:.35rem .85rem;font-size:.82rem;letter-spacing:.03em;text-transform:uppercase}h1,h2{font-family:Changa,sans-serif;letter-spacing:.01em}h1{margin:.6rem 0 .2rem;font-size:clamp(2.2rem,7vw,4rem);color:#223a54}h1 span{filter:drop-shadow(0 2px 8px rgba(199,110,65,.45))}.lead{margin:0;color:#3f5975;max-width:70ch}.hero-cta{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.layout{display:grid;gap:.9rem;padding-bottom:2rem}.panel{border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:var(--shadow);backdrop-filter:blur(4px);padding:1rem}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem}h2{margin:0 0 .75rem;font-size:1.45rem}.mode-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.pill{border:1px solid #b9c6d7;border-radius:999px;background:#f3f8ff;color:#2d4967;padding:.35rem .65rem;font-size:.88rem;display:inline-flex;align-items:center;gap:.35rem}.result{margin:0;border:1px dashed #c8bba3;border-radius:12px;background:#fffaf2;padding:.9rem;font-size:1.07rem}.grid{display:grid;gap:.68rem}.grid.two{grid-template-columns:repeat(auto-fit,minmax(185px,1fr))}label{display:grid;gap:.28rem;color:#435d79;font-size:.9rem}input,select,button{font:inherit}input,select{border:1px solid #bfc7d2;border-radius:10px;background:#fff;padding:.55rem .65rem}.actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}.btn{border:1px solid #aa5e37;background:linear-gradient(180deg,var(--orange-2),var(--orange));color:#fff;border-radius:10px;padding:.5rem .78rem;cursor:pointer;text-decoration:none;font-weight:600}.btn:hover{transform:translateY(-1px)}.btn.ghost{border-color:#bec9d8;background:#edf3fb;color:#27415f}.preview-wrap{margin-top:.8rem;display:grid;gap:.45rem}.plate{border:1px solid #95a9bf;border-radius:12px;background:linear-gradient(180deg,#f8fbff,#e6eef7);padding:.82rem;font-weight:700;text-align:center;letter-spacing:.02em}.meta{color:#5b7390;font-size:.86rem}.sub{margin-top:-.2rem;color:#58708b}.viz{margin-top:.6rem;border:1px dashed #bfc7d3;border-radius:12px;padding:.75rem;background:#fffdfa}#photo{max-width:100%;max-height:280px;border-radius:10px;display:none;margin-bottom:.65rem}.chips{display:flex;flex-wrap:wrap;gap:.4rem}.chip{border:1px solid #bcc9dd;background:#eff5ff;border-radius:999px;padding:.3rem .62rem;font-size:.82rem}