@import"https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;600;700&family=Lora:ital,wght@0,400;0,600;1,400&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--terracotta: #C67B5C;--sand: #D4C4A8;--warm-clay: #B5651D;--soft-cream: #F5F0E1;--earth-brown: #6B4226;--olive: #6B7B3C;--warm-stone: #9C8B7A;--dark-soil: #3D2B1F;--parchment: #EDE5D0;--bark: #8B5E3C;--bg: var(--soft-cream);--surface: var(--parchment);--surface2: #E5D9C3;--accent: var(--terracotta);--accent2: var(--warm-clay);--text: var(--dark-soil);--text-muted: var(--warm-stone);--border: var(--sand);--danger: #A0392B;--sidebar-w: 228px;--toolbar-h: 54px;--props-w: 206px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-soft: 0 2px 12px rgba(61, 43, 31, .1);--shadow-card: 0 4px 20px rgba(61, 43, 31, .13);--grain-opacity: .045}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:var(--grain-opacity);pointer-events:none;z-index:9999;mix-blend-mode:multiply}body{font-family:Nunito,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);overflow:hidden;height:100vh;width:100vw}#root{width:100vw;height:100vh;display:flex;flex-direction:column}.toolbar{height:var(--toolbar-h);background:var(--parchment);border-bottom:1.5px solid var(--border);display:flex;align-items:center;gap:6px;padding:0 16px;flex-shrink:0;z-index:10;box-shadow:var(--shadow-soft);overflow-x:auto;overflow-y:hidden}.toolbar::-webkit-scrollbar{height:4px}.toolbar::-webkit-scrollbar-track{background:transparent}.toolbar::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.toolbar::-webkit-scrollbar-thumb:hover{background:var(--warm-stone)}.toolbar-brand{font-family:Lora,Georgia,serif;font-size:17px;font-weight:600;color:var(--warm-clay);margin-right:10px;display:flex;align-items:center;gap:7px}.toolbar-sep{width:1px;height:26px;background:var(--border);margin:0 4px}.btn{display:flex;align-items:center;gap:5px;padding:5px 11px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:transparent;color:var(--earth-brown);font-family:Nunito,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s ease-out;white-space:nowrap}.btn:hover{background:var(--surface2);border-color:var(--terracotta);color:var(--warm-clay)}.btn.active{background:var(--terracotta);color:var(--soft-cream);border-color:var(--terracotta)}.btn.danger:hover{background:var(--danger);border-color:var(--danger);color:#fff}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-icon{padding:5px 9px;font-size:15px}.zoom-display{font-size:12px;color:var(--text-muted);min-width:44px;text-align:center;font-weight:600}.toolbar-spacer{flex:1}.floating-canvas-controls{position:fixed;right:calc(var(--props-w) + 18px);bottom:18px;z-index:30;display:flex;align-items:center;gap:6px;padding:7px;border:1.5px solid rgba(212,196,168,.88);border-radius:var(--radius-md);background:#ede5d0f0;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.floating-canvas-controls .zoom-display{color:var(--earth-brown)}.bg-picker{display:flex;gap:3px;background:var(--surface2);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:2px}.bg-btn{border:none;border-radius:4px;padding:4px 7px;gap:4px;background:transparent}.bg-btn:hover{background:var(--soft-cream);border-color:transparent}.bg-btn.active{background:var(--terracotta);color:var(--soft-cream)}.bg-btn-label{font-size:11px}.app-body{flex:1;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1.5px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0;box-shadow:2px 0 8px #3d2b1f0f}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.sidebar-search{display:flex;align-items:center;gap:7px;padding:10px 12px;border-bottom:1.5px solid var(--border);background:var(--parchment);position:sticky;top:0;z-index:1}.search-icon{color:var(--text-muted);flex-shrink:0}.search-input{flex:1;background:var(--soft-cream);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:Nunito,sans-serif;font-size:13px;font-weight:600;padding:5px 8px;min-width:0}.search-input::placeholder{color:var(--text-muted);font-weight:400}.search-input:focus{outline:none;border-color:var(--terracotta)}.search-clear{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px 4px;border-radius:3px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.search-clear:hover{color:var(--danger);background:#a0392b14}.suggestion-list{display:flex;flex-direction:column;padding:6px 8px;gap:4px}.suggestion-item{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:var(--radius-sm);border:1.5px solid transparent;background:var(--soft-cream);cursor:grab;transition:all .15s ease-out;-webkit-user-select:none;user-select:none}.suggestion-item:hover{border-color:var(--terracotta);background:#faf4eb;transform:translate(2px)}.suggestion-item:active{cursor:grabbing}.sug-icon{flex-shrink:0}.sug-text{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.sug-label{font-size:13px;font-weight:700;color:var(--earth-brown)}.sug-cat{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.sug-drag{color:var(--text-muted);flex-shrink:0}.search-empty{padding:20px 16px;font-size:12px;color:var(--text-muted);text-align:center;line-height:1.6}.search-empty em{color:var(--warm-clay);font-style:normal;font-weight:700}.sidebar-section{border-bottom:1.5px solid var(--border)}.sidebar-section-header{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s;background:var(--parchment)}.sidebar-section-header:hover{color:var(--warm-clay)}.sidebar-section-header .chevron{margin-left:auto;transition:transform .2s;color:var(--warm-stone)}.sidebar-section-header .chevron.open{transform:rotate(90deg)}.sidebar-items{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:8px 10px 12px;background:var(--surface)}.sidebar-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 4px 8px;border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--soft-cream);cursor:grab;transition:all .18s ease-out;-webkit-user-select:none;user-select:none;box-shadow:0 1px 4px #3d2b1f12}.sidebar-item:hover{border-color:var(--terracotta);transform:translateY(-2px);box-shadow:0 5px 14px #c67b5c2e;background:#faf4eb}.sidebar-item:active{cursor:grabbing;transform:translateY(0)}.sidebar-item .item-icon{line-height:1;flex-shrink:0}.sidebar-item .item-label{font-size:10px;color:var(--text-muted);text-align:center;font-weight:600}.canvas-area{flex:1;position:relative;overflow:hidden;background-color:#eae0cb}.canvas-area[data-bg=grass]{background-color:#5b7a34;background-image:repeating-linear-gradient(80deg,transparent 0px,transparent 4px,rgba(120,185,65,.25) 4px,rgba(120,185,65,.25) 5px),repeating-linear-gradient(100deg,transparent 0px,transparent 7px,rgba(90,150,40,.2) 7px,rgba(90,150,40,.2) 8px);background-size:30px 30px}.canvas-area[data-bg=concrete]{background-color:#9e9b94;background-image:linear-gradient(rgba(70,68,64,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(70,68,64,.3) 1px,transparent 1px),linear-gradient(rgba(160,158,154,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(160,158,154,.2) 1px,transparent 1px);background-size:60px 60px,60px 60px,15px 15px,15px 15px}.canvas-area[data-bg=dirt]{background-color:#7a4f2e;background-image:radial-gradient(ellipse 6px 4px at 12px 10px,rgba(45,25,10,.35) 0%,transparent 100%),radial-gradient(ellipse 5px 6px at 30px 28px,rgba(45,25,10,.28) 0%,transparent 100%),radial-gradient(circle 2px at 22px 6px,rgba(185,148,95,.3) 0%,transparent 100%),radial-gradient(circle 2px at 8px 32px,rgba(185,148,95,.25) 0%,transparent 100%);background-size:40px 40px}.canvas-drop-hint{position:absolute;bottom:18px;left:50%;transform:translate(-50%);background:#3d2b1f8c;color:var(--soft-cream);font-size:12px;font-weight:600;padding:7px 18px;border-radius:20px;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.03em}.props-panel{width:var(--props-w);background:var(--surface);border-left:1.5px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;box-shadow:-2px 0 8px #3d2b1f0f}.props-panel::-webkit-scrollbar{width:4px}.props-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.props-header{padding:12px 14px 9px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);border-bottom:1.5px solid var(--border);background:var(--parchment);font-family:Nunito,sans-serif}.props-empty{padding:20px 16px;font-size:12px;color:var(--text-muted);text-align:center;line-height:1.6}.props-field{padding:8px 14px;border-bottom:1px solid rgba(212,196,168,.5)}.props-field label{display:block;font-size:10px;color:var(--text-muted);margin-bottom:4px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.props-field input[type=text],.props-field input[type=number]{width:100%;background:var(--soft-cream);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:5px 9px;font-size:12px;font-family:Nunito,sans-serif;font-weight:600}.props-field input[type=color]{width:100%;height:30px;background:none;border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:2px}.props-field input:focus{outline:none;border-color:var(--terracotta)}.companions-field{padding-bottom:12px}.companion-item{display:flex;gap:8px;align-items:flex-start;padding:8px 10px;margin-top:6px;border-radius:var(--radius-sm);font-size:11px;line-height:1.35}.companion-item strong{display:block;font-size:11.5px;margin-bottom:2px}.companion-item span{color:#2b1e12c7}.companion-item svg{flex-shrink:0;margin-top:1px}.companion-item.bad{background:#dc50321a;color:#7a2a1a;border:1px solid rgba(220,80,50,.25)}.companion-item.bad svg{color:#c44a2a}.companion-item.good{background:#5aa05a1a;color:#2d5a2d;border:1px solid rgba(90,160,90,.25)}.companion-item.good svg{color:#4a8a4a}.props-actions{display:flex;flex-direction:column;gap:7px;padding:12px 14px}.props-row{display:flex;gap:6px}.props-row .btn{flex:1;justify-content:center;font-size:11px;padding:5px 4px}.props-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.selection-summary{padding-top:14px;padding-bottom:10px}.selected-object-list{display:flex;flex-wrap:wrap;gap:6px}.selected-object-chip{border:1.5px solid var(--border);background:var(--soft-cream);color:var(--earth-brown);border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700;cursor:pointer}.selected-object-chip.active{background:var(--terracotta);border-color:var(--terracotta);color:var(--soft-cream)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3d2b1f73;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal{background:var(--soft-cream);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:28px;min-width:320px;max-width:420px;width:90%;box-shadow:var(--shadow-card)}.modal h2{font-family:Lora,serif;font-size:18px;margin-bottom:18px;color:var(--warm-clay)}.modal-title-icon{display:flex;align-items:center;gap:8px}.modal-copy{font-size:13px;line-height:1.6;color:var(--text-muted);margin-bottom:14px}.modal-copy.subtle{margin-bottom:0;font-size:12px}.modal-input{width:100%;background:var(--parchment);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:9px 13px;font-size:14px;margin-bottom:14px;font-family:Nunito,sans-serif}.modal-input:focus{outline:none;border-color:var(--terracotta)}.layout-list{display:flex;flex-direction:column;gap:7px;margin-bottom:14px;max-height:200px;overflow-y:auto}.layout-item{display:flex;align-items:center;gap:8px;padding:9px 13px;background:var(--parchment);border-radius:var(--radius-sm);border:1.5px solid var(--border);cursor:pointer;transition:border-color .15s}.layout-item:hover{border-color:var(--terracotta)}.layout-copy{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.layout-copy span{font-size:13px;font-weight:700;color:var(--earth-brown)}.layout-copy small{font-size:10px;color:var(--text-muted)}.layout-item .layout-del{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;padding:2px 4px}.layout-item .layout-del:hover{color:var(--danger)}.layout-item .layout-del:disabled{opacity:.45;cursor:not-allowed}.cloud-account{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;margin-bottom:14px;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--parchment)}.cloud-account-copy{min-width:0;display:flex;align-items:center;gap:10px;color:var(--warm-clay)}.cloud-account-copy div{min-width:0;display:flex;flex-direction:column;gap:2px}.cloud-account-copy strong{font-size:13px;color:var(--earth-brown);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cloud-account-copy span{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-actions{display:flex;gap:8px;justify-content:flex-end}.save-load-modal{max-width:520px}.save-load-section{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.save-load-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.save-load-divider{height:1px;background:#d4c4a8cc;margin:12px 0 16px}.modal-error{font-size:12px;color:var(--danger);line-height:1.5}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.size-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.size-field{padding:0;border-bottom:none}.layers-modal{max-width:620px}.layers-list{display:flex;flex-direction:column;gap:8px;max-height:360px;overflow-y:auto;margin-bottom:18px}.layer-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--parchment);cursor:pointer}.layer-row.selected{border-color:var(--terracotta);box-shadow:0 0 0 2px #c67b5c1f}.layer-meta{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.layer-meta strong{font-size:13px;color:var(--earth-brown)}.layer-meta span{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.layer-actions{display:flex;gap:6px}.layer-actions .btn{padding:5px 8px;font-size:11px}.modal-tabs{display:flex;gap:4px;margin-bottom:14px;border-bottom:2px solid var(--border);padding-bottom:4px}.modal-tab{background:none;border:none;cursor:pointer;padding:5px 14px;font-size:13px;font-weight:600;color:var(--text-muted);font-family:var(--font-ui);border-radius:6px 6px 0 0;transition:color .15s,background .15s}.modal-tab:hover{color:var(--terracotta)}.modal-tab.active{color:var(--terracotta);background:#c67b5c1a}.example-grid{display:flex;flex-direction:column;gap:8px;margin-bottom:14px;max-height:260px;overflow-y:auto}.example-card{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);cursor:pointer;transition:border-color .15s,background .15s}.example-card:hover{border-color:var(--terracotta);background:#c67b5c12}.example-icon{line-height:1;flex-shrink:0;color:var(--warm-clay)}.example-info{display:flex;flex-direction:column;gap:2px}.example-name{font-size:13px;font-weight:700;color:var(--text-primary)}.example-desc{font-size:11px;color:var(--text-muted)}.export-formats{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.export-format-btn{display:grid;grid-template-columns:32px 52px 1fr;align-items:center;gap:8px;padding:11px 14px;border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--parchment);cursor:pointer;text-align:left;transition:all .15s ease-out;font-family:Nunito,sans-serif}.export-format-btn:hover{border-color:var(--terracotta);background:#faf4eb}.export-format-btn.selected{border-color:var(--terracotta);background:#c67b5c1f;box-shadow:0 0 0 3px #c67b5c26}.export-format-btn .ef-icon{font-size:20px;text-align:center}.export-format-btn .ef-label{font-size:14px;font-weight:700;color:var(--earth-brown)}.export-format-btn .ef-desc{font-size:11px;color:var(--text-muted)}.export-quality label{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:8px}.export-quality-opts{display:flex;gap:7px}.export-quality-opts .btn{flex:1;justify-content:center;font-size:12px}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:140;display:flex;align-items:center;justify-content:center;padding:28px;background:radial-gradient(circle at top left,rgba(198,123,92,.18),transparent 32%),radial-gradient(circle at bottom right,rgba(107,123,60,.22),transparent 34%),#291d1594;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:onboarding-fade-in .18s ease-out}.onboarding-overlay.is-closing{animation:onboarding-fade-out .18s ease-in forwards}.onboarding-modal{width:min(920px,100%);border:1.5px solid rgba(245,240,225,.18);border-radius:24px;background:linear-gradient(135deg,#ede5d0fa,#f5f0e1fa);box-shadow:0 24px 60px #1f16104d;padding:28px;color:var(--text);animation:onboarding-pop-in .22s ease-out}.onboarding-modal.is-closing{animation:onboarding-pop-out .18s ease-in forwards}.onboarding-eyebrow{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:#c67b5c24;color:var(--accent2);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px}.onboarding-header{display:flex;justify-content:space-between;gap:20px;margin-bottom:24px}.onboarding-header h1{font-family:Lora,Georgia,serif;font-size:clamp(30px,4vw,44px);line-height:1.04;color:var(--dark-soil);max-width:11ch;margin-bottom:12px}.onboarding-header p{max-width:560px;font-size:15px;line-height:1.65;color:#3d2b1fc7}.onboarding-close-btn{align-self:flex-start;background:#ffffff73}.onboarding-content{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.85fr);gap:20px;margin-bottom:24px}.onboarding-steps{display:flex;flex-direction:column;gap:0;position:relative}.onboarding-step{display:flex;align-items:flex-start;gap:14px;padding:0 0 18px;position:relative}.onboarding-step:not(:last-child):after{content:"";position:absolute;left:17px;top:40px;bottom:6px;width:2px;border-radius:999px;background:#6b7b3c38}.onboarding-step span{font-size:14px;line-height:1.5;font-weight:700;color:var(--earth-brown)}.onboarding-step-number{width:36px;height:36px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;background:var(--olive);font-size:13px;font-weight:800;box-shadow:inset 0 1px #ffffffa6;z-index:1}.onboarding-demo-card{border-radius:20px;padding:20px;background:linear-gradient(180deg,#6b7b3c1f,#6b7b3c08),#fffbf3eb;border:1.5px solid rgba(107,123,60,.24)}.onboarding-demo-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#6b7b3c21;color:var(--olive);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}.onboarding-demo-card h2{font-family:Lora,Georgia,serif;font-size:22px;color:var(--earth-brown);margin-bottom:10px}.onboarding-demo-card p{font-size:14px;line-height:1.6;color:#3d2b1fc2;margin-bottom:14px}.onboarding-example-list{display:flex;flex-direction:column;gap:8px;margin-bottom:14px;max-height:230px;overflow-y:auto}.onboarding-example-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(107,123,60,.22);background:#fffcf6b8;color:var(--earth-brown);font:inherit;font-size:13px;font-weight:700;text-align:left;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.onboarding-example-option:hover,.onboarding-example-option.active{border-color:var(--olive);background:#6b7b3c1f;color:var(--olive)}.onboarding-example-desc{min-height:45px;margin-bottom:0}.onboarding-step-body{display:flex;flex-direction:column;gap:4px;min-width:0}.onboarding-step-desc{font-size:12px;line-height:1.5;color:var(--text-muted);font-weight:400;margin:0}.onboarding-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.onboarding-support-link{margin-right:auto;color:var(--warm-clay);font-size:12px;font-weight:700;text-decoration:none}.onboarding-support-link:hover{text-decoration:underline}.onboarding-demo-btn{min-width:168px;justify-content:center}@keyframes onboarding-fade-in{0%{opacity:0}to{opacity:1}}@keyframes onboarding-fade-out{0%{opacity:1}to{opacity:0}}@keyframes onboarding-pop-in{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes onboarding-pop-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.98)}}@media (max-width: 920px){.onboarding-content{grid-template-columns:1fr}.onboarding-header{flex-direction:column}.onboarding-close-btn{align-self:stretch;justify-content:center}}@media (max-width: 700px){.onboarding-overlay{padding:16px}.onboarding-modal{padding:22px 18px;border-radius:20px}.onboarding-steps{grid-template-columns:1fr}.onboarding-actions{flex-direction:column-reverse;align-items:stretch}.onboarding-actions .btn,.onboarding-demo-btn,.onboarding-support-link{width:100%}.onboarding-support-link{margin-right:0;text-align:center}}.threed-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#1f1810;display:flex;flex-direction:column}.threed-canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.threed-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;background:#1f18107a;pointer-events:none}.threed-loading-card{width:min(420px,calc(100vw - 32px));padding:16px 18px;border:1.5px solid rgba(212,196,168,.82);border-radius:var(--radius-md);background:#f5f0e1f2;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:8px}.threed-loading-label{font-family:Lora,serif;font-size:15px;font-weight:600;color:var(--warm-clay)}.threed-loading-bar{width:100%;height:10px;overflow:hidden;border-radius:999px;background:#9c8b7a3d}.threed-loading-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--terracotta) 0%,var(--warm-clay) 100%);transition:width .18s ease-out}.threed-loading-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;color:var(--earth-brown)}.threed-loading-item{min-height:1.2em;font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.threed-header{position:absolute;top:12px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;z-index:2;pointer-events:none}.threed-header>*{pointer-events:auto}.threed-title{display:flex;align-items:center;gap:8px;background:#f5f0e1eb;border:1.5px solid var(--border);border-radius:var(--radius-md);padding:8px 14px;font-family:Lora,serif;font-weight:600;font-size:14px;color:var(--warm-clay);box-shadow:var(--shadow-soft)}.threed-header-actions{display:flex;gap:8px}.threed-header-actions .btn{background:#f5f0e1eb;box-shadow:var(--shadow-soft)}.threed-hint{position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:2;background:#f5f0e1d9;border:1.5px solid var(--border);border-radius:var(--radius-md);padding:6px 12px;font-size:11px;color:var(--text-muted);pointer-events:none}.threed-sun-control{position:absolute;top:64px;left:12px;z-index:2;background:#f5f0e1f0;border:1.5px solid var(--border);border-radius:var(--radius-md);padding:10px 14px;width:min(320px,70vw);display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow-soft)}.threed-sun-row{display:flex;align-items:center;gap:8px;color:var(--earth-brown);font-size:12px;font-weight:600}.threed-sun-time{font-family:Lora,serif;font-size:13px;flex:1}.threed-sun-control .btn-link{background:none;border:none;color:var(--terracotta);font-size:11px;cursor:pointer;font-family:Nunito,sans-serif;padding:2px 4px}.threed-sun-control .btn-link:hover{text-decoration:underline}.threed-sun-slider{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:4px;background:linear-gradient(90deg,#1a2740,#1a2740 18%,#f2a06b 25%,#ffe38a,#f2a06b 75%,#1a2740 82%,#1a2740);outline:none}.threed-sun-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--soft-cream);border:2px solid var(--terracotta);cursor:pointer;box-shadow:0 1px 3px #0000004d}.threed-sun-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--soft-cream);border:2px solid var(--terracotta);cursor:pointer}.threed-sun-ticks{display:flex;justify-content:space-between;font-size:9px;color:var(--text-muted);letter-spacing:.04em}.shopping-list-modal{max-width:640px}.shopping-list{max-height:360px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;margin-bottom:14px;padding-right:4px}.shopping-list-header,.shopping-list-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto auto;align-items:center;gap:10px;padding:8px 12px;font-size:12px}.shopping-list-header>:nth-child(2),.shopping-list-row>:nth-child(2),.shopping-list-header>:nth-child(3),.shopping-list-row>:nth-child(3),.shopping-list-header>:nth-child(4),.shopping-list-row>:nth-child(4){white-space:nowrap}.shopping-list-header{background:#d4c4a866;border-radius:var(--radius-sm);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.shopping-list-row{background:var(--parchment);border:1.5px solid var(--border);border-radius:var(--radius-sm);transition:border-color .15s}.shopping-list-row:hover{border-color:var(--terracotta)}.shopping-item-label{font-weight:700;color:var(--earth-brown);text-transform:capitalize;word-break:break-word;line-height:1.3}.shopping-item-count,.shopping-item-unit{color:var(--text-muted)}.shopping-item-total{font-weight:700;color:var(--earth-brown)}.shopping-buy-btn{padding:5px 10px;font-size:11px;text-decoration:none}.shopping-list-total{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#c67b5c1a;border:1.5px solid var(--terracotta);border-radius:var(--radius-md);margin-bottom:12px;font-family:Lora,serif;font-size:14px;color:var(--earth-brown)}.shopping-list-total-value{font-size:18px;font-weight:700;color:var(--terracotta)}@media (max-width: 600px){.shopping-list-header,.shopping-list-row{grid-template-columns:minmax(0,1fr) auto auto auto;font-size:11px;gap:6px;padding:8px 10px}.shopping-list-header>:nth-child(3),.shopping-list-row>:nth-child(3){display:none}.shopping-buy-btn{padding:4px 8px}}.calendar-modal{max-width:860px;width:min(95vw,860px)}.calendar-legend{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:14px}.calendar-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted);font-weight:600}.calendar-legend-swatch{width:14px;height:14px;border-radius:4px;flex-shrink:0}.calendar-toggle{display:flex;gap:6px;margin-bottom:14px}.calendar-toggle-btn{display:flex;align-items:center;gap:6px}.calendar-badge{background:var(--terracotta);color:#fff;font-size:10px;font-weight:700;border-radius:999px;padding:1px 6px;line-height:1.5}.calendar-scroll{overflow-y:auto;max-height:360px;margin-bottom:12px;border:1.5px solid var(--border);border-radius:var(--radius-md)}.calendar-grid{display:grid;grid-template-columns:110px repeat(12,1fr);gap:2px;padding:4px 6px;min-width:560px}.calendar-month-header{text-align:center;font-size:10px;font-weight:700;letter-spacing:.04em;color:var(--text-muted);padding:5px 2px;border-radius:var(--radius-sm)}.calendar-month-header.cal-current{color:var(--terracotta);background:#c67b5c21}.calendar-plant-row{border-radius:var(--radius-sm);transition:background .12s}.calendar-plant-row.hovered{background:#d4c4a84d}.calendar-row-label{font-size:12px;font-weight:700;color:var(--earth-brown);display:flex;align-items:center;padding-right:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-cell{height:22px;border-radius:3px;background:var(--surface2);transition:opacity .12s}.calendar-cell.cal-current{outline:1.5px solid var(--terracotta);outline-offset:-1px}.calendar-cell.filled{opacity:.88}.calendar-empty{padding:28px 16px;text-align:center;font-size:13px;color:var(--text-muted)}.calendar-notes{min-height:36px;background:var(--parchment);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:8px 14px;font-size:12px;line-height:1.55;color:var(--text-muted);margin-bottom:14px}.calendar-notes-name{font-weight:700;color:var(--earth-brown)}.calendar-notes-placeholder{font-style:italic}