@import"https://fonts.googleapis.com/css2?family=Caveat:wght@600;700&display=swap";:root{--bg: #f3f1ea;--canvas-bg: #ffffff;--surface: #ffffff;--surface-2: #f4f2ec;--surface-hover: #ece8df;--border: #e7e2d6;--border-strong: #d6cfbe;--ink: #20202a;--ink-soft: #6f6b7a;--ink-faint: #a29ead;--accent: #6555e6;--accent-hover: #5544d8;--accent-soft: #eceafc;--accent-ink: #ffffff;--good: #2f9e6f;--good-soft: #e3f3ea;--bad: #e5484d;--bad-soft: #fcebeb;--whatsapp: #25d366;--whatsapp-hover: #1ebe5b;--grid: rgba(32,32,42,.06);--room: #2f9e6f;--room-fill: rgba(47,158,111,.1);--item-border: rgba(32,32,42,.28);--selection: #6555e6;--bad-fill: rgba(229,72,77,.28);--calib: #d98a16;--label-ink: #20202a;--label-halo: rgba(255,255,255,.92);--font-ui: ui-rounded, "SF Pro Rounded", "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-hand: "Caveat", var(--font-ui);--text-xs: 11px;--text-sm: 13px;--text-md: 15px;--text-lg: 19px;--text-xl: 28px;--weight-normal: 400;--weight-medium: 550;--weight-bold: 700;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--r-pill: 999px;--shadow-1: 0 1px 2px rgba(32,32,42,.05), 0 2px 8px rgba(32,32,42,.06);--shadow-2: 0 8px 30px rgba(32,32,42,.14);--shadow-pop: 0 6px 20px rgba(101,85,230,.22);--dur: .15s;--ease: cubic-bezier(.2,.7,.3,1)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-ui);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-2) var(--s-4);background:var(--surface);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:var(--s-2)}.logo{display:inline-flex;width:30px;height:30px}.logo svg{width:100%;height:100%;display:block}.logo-tile{fill:var(--accent)}.logo-grid{stroke:var(--accent-ink);stroke-width:6}.logo-cell{fill:var(--accent-ink)}.word{font-family:var(--font-hand);font-size:26px;font-weight:var(--weight-bold);line-height:1}.free-badge{margin-left:auto;font-size:var(--text-xs);color:var(--ink-soft);background:var(--surface-2);border:1px solid var(--border);padding:var(--s-1) var(--s-3);border-radius:var(--r-pill)}.body{display:flex;flex:1;min-height:0}.sidebar{width:300px;flex-shrink:0;overflow-y:auto;background:var(--surface);border-right:1px solid var(--border);padding:var(--s-4)}.stage{flex:1;position:relative;min-width:0;background:var(--canvas-bg)}.step{margin-bottom:var(--s-6)}.step-head{display:flex;align-items:center;gap:var(--s-2);margin:0 0 var(--s-3);font-size:var(--text-md);font-weight:var(--weight-bold)}.step-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;flex-shrink:0;background:var(--accent);color:var(--accent-ink);font-size:var(--text-xs);font-weight:var(--weight-bold)}.sub-label{margin:var(--s-4) 0 var(--s-2);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--ink)}.step-head+.sub-label,.selected-block .sub-label{margin-top:0}.sub-block{margin-top:var(--s-4)}.or-divider{display:flex;align-items:center;gap:var(--s-3);margin-top:var(--s-5)}.or-divider:before,.or-divider:after{content:"";flex:1;height:1px;background:var(--border-strong)}.or-divider span{font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);background:var(--surface-2);border:1px solid var(--border-strong);padding:var(--s-1) var(--s-3);border-radius:var(--r-pill)}.selected-block{background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--r-md);padding:var(--s-3);margin-bottom:var(--s-4)}.selected-block .sub-label{color:var(--accent)}.hint-tip{margin:var(--s-2) 0 0;font-size:var(--text-xs);color:var(--ink-faint)}.muted{color:var(--ink-soft)}.small{font-size:var(--text-sm);line-height:1.5}.ok{color:var(--good)}.selname{font-weight:var(--weight-bold);margin:0 0 2px;font-size:var(--text-md)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);padding:var(--s-2) var(--s-3);border-radius:var(--r-md);background:var(--surface);color:var(--ink);border:1px solid var(--border);transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.btn:hover{background:var(--surface-hover);border-color:var(--border-strong)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.btn.primary:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow-pop)}.btn.danger{background:transparent;border-color:var(--bad-soft);color:var(--bad)}.btn.danger:hover{background:var(--bad-soft);border-color:var(--bad)}.btn.ghost{background:transparent;border-color:transparent;color:var(--ink-soft)}.btn.ghost:hover{background:var(--surface-2);color:var(--ink)}.link{background:none;border:none;color:var(--accent);cursor:pointer;font:inherit;font-size:var(--text-sm);margin-left:var(--s-2);padding:0}.inline{display:flex;gap:var(--s-2);margin-top:var(--s-2);flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:var(--s-1);font-size:var(--text-xs);color:var(--ink-soft);text-align:left}.num{width:90px;padding:var(--s-2);border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--ink);font:inherit;font-size:var(--text-sm)}.num:focus{outline:none;border-color:var(--accent);background:var(--surface)}.num.wide{width:100%;margin-bottom:var(--s-2)}.catalogue{display:flex;flex-direction:column;gap:var(--s-1)}.chip{display:flex;align-items:center;gap:var(--s-2);text-align:left;width:100%;padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);cursor:pointer;font:inherit;font-size:var(--text-sm);background:var(--surface-2);color:var(--ink);border:1px solid transparent;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.chip:hover{border-color:var(--accent);background:var(--accent-soft)}.chip .dot{width:11px;height:11px;border-radius:4px;flex-shrink:0}.chip .dim{margin-left:auto;color:var(--ink-faint);font-size:var(--text-xs)}.clearance{font-size:var(--text-sm);font-weight:var(--weight-bold);margin:var(--s-2) 0;padding:var(--s-2) var(--s-3);border-radius:var(--r-sm)}.clearance.ok{color:var(--good);background:var(--good-soft)}.clearance.bad{color:var(--bad);background:var(--bad-soft)}.banner{position:absolute;top:var(--s-4);left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--accent);color:var(--ink);padding:var(--s-2) var(--s-4);border-radius:var(--r-pill);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;box-shadow:var(--shadow-2)}.canvas-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--ink-faint);pointer-events:none;font-size:var(--text-md)}.canvas-hint b{color:var(--ink-soft)}.support-trigger{white-space:nowrap;text-decoration:none}.btn.whatsapp{background:var(--whatsapp);border-color:var(--whatsapp);color:var(--accent-ink)}.btn.whatsapp:hover{background:var(--whatsapp-hover);border-color:var(--whatsapp-hover)}@media(max-width:720px){.topbar{gap:var(--s-2);padding:var(--s-2) var(--s-3)}.word{font-size:22px}.free-badge{display:none}.body{flex-direction:column-reverse}.stage{min-height:0}.sidebar{width:100%;max-height:46vh;flex:0 0 auto;border-right:none;border-top:1px solid var(--border);padding:var(--s-3)}.panel{margin-bottom:var(--s-4)}.canvas-hint{max-width:220px}.btn{padding:var(--s-3) var(--s-3)}.chip{padding:var(--s-3)}.support-label{display:none}.support-trigger{margin-left:auto}}