.hero-studio{background:radial-gradient(circle at 18% 20%,#447cff59,#0000 28rem),linear-gradient(145deg,#10192d 0%,#0b1020 68%);border:0;border-radius:32px;grid-template-columns:minmax(320px,.58fr) minmax(560px,1.42fr);min-height:650px;padding:14px;display:grid;position:relative;overflow:hidden;box-shadow:0 44px 110px -48px #0d1c3f94,inset 0 1px #ffffff1f}.studio-aura{pointer-events:none;filter:blur(90px);background:#457dff2e;border-radius:50%;width:34rem;height:34rem;position:absolute;top:8%;right:5%}.console-heading{color:#7a8497;justify-content:space-between;align-items:center;margin-bottom:22px;font-size:.68rem;font-weight:700;display:flex}.console-heading strong{color:var(--accent);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.58rem}.studio-float{z-index:3;color:#d9e4ff;backdrop-filter:blur(14px);min-height:38px;font-family:var(--font-mono);letter-spacing:.04em;background:#0e172ac2;border:1px solid #96b4ff38;border-radius:999px;align-items:center;gap:8px;padding:0 13px;font-size:.57rem;display:inline-flex;position:absolute;box-shadow:inset 0 1px #ffffff14}.studio-float-top{top:40px;right:44px}.studio-float-bottom{bottom:34px;right:42px}.status-pulse{background:#6ee7b7;border-radius:50%;width:7px;height:7px;animation:2.4s ease-in-out infinite status-breathe;box-shadow:0 0 0 5px #6ee7b71a}@keyframes status-breathe{50%{opacity:.55;transform:scale(.76)}}.input-console{z-index:2;backdrop-filter:blur(24px)saturate(145%);background:#fffffff0;border:0;border-radius:24px;align-self:center;margin:34px -58px 34px 30px;padding:clamp(24px,3.6vw,48px);position:relative;box-shadow:0 36px 80px -34px #030b1db8,inset 0 1px #fffffff2}.console-tabs{border:1px solid var(--line);background:#eef2f8;border-radius:14px;gap:6px;margin-bottom:32px;padding:5px;display:flex}.console-tabs button{min-height:40px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;font-size:.76rem;font-weight:720;display:inline-flex}.console-tabs button.active{color:var(--ink);background:var(--surface);box-shadow:0 6px 18px -12px #131f3a80}.input-console label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-size:.68rem;font-weight:650;display:block}.input-console textarea{width:100%;color:var(--ink);border:1px solid var(--line);resize:vertical;background:#fff;border-radius:16px;outline:none;padding:18px;font-size:.95rem;line-height:1.65;transition:border-color .18s,box-shadow .18s}.input-console textarea:focus{border-color:var(--blueprint);box-shadow:0 0 0 4px #2563eb1a}.console-meta{gap:16px;margin-top:18px;display:grid}.console-meta span{color:var(--ink-soft);font-size:.61rem}.console-meta button{color:#fff;cursor:pointer;background:var(--accent);border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:52px;font-weight:750;transition:transform .18s,background .18s;display:inline-flex}.console-meta button:hover{background:var(--accent-dark);transform:translateY(-2px)}.plan-preview{background:#f4f7fb;border-radius:24px;grid-template-rows:auto 1fr auto;display:grid;overflow:hidden;box-shadow:0 22px 60px -38px #030b1dd9}.plan-toolbar,.plan-footer{color:#cbd3e3;background:#111827;align-items:center;gap:22px;min-height:48px;padding:0 22px;font-size:.61rem;display:flex}.plan-toolbar .mono{letter-spacing:.08em;flex:1}.tool-dots{gap:5px;display:flex}.tool-dots span{background:#69758b;border-radius:50%;width:7px;height:7px}.tool-dots span:first-child{background:var(--accent)}.plan-status{color:#bfd2ff;border:1px solid #80a8ff47;border-radius:999px;padding:4px 8px}.plan-stage{background:radial-gradient(circle at 65% 40%,#2563eb14,#0000 21rem),#f4f7fb;place-items:center;min-height:555px;padding:58px 52px 44px 76px;display:grid;position:relative}.plan-stage svg{filter:drop-shadow(0 24px 28px #131f3a21);width:min(100%,660px);overflow:visible}.room rect{fill:#fff;stroke:#0000;stroke-width:.6px;transition:fill .5s,stroke .5s}.room text{fill:#4a556b;font-family:var(--font-mono);letter-spacing:.08em;font-size:2px;font-weight:700}.room .room-area{fill:#8a94a7;font-size:1.65px;font-weight:500}.active-room rect{fill:#e7efff;stroke:var(--accent)}.wall{fill:none;stroke:var(--ink);stroke-linejoin:miter;stroke-width:1.45px}.door{fill:none;stroke:var(--accent);stroke-width:.48px}.window{fill:none;stroke:#4a74d8;stroke-width:.7px}.furniture{fill:none;stroke:#a5afc1;stroke-width:.38px}.axis{color:#536078;font-family:var(--font-mono);letter-spacing:.08em;font-size:.58rem;position:absolute}.axis-x{top:20px;left:50%;transform:translate(-50%)}.axis-y{transform-origin:0 0;top:50%;left:18px;transform:rotate(-90deg)translate(-50%)}.cursor-label{color:#fff;background:var(--accent);border-radius:7px;padding:8px 10px;font-size:.62rem;font-weight:700;animation:3.6s ease-in-out infinite float-label;position:absolute;bottom:25px;right:34px}.cursor-label:before{content:"";border-right:8px solid #0000;border-bottom:10px solid var(--accent);width:0;height:0;position:absolute;top:-5px;left:-5px}.plan-footer{color:#77839a;border-top:1px solid #263147;justify-content:flex-end;min-height:38px;font-size:.56rem}.plan-footer .mono{margin-left:auto}@keyframes float-label{0%,to{transform:translate(0,0)}50%{transform:translate(-10px,-6px)}}.canvas-editor{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:22px;overflow:hidden}.canvas-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:16px 18px;display:flex}.canvas-toolbar>div:first-child{gap:3px;display:grid}.canvas-toolbar strong{font-size:.9rem}.canvas-toolbar span{color:var(--ink-soft);font-size:.68rem}.canvas-actions{flex-wrap:wrap;gap:6px;display:flex}.canvas-actions button{min-height:36px;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:var(--paper);border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:.68rem;font-weight:680;display:inline-flex}.canvas-actions button:disabled{cursor:not-allowed;opacity:.4}.canvas-viewport{background:#e8edf5;padding:16px}.canvas-viewport svg{cursor:crosshair;border-radius:10px;width:100%;display:block;box-shadow:0 12px 38px -26px #1b2421b8}.canvas-status{color:#91a09a;font-family:var(--font-mono);background:#111827;justify-content:flex-end;gap:22px;padding:11px 18px;font-size:.58rem;display:flex}@media (width<=980px){.hero-studio{grid-template-columns:1fr}.input-console{margin:24px 24px -34px}.plan-stage{padding-top:74px}.studio-float-top{top:auto;bottom:58px;right:34px}.studio-float-bottom{display:none}}@media (width<=600px){.hero-studio{border-radius:22px;min-height:0;padding:8px}.input-console{margin:10px 10px -18px;padding:18px}.console-tabs{margin-bottom:22px}.plan-preview{border-radius:20px}.plan-stage{min-height:420px;padding:58px 16px 26px 36px}.studio-float,.plan-toolbar .mono,.plan-footer span:nth-child(-n+3){display:none}.canvas-toolbar{flex-direction:column;align-items:flex-start}.canvas-status{flex-wrap:wrap;justify-content:flex-start}}