@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Inter:wght@300;400;500;600;700&display=swap";:root{--s-bg: #F7F4F0;--s-surface: #FFFFFF;--s-surface-2: #F2EDE8;--s-border: #E8E2D9;--s-text: #1A1A1A;--s-text-2: #6B6560;--s-text-3: #9C9490;--s-accent: #B8874B;--s-accent-d: #9A6D38;--s-glow: rgba(184,135,75,.18);--s-danger: #C0392B;--s-danger-d: #A93226;--s-dark-bg: #141210;--s-dark-surface: #1E1B18;--s-dark-surface2: #252019;--s-dark-border: #2E2A24;--s-dark-text: #F0EDE8;--s-dark-text2: #A09890;--f-serif: "Playfair Display", Georgia, serif;--f-sans: "Inter", system-ui, -apple-system, sans-serif;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-xl: 24px;--sh-card: 0 2px 12px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.04);--sh-lift: 0 8px 32px rgba(0,0,0,.1), 0 2px 8px rgba(0,0,0,.06);--sh-top: 0 -1px 0 var(--s-border)}html.dark{--s-bg: var(--s-dark-bg);--s-surface: var(--s-dark-surface);--s-surface-2:var(--s-dark-surface2);--s-border: var(--s-dark-border);--s-text: var(--s-dark-text);--s-text-2: var(--s-dark-text2)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}html,body{height:100%;font-family:var(--f-sans);background:var(--s-bg);color:var(--s-text);-webkit-font-smoothing:antialiased;transition:background .3s,color .3s}button{cursor:pointer;font-family:var(--f-sans)}a{color:inherit;text-decoration:none}input,select,textarea{font-family:var(--f-sans)}@keyframes pageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.landing,.db-root,.room-setup-page,.editor,.preview-page{animation:pageIn .35s cubic-bezier(.22,1,.36,1) both}.sp-nav{background:var(--s-surface);border-bottom:1px solid var(--s-border);padding:0 32px;height:60px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;flex-shrink:0}.sp-nav-logo{font-family:var(--f-serif);font-size:22px;font-weight:700;color:var(--s-text);letter-spacing:-.5px}.sp-nav-right{display:flex;align-items:center;gap:10px}.sp-btn{font-family:var(--f-sans);font-size:14.5px;font-weight:500;border-radius:var(--r-md);height:38px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s;outline:none;border:none;white-space:nowrap}.sp-btn-primary{background:var(--s-text);color:#f7f4f0}.sp-btn-primary:hover{background:#3a3530;transform:translateY(-1px);box-shadow:0 4px 14px #0000002e;color:#f7f4f0}.sp-btn-primary:active{transform:translateY(0);box-shadow:none}.sp-btn-accent{background:var(--s-accent);color:#fff}.sp-btn-accent:hover{background:var(--s-accent-d);transform:translateY(-1px);box-shadow:0 4px 14px #b8874b59;color:#fff}.sp-btn-accent:active{transform:translateY(0)}.sp-btn-ghost{background:transparent;color:var(--s-text-2);border:1.5px solid var(--s-border)}.sp-btn-ghost:hover{border-color:var(--s-accent);color:var(--s-accent);box-shadow:0 0 0 2px var(--s-glow),0 0 12px var(--s-glow)}.sp-btn-danger{background:var(--s-danger);color:#fff}.sp-btn-danger:hover{background:var(--s-danger-d);color:#fff;transform:translateY(-1px)}.sp-dark-toggle{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--s-border);background:var(--s-surface);color:var(--s-text-2);font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s}.sp-dark-toggle:hover{border-color:var(--s-accent);color:var(--s-accent);box-shadow:0 0 0 3px var(--s-glow)}.auth-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-modal{background:var(--s-surface);border:1px solid var(--s-border);border-radius:var(--r-xl, 20px);padding:40px;width:100%;max-width:400px;margin:auto;box-shadow:0 12px 48px #0000001f;position:relative;text-align:center;animation:slideUp .2s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.auth-modal .btn-close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:var(--s-text-3);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.auth-modal .btn-close:hover{background:var(--s-surface-2);color:var(--s-text)}.auth-logo{margin-bottom:28px}.auth-logo .logo-icon{font-size:32px;margin-bottom:12px;display:inline-block}.auth-logo h2{font-family:var(--f-serif);font-size:1.5rem;font-weight:600;color:var(--s-text);margin-bottom:6px}.auth-logo p{font-size:.9rem;color:var(--s-text-2)}.auth-options{display:flex;flex-direction:column;gap:12px}.auth-btn-primary{background:var(--s-text);color:var(--s-surface);border:none;padding:13px;border-radius:var(--r-md);font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s,transform .15s}.auth-btn-primary:hover{background:var(--s-text-2);transform:translateY(-1px)}.auth-btn-guest{background:transparent;color:var(--s-text);border:1.5px solid var(--s-border);padding:13px;border-radius:var(--r-md);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.auth-btn-guest:hover{border-color:var(--s-accent);color:var(--s-accent)}.auth-divider{position:relative;text-align:center;margin:4px 0}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--s-border)}.auth-divider span{position:relative;background:var(--s-surface);padding:0 12px;font-size:.8rem;color:var(--s-text-3);text-transform:uppercase;letter-spacing:.5px}.auth-form{display:flex;flex-direction:column;gap:16px;text-align:left}.auth-form .form-group{display:flex;flex-direction:column;gap:6px}.auth-form label{font-size:.8rem;font-weight:500;color:var(--s-text-2);text-transform:uppercase;letter-spacing:.5px}.auth-form input{padding:12px 14px;border:1.5px solid var(--s-border);border-radius:var(--r-md);font-size:.95rem;color:var(--s-text);background:var(--s-surface);outline:none;transition:border-color .2s,box-shadow .2s}.auth-form input:focus{border-color:var(--s-accent);box-shadow:0 0 0 3px var(--s-glow)}.auth-hint{font-size:.8rem;color:var(--s-text-3);margin-top:16px}.auth-hint strong{color:var(--s-text-2)}.auth-btn-back{background:none;border:none;color:var(--s-text-2);font-size:.85rem;cursor:pointer;margin-top:20px;transition:color .2s}.auth-btn-back:hover{color:var(--s-text)}.sp-nav{display:flex;align-items:center;justify-content:space-between;padding:0 48px;height:64px;background:var(--s-surface);border-bottom:1px solid var(--s-border);position:sticky;top:0;z-index:100;transition:background .3s,border-color .3s;gap:24px}@media(max-width:900px){.sp-nav{padding:18px 28px}}.sp-logo{font-family:var(--f-serif);font-size:1.6rem;font-weight:500;letter-spacing:-.5px;color:var(--s-text);cursor:pointer;flex-shrink:0}.sp-nav-links{display:flex;align-items:center;gap:4px;flex:1}.sp-nav-link{font-family:var(--f-sans);font-size:.875rem;font-weight:500;padding:7px 14px;border-radius:var(--r-md);border:none;background:transparent;color:var(--s-text-2);cursor:pointer;transition:background .15s,color .15s}.sp-nav-link:hover{color:var(--s-text)}.sp-nav-active{color:var(--s-accent)!important;font-weight:500}.sp-nav-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.sp-dark-toggle{background:transparent;border:1.5px solid var(--s-border);color:var(--s-text-2);border-radius:var(--r-btn, 10px);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;outline:none;transition:all .2s}.sp-dark-toggle:hover{border-color:var(--s-accent);color:var(--s-accent)}.sp-dark-toggle:focus-visible{border-color:var(--s-accent);box-shadow:0 0 0 3px var(--s-glow)}.sp-btn-signin{font-family:var(--f-sans);font-size:.875rem;font-weight:500;color:var(--s-text);background:transparent;border:1.5px solid var(--s-border);border-radius:var(--r-btn, 10px);padding:9px 22px;cursor:pointer;letter-spacing:.2px;transition:border-color .2s,color .2s}.sp-btn-signin:hover{border-color:var(--s-accent);color:var(--s-accent)}.sp-btn-ghost-sm{font-family:var(--f-sans);font-size:.875rem;font-weight:500;color:var(--s-text-2);background:transparent;border:1.5px solid transparent;height:38px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--r-btn, 10px);cursor:pointer;transition:color .2s}.sp-btn-ghost-sm:hover{color:var(--s-accent)}.sp-btn-new{font-family:var(--f-sans);background:var(--s-text);color:var(--s-surface);border:1.5px solid transparent;border-radius:var(--r-btn, 10px);padding:8px 20px;font-size:.875rem;font-weight:500;cursor:pointer;white-space:nowrap;letter-spacing:.2px;display:flex;align-items:center;gap:6px;transition:all .2s}.sp-btn-new:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026;opacity:.9}.sp-btn-new:active{transform:translateY(0);box-shadow:none}html.dark .sp-btn-new{background:var(--s-surface-2);color:var(--s-text);border-color:var(--s-border)}html.dark .sp-btn-new:hover{border-color:var(--s-accent);color:var(--s-accent)}:root{--c-bg: var(--s-bg);--c-surface: var(--s-surface);--c-border: var(--s-border);--c-text: var(--s-text);--c-muted: var(--s-text-2);--c-accent: var(--s-accent);--c-accent-dk: var(--s-accent-d);--c-glow: var(--s-glow);--c-glow-md: rgba(184, 135, 75, .28);--r-card: 20px;--r-btn: 10px;--font-serif: "Playfair Display", Georgia, serif;--font-sans: "Inter", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.landing{font-family:var(--font-sans);background:var(--c-bg);color:var(--c-text);min-height:100vh;overflow-x:hidden}.hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:96px 64px 80px;max-width:1280px;margin:0 auto}.hero-eyebrow{font-size:.75rem;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--c-accent);margin-bottom:20px}.hero-headline{font-family:var(--font-serif);font-size:clamp(2.4rem,4vw,3.6rem);font-weight:500;line-height:1.18;letter-spacing:-.5px;color:var(--c-text);margin-bottom:24px}.hero-headline em{font-style:italic;color:var(--c-accent)}.hero-sub{font-size:1.05rem;font-weight:300;color:var(--c-muted);line-height:1.75;max-width:460px;margin-bottom:40px}.hero-cta{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.btn-primary{font-family:var(--font-sans);font-size:.9rem;font-weight:500;background:var(--c-text);color:var(--c-bg);border:none;border-radius:var(--r-btn);padding:13px 30px;cursor:pointer;letter-spacing:.3px;transition:background .2s,transform .15s}.btn-primary:hover{background:var(--c-muted);transform:translateY(-1px);box-shadow:0 4px 12px #0000002e,0 0 0 1px var(--c-text)}.btn-primary:active{transform:translateY(0)}.btn-ghost{font-family:var(--font-sans);font-size:.9rem;font-weight:400;color:var(--c-muted);background:none;border:none;cursor:pointer;letter-spacing:.2px;transition:all .2s;padding:8px 16px;border-radius:var(--r-btn)}.btn-ghost:hover{background:var(--s-surface-2);color:var(--c-text)}.btn-ghost-sm{font-family:var(--font-sans);font-size:.875rem;font-weight:500;color:var(--c-muted);background:none;border:none;cursor:pointer;padding:4px 8px;transition:all .2s;border-radius:var(--r-btn)}.btn-ghost-sm:hover{background:var(--s-surface-2);color:var(--c-text)}.hero-visual{display:flex;justify-content:center;align-items:center}.room-art{position:relative;width:400px;height:360px;border-radius:24px;background:#f0ebe1;border:2px solid var(--c-border);overflow:hidden;box-shadow:0 0 0 1px var(--c-border),0 32px 64px #00000012}.ra-floor{position:absolute;inset:0;background:#ede6d8}.ra-wall-back{position:absolute;top:0;left:0;right:0;height:70px;background:#d8cfbe;border-bottom:3px solid #C8BDA8}.ra-wall-left{position:absolute;top:0;left:0;bottom:0;width:60px;background:#d4cabc;border-right:3px solid #C8BDA8}.ra-rug{position:absolute;left:100px;top:120px;width:200px;height:150px;background:#c4a882;border-radius:8px;opacity:.4}.ra-sofa{position:absolute;left:90px;top:80px;width:180px;height:64px;background:#8b7d6b;border-radius:10px;box-shadow:0 4px 12px #00000026}.ra-sofa:before{content:"";position:absolute;left:6px;right:6px;top:0;height:16px;background:#9b8d7b;border-radius:8px 8px 0 0}.ra-table{position:absolute;left:130px;top:190px;width:100px;height:70px;background:#7a6855;border-radius:8px;box-shadow:0 4px 10px #0003}.ra-chair{position:absolute;width:42px;height:42px;background:#a08c78;border-radius:8px;box-shadow:0 3px 8px #00000026}.ra-chair-1{left:100px;top:198px}.ra-chair-2{left:255px;top:198px}.ra-lamp{position:absolute;left:76px;top:76px;width:22px;height:22px;background:var(--c-accent);border-radius:50%;box-shadow:0 0 18px 6px #b8874b80}.section-divider{height:1px;background:var(--c-border);margin:0 64px}.features{padding:96px 64px;max-width:1280px;margin:0 auto}.features-header{margin-bottom:56px}.section-label{font-size:.72rem;font-weight:500;letter-spacing:2.5px;text-transform:uppercase;color:var(--c-accent);margin-bottom:14px}.section-title{font-family:var(--font-serif);font-size:clamp(1.8rem,3vw,2.4rem);font-weight:500;color:var(--c-text);letter-spacing:-.3px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{background:var(--c-bg);border:1.5px solid var(--c-border);border-radius:var(--r-card);padding:40px 36px;transition:border-color .25s,box-shadow .25s,transform .2s}.feature-card:hover{border-color:var(--c-accent);box-shadow:0 0 0 1px var(--c-accent),0 0 28px var(--c-glow),0 0 60px var(--c-glow);transform:translateY(-3px)}.feature-icon{display:block;font-size:1.8rem;margin-bottom:20px;filter:grayscale(.3)}.feature-title{font-family:var(--font-serif);font-size:1.2rem;font-weight:600;color:var(--c-text);margin-bottom:12px}.feature-desc{font-size:.9rem;font-weight:300;color:var(--c-muted);line-height:1.75}.cta-banner{background:var(--c-surface);border-top:1px solid var(--c-border);border-bottom:1px solid var(--c-border);text-align:center;padding:96px 64px}.cta-title{font-family:var(--font-serif);font-size:clamp(2rem,3.5vw,3rem);font-weight:500;letter-spacing:-.4px;color:var(--c-text);margin-bottom:16px}.cta-sub{font-size:1rem;font-weight:300;color:var(--c-muted);margin-bottom:40px}.landing-footer{display:flex;align-items:center;justify-content:space-between;padding:32px 64px;border-top:1px solid var(--c-border)}.footer-logo{font-size:1.2rem}.footer-copy{font-size:.8rem;color:var(--c-muted);font-weight:300}@media(max-width:900px){.landing-nav{padding:18px 28px}.hero{grid-template-columns:1fr;padding:64px 28px 56px;gap:48px}.hero-visual{order:-1}.room-art{width:100%;max-width:360px;height:300px}.features{padding:64px 28px}.feature-grid{grid-template-columns:1fr;gap:16px}.section-divider{margin:0 28px}.cta-banner{padding:64px 28px}.landing-footer{flex-direction:column;gap:12px;text-align:center;padding:28px}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f9f8f6;font-family:Inter,system-ui,sans-serif}.login-card{background:#fff;border:1.5px solid #E8E5DF;border-radius:20px;padding:52px 44px;width:100%;max-width:420px;box-shadow:0 8px 40px #0000000f}.login-logo{text-align:center;margin-bottom:40px}.logo-icon{font-size:44px}.login-logo h1{font-family:Playfair Display,Georgia,serif;font-size:1.9rem;font-weight:600;color:#1a1a1a;margin:10px 0 4px;letter-spacing:-.3px}.login-logo p{font-size:.8rem;font-weight:300;letter-spacing:1.8px;text-transform:uppercase;color:#b89a6a}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:7px}.form-group label{font-size:.78rem;font-weight:500;letter-spacing:.5px;color:#6b6860;text-transform:uppercase}.form-group input{padding:13px 16px;border:1.5px solid #E8E5DF;border-radius:10px;font-size:.95rem;font-family:Inter,system-ui,sans-serif;color:#1a1a1a;outline:none;transition:border-color .2s,box-shadow .2s;background:#fff}.form-group input:focus{border-color:#b89a6a;box-shadow:0 0 0 3px #b89a6a26}.form-group input::placeholder{color:#c0bbaf}.error-msg{color:#9b3434;font-size:.82rem;background:#fdf4f4;padding:10px 14px;border-radius:8px;border:1px solid #F0D4D4}.login-form .btn-primary{background:#1a1a1a;color:#fff;border:none;padding:14px;border-radius:10px;font-size:.9rem;font-weight:500;font-family:Inter,system-ui,sans-serif;cursor:pointer;letter-spacing:.3px;margin-top:4px;transition:background .2s,transform .15s}.login-form .btn-primary:hover{background:#333;transform:translateY(-1px)}.login-hint{text-align:center;margin-top:24px;font-size:.78rem;color:#b0a99f}.login-hint strong{color:#6b6860;font-weight:500}.btn-back-landing{display:block;margin:16px auto 0;background:none;border:none;font-size:.8rem;color:#b0a99f;cursor:pointer;font-family:Inter,system-ui,sans-serif;transition:color .2s}.btn-back-landing:hover{color:#b89a6a}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:modalFadeIn .25s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--s-surface);border:1px solid var(--s-border);border-radius:20px;padding:32px;width:420px;box-shadow:0 24px 64px #0000004d,0 0 0 1px #ffffff08;display:flex;flex-direction:column;transform:translateY(0);animation:modalSlideUp .35s cubic-bezier(.16,1,.3,1);color:var(--s-text)}.modal-center{align-items:center;text-align:center}@keyframes modalSlideUp{0%{transform:translateY(20px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-icon-wrap{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.modal-icon-wrap.warn{background:#dc26261a}.icon-warn{color:#dc2626}.icon-save{color:var(--s-accent)}.modal-title{font-family:var(--f-serif);font-size:22px;font-weight:600;color:var(--s-text);margin-bottom:24px;letter-spacing:-.3px}.modal-center .modal-title{margin-bottom:12px}.modal-body{margin-bottom:32px;width:100%}.modal-body label{display:block;font-size:13.5px;font-weight:600;color:var(--s-text-2);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.modal-body input{width:100%;padding:14px 16px;border:1.5px solid var(--s-border);border-radius:12px;font-size:15px;outline:none;font-family:inherit;background:var(--s-bg);color:var(--s-text);transition:all .2s}.modal-body input:focus{border-color:var(--s-accent);box-shadow:0 0 0 3px var(--s-glow)}.modal-body p{font-size:15px;color:var(--s-text-2);line-height:1.5}.modal-warn{font-size:13.5px!important;color:#dc2626!important;margin-top:8px;font-weight:500}.modal-actions{display:flex;gap:12px;width:100%}.btn-confirm{background:var(--s-accent);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-size:14.5px;font-weight:600;flex:1;cursor:pointer;transition:all .2s}.btn-confirm:disabled{opacity:.5;cursor:not-allowed}.btn-confirm:not(:disabled):hover{background:var(--s-accent-d);transform:translateY(-1px);box-shadow:0 4px 12px var(--s-glow)}.btn-confirm:active{transform:translateY(0)}.btn-danger{background:#dc2626;color:#fff;border:none;padding:12px 24px;border-radius:12px;font-size:14.5px;font-weight:600;flex:1;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.btn-danger:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc262640}.btn-danger:active{transform:translateY(0)}.btn-cancel{background:transparent;color:var(--s-text);border:1.5px solid var(--s-border);padding:12px 24px;border-radius:12px;font-size:14.5px;font-weight:600;flex:1;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:var(--s-surface-2);border-color:var(--s-text-3)}.db-root{display:flex;flex-direction:column;min-height:100vh;background:var(--s-bg);font-family:var(--f-sans);animation:pageIn .35s ease both}.db-icon-btn{background:transparent;border:1.5px solid var(--s-border);color:var(--s-text-2);border-radius:var(--r-md);width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;outline:none;transition:all .2s}.db-icon-btn:hover{border-color:var(--s-accent);color:var(--s-accent)}.db-icon-btn:focus-visible{border-color:var(--s-accent);box-shadow:0 0 0 3px var(--s-glow)}.db-main{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:40px 48px;display:flex;flex-direction:column;gap:28px}.db-header{display:flex;align-items:flex-end;justify-content:space-between}.db-title{font-family:var(--f-serif);font-size:2rem;font-weight:600;color:var(--s-text);letter-spacing:-.4px;line-height:1.1}.db-sub{margin-top:4px;font-size:.875rem;color:var(--s-text-3)}.db-stats{display:flex;align-items:center;gap:24px;background:var(--s-surface);border:1px solid var(--s-border);border-radius:var(--r-lg);padding:18px 28px}.db-stat{display:flex;flex-direction:column;gap:2px}.db-stat-n{font-family:var(--f-serif);font-size:1.6rem;font-weight:600;color:var(--s-text);letter-spacing:-.3px}.db-stat-l{font-size:.72rem;color:var(--s-text-3);text-transform:uppercase;letter-spacing:.8px}.db-stat-div{width:1px;height:36px;background:var(--s-border);margin:0 4px}.db-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;padding:100px 40px;background:var(--s-surface);border:1px dashed var(--s-border);border-radius:var(--r-xl);margin-top:24px}.db-empty-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--s-bg);border-radius:50%;margin-bottom:8px}.db-empty-title{font-family:var(--f-serif);font-size:1.8rem;color:var(--s-text);font-weight:600;letter-spacing:-.3px}.db-empty-sub{font-size:.95rem;color:var(--s-text-3);max-width:420px;line-height:1.6}.db-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.db-card{display:flex;flex-direction:column;background:var(--s-surface);border:1.5px solid var(--s-border);border-radius:var(--r-lg);overflow:hidden;transition:box-shadow .25s,transform .25s,border-color .25s}.db-card:hover{border-color:var(--s-accent);transform:translateY(-4px);box-shadow:var(--sh-lift)}.db-thumb{background:var(--s-bg);border-bottom:1px solid var(--s-border);display:flex;align-items:center;justify-content:center;height:150px;padding:12px;overflow:hidden}.db-card-body{padding:14px 16px 10px;display:flex;flex-direction:column;gap:6px}.db-card-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.db-card-name{font-size:.95rem;font-weight:600;color:var(--s-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-card-shape{font-size:.72rem;color:var(--s-accent);background:var(--s-glow);border-radius:20px;padding:2px 8px;white-space:nowrap;flex-shrink:0}.db-card-meta{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--s-text-3)}.db-dot{opacity:.4}.db-card-actions{display:flex;align-items:center;gap:8px;padding:10px 16px 14px}.db-act-btn{border-radius:var(--r-md);border:1.5px solid var(--s-border);background:transparent;font-size:.8rem;font-weight:500;cursor:pointer;padding:7px 14px;transition:all .18s}.db-act-edit{flex:1;color:var(--s-text)}.db-act-edit:hover{background:var(--s-accent);border-color:var(--s-accent);color:#fff}.db-act-del{color:var(--s-text-3);font-size:1rem;padding:7px 10px}.db-act-del:hover{border-color:var(--s-danger);background:#c0392b12}.rs-page{min-height:100vh;display:flex;flex-direction:column;background:var(--s-bg)}.rs-main{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:48px 20px 64px}.rs-card{background:var(--s-surface);border:1px solid var(--s-border);border-radius:var(--r-xl);box-shadow:var(--sh-lift);width:100%;max-width:580px;overflow:hidden}.rs-header{padding:32px 36px 24px;border-bottom:1px solid var(--s-border)}.rs-title{font-family:var(--f-serif);font-size:28px;font-weight:700;color:var(--s-text);letter-spacing:-.3px}.rs-sub{margin-top:6px;font-size:14px;color:var(--s-text-2);line-height:1.5}.rs-form{padding:28px 36px 36px}.rs-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--s-text-3);margin-bottom:10px}.rs-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:6px}.rs-field{display:flex;flex-direction:column;gap:6px}.rs-field label{font-size:13px;font-weight:500;color:var(--s-text-2)}.rs-input{width:100%;padding:10px 14px;border:1.5px solid var(--s-border);border-radius:var(--r-md);font-size:15px;color:var(--s-text);background:var(--s-surface);transition:border-color .18s,box-shadow .18s;appearance:none}.rs-input:focus{outline:none;border-color:var(--s-accent);box-shadow:0 0 0 3px var(--s-glow)}.rs-input--err{border-color:var(--s-danger)}.rs-error{font-size:11.5px;color:var(--s-danger)}.rs-shape-row{display:flex;gap:10px;margin-bottom:6px}.rs-shape-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 8px;border:1.5px solid var(--s-border);border-radius:var(--r-md);background:var(--s-surface);color:var(--s-text-2);font-size:12px;font-weight:500;transition:all .18s}.rs-shape-btn:hover{border-color:var(--s-accent);color:var(--s-accent)}.rs-shape-btn--active{border-color:var(--s-accent);background:var(--s-glow);color:var(--s-accent);font-weight:600}.rs-shape-icon{font-size:22px}.rs-color{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1.5px solid var(--s-border);border-radius:var(--r-md);background:var(--s-surface)}.rs-color input[type=color]{width:38px;height:32px;border:none;border-radius:4px;cursor:pointer;padding:0;background:none}.rs-color span{font-size:13px;color:var(--s-text-2);font-family:Courier New,monospace}.rs-preview{margin:24px 0 28px;padding:20px;background:var(--s-surface-2);border-radius:var(--r-lg);border:1px dashed var(--s-border)}.rs-preview-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--s-text-3);margin-bottom:14px}.rs-preview-area{display:flex;justify-content:center;align-items:center;min-height:120px}.rs-preview-box{display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.rs-preview-box span{font-size:12px;font-weight:500;color:#00000080}.rs-submit{width:100%;justify-content:center;padding:13px;font-size:15px;border-radius:var(--r-md)}.editor{height:100vh;display:flex;flex-direction:column;overflow:hidden;background:var(--s-bg)}.editor-topbar{background:var(--s-surface);border-bottom:1px solid var(--s-border);padding:0 20px;height:56px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:12px}.topbar-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--s-text);font-family:var(--f-sans)}.topbar-logo{font-family:var(--f-serif);font-size:18px;font-weight:700;color:var(--s-text);margin-right:4px}.room-dims{font-size:12px;color:var(--s-text-3);font-weight:400;background:var(--s-surface-2);border:1px solid var(--s-border);border-radius:20px;padding:2px 10px}.topbar-right{display:flex;gap:8px;align-items:center}.btn-topbar{background:transparent;color:var(--s-text-2);border:1.5px solid var(--s-border);padding:7px 14px;border-radius:var(--r-md);font-size:14.5px;font-weight:500;transition:all .18s;display:flex;align-items:center;gap:6px}.btn-topbar:hover{border-color:var(--s-accent);color:var(--s-accent);box-shadow:0 0 0 2px var(--s-glow),0 0 10px var(--s-glow)}.btn-save{background:var(--s-text);color:var(--s-surface);border:none;padding:7px 16px;border-radius:var(--r-md);font-size:14.5px;font-weight:500;transition:background .18s;display:flex;align-items:center;gap:6px}.btn-save:hover{background:var(--s-text-2);color:var(--s-bg);transform:translateY(-1px);box-shadow:0 4px 12px #0000002e,0 0 0 1px var(--s-text)}.btn-save:active{transform:translateY(0)}.btn-3d{background:var(--s-accent);color:#fff;border:none;padding:7px 16px;border-radius:var(--r-md);font-size:14.5px;font-weight:500;transition:background .18s;display:flex;align-items:center;gap:6px}.btn-3d:hover{background:var(--s-accent-d);color:#fff;transform:translateY(-1px);box-shadow:0 4px 14px #b8874b59}.btn-3d:active{transform:translateY(0)}.editor-toolstrip{background:var(--s-surface-2);border-bottom:1px solid var(--s-border);padding:5px 16px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:8px}.toolstrip-left,.toolstrip-right{display:flex;align-items:center;gap:6px}.toolstrip-center{display:flex;align-items:center;gap:6px;margin:0 auto}.btn-export-pdf{border-color:var(--s-accent)!important;color:var(--s-accent)!important}.btn-export-pdf:hover{background:var(--s-accent)!important;color:#fff!important}.tool-btn{font-family:var(--f-sans);font-size:14px;font-weight:500;color:var(--s-text-2);background:var(--s-surface);border:1.5px solid var(--s-border);border-radius:var(--r-sm);padding:6px 14px;cursor:pointer;transition:all .15s;white-space:nowrap;display:flex;align-items:center;gap:6px}.tool-btn:hover{border-color:var(--s-accent);color:var(--s-accent)}.tool-btn--active{background:var(--s-accent);color:var(--s-bg);border-color:var(--s-accent)}.tool-btn--active:hover{background:var(--s-accent-d);color:var(--s-bg)}.tool-btn--dim{opacity:.35;cursor:not-allowed;pointer-events:none}.editor-body{flex:1;display:grid;grid-template-columns:280px 1fr 250px;gap:24px;background:var(--s-surface-2);overflow:hidden;padding:24px}.lib-panel{background:var(--s-surface);padding:16px;border:1px solid var(--s-border);border-radius:20px;overflow-y:auto;box-shadow:0 8px 30px #0000000a;z-index:10}.lib-header{margin-bottom:12px}.lib-header h3{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--s-text-3)}.lib-header span{font-size:10.5px;color:var(--s-text-3)}.lib-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:2px 0}.lib-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;aspect-ratio:1 / 1;background:var(--s-bg);border:1.5px solid var(--s-border);border-radius:var(--r-md);padding:8px 4px;transition:all .15s;text-align:center;width:100%}.lib-item:hover{border-color:var(--s-accent);background:var(--s-glow)}.lib-icon{color:var(--s-accent);display:flex;align-items:center;justify-content:center;transition:transform .2s}.lib-item:hover .lib-icon{transform:scale(1.1)}.lib-name{font-size:10.5px;font-weight:600;color:var(--s-text);line-height:1.2;word-break:break-word}.lib-size{font-size:9.5px;color:var(--s-text-3)}.canvas-area{background:var(--s-surface-2);overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:28px;position:relative}.zoom-hud{position:sticky;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2px;background:var(--s-surface);border:1px solid var(--s-border);border-radius:24px;padding:4px 6px;box-shadow:var(--sh-lift);width:fit-content;margin:0 auto;pointer-events:all;z-index:10}.zoom-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:transparent;color:var(--s-text-2);font-size:16px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.zoom-btn:hover{background:var(--s-bg);color:var(--s-accent)}.zoom-pct{font-size:11.5px;font-weight:600;color:var(--s-text-2);min-width:40px;text-align:center;cursor:pointer;padding:0 4px;transition:color .15s}.zoom-pct:hover{color:var(--s-accent)}.props-panel{background:var(--s-surface);padding:16px;border:1px solid var(--s-border);border-radius:20px;display:flex;flex-direction:column;overflow-y:auto;box-shadow:0 8px 30px #0000000a;z-index:10}.props-panel h3{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--s-text-3);margin-bottom:14px}.prop-name{font-size:15px;font-weight:600;color:var(--s-accent);font-family:var(--f-sans);padding-bottom:12px;margin-bottom:14px;border-bottom:1.5px solid var(--s-border)}.prop-row{margin-bottom:16px}.prop-row label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--s-text-3);margin-bottom:7px}.color-row{display:flex;align-items:center;gap:10px}.color-row input[type=color]{width:40px;height:34px;border:1.5px solid var(--s-border);border-radius:var(--r-sm);cursor:pointer;padding:2px;background:var(--s-surface)}.color-row span{font-size:12px;color:var(--s-text-2);font-family:monospace}.prop-row input[type=range]{width:100%;accent-color:var(--s-accent)}.prop-val{font-size:13px;color:var(--s-text);background:var(--s-surface-2);padding:7px 12px;border-radius:var(--r-sm);display:inline-block}.btn-remove{width:100%;background:#fee2e2;color:var(--s-danger);border:1.5px solid #fca5a5;padding:9px;border-radius:var(--r-md);font-size:13px;font-weight:500;margin-top:8px;transition:all .18s;display:flex;align-items:center;justify-content:center;gap:6px}.btn-remove:hover{background:var(--s-danger);color:#fff;border-color:var(--s-danger)}html.dark .btn-remove{background:#c0392b26;color:#ff8a8a;border-color:#c0392b4d}html.dark .btn-remove:hover{background:var(--s-danger);color:#fff}.no-sel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--s-text-3);padding:20px}.no-sel span{font-size:34px;margin-bottom:12px}.no-sel p{font-size:12.5px;line-height:1.7}.item-count{margin-top:auto;padding-top:12px;border-top:1px solid var(--s-border);font-size:12px;color:var(--s-text-3);text-align:center}.live-preview-panel{position:absolute;bottom:24px;right:24px;width:320px;height:240px;background:#fff;border-radius:16px;border:4px solid white;box-shadow:0 12px 40px #00000026;overflow:hidden;z-index:50;transition:all .2s cubic-bezier(.4,0,.2,1);transform-origin:bottom right}.live-preview-panel:hover{transform:scale(1.02);box-shadow:0 16px 50px #0003}.save-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(20px);background:var(--s-text);color:var(--s-bg);padding:10px 20px;border-radius:24px;font-size:13px;font-weight:500;pointer-events:none;opacity:0;z-index:9999;box-shadow:0 4px 12px #00000026;animation:toast-fade 2.5s cubic-bezier(.4,0,.2,1) forwards}@keyframes toast-fade{0%{opacity:0;transform:translate(-50%) translateY(20px)}10%{opacity:1;transform:translate(-50%) translateY(0)}90%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-10px)}}.preview3d{height:100vh;display:flex;flex-direction:column;overflow:hidden;background:#1a1714}.preview-topbar{background:var(--s-surface);border-bottom:1px solid var(--s-border);padding:0 48px;height:64px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;transition:background .3s,border-color .3s}.preview-topbar .topbar-title{display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:600;color:var(--s-text);font-family:var(--f-sans);position:absolute;left:50%;transform:translate(-50%)}.btn-back2d{background:transparent;color:var(--s-text-2);border:1.5px solid var(--s-border);padding:7px 14px;border-radius:var(--r-md);font-size:13px;font-weight:500;transition:all .18s}.btn-back2d:hover{border-color:var(--s-accent);color:var(--s-accent)}.topbar-hint{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--s-text-3);font-weight:500}.canvas3d{flex:1;overflow:hidden}.info-bar{background:var(--s-surface);border-top:1px solid var(--s-border);padding:9px 24px;display:flex;align-items:center;gap:12px;font-size:12.5px;color:var(--s-text-2);flex-shrink:0}@media(max-width:950px){.preview-topbar{padding:18px 28px}.preview-topbar .topbar-title{display:none}}@media(max-width:700px){.preview-topbar{flex-direction:column;height:auto;padding:12px;gap:8px}.topbar-hint{justify-content:center;width:100%}}