@import url('./assets/fonts/fonts.css');
:root{--paper:#ffffff;--white:#fff;--ink:#27272a;--muted:#6b7280;--line:#f5f5f5;--accent:#27272a;--pale:#f5f5f5;--sand:#f5f5f5;--gold:#6b7280;--sidebar:228px;--shadow:0 12px 40px #27272a10;font-family:'Inter',Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d4d4d8;outline-offset:3px}button{border:0;background:none}svg.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:'Inter',Arial,sans-serif}h1{font-size:29px;letter-spacing:-.6px;font-weight:600;line-height:1.35}h2{font-size:20px;font-weight:600;letter-spacing:-.5px}h3{font-size:15px;font-weight:600}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{font-size:10px;letter-spacing:1.7px;text-transform:uppercase;font-weight:600;color:#6b7280}.text-link{font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:8px;color:var(--accent)}.text-link .icon{width:15px}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.stack{display:grid;gap:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--line);border-radius:7px;padding:11px 16px;font-size:12px;font-weight:600;background:#fff;white-space:nowrap;transition:.18s}.btn:hover{background:#f5f5f5;transform:translateY(-1px)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:#27272a}.btn.ghost{background:transparent}.btn.small{padding:8px 11px;font-size:11px}.btn.danger{color:#4b5563}.btn .icon{width:16px;height:16px}.icon-btn{padding:9px;border:1px solid var(--line);border-radius:7px;background:#fff;display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{background:var(--pale)}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:5px 8px;background:#f5f5f5;color:#4b5563;font-size:10px;font-weight:500;white-space:nowrap}.badge:before{content:'';height:5px;width:5px;border-radius:50%;background:currentColor}.badge.draft{background:#f5f5f5;color:#6b7280}.badge.review{background:#f5f5f5;color:#6b7280}.badge.warning{background:#f5f5f5;color:#6b7280}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e5e7eb;color:#4b5563;font-size:11px;font-weight:600;border:2px solid white}.avatar.alt{background:#f5f5f5;color:#4b5563}.avatars{display:flex;padding-left:5px}.avatars .avatar{margin-left:-5px}.pill{font-size:10px;padding:4px 7px;border:1px solid var(--line);border-radius:4px;color:#6b7280}.dot{width:6px;height:6px;border-radius:50%;background:#6b7280;display:inline-block}
.sidebar{width:var(--sidebar);position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:31px 19px 18px;z-index:30}.brand{display:flex;align-items:center;gap:10px;font-family:'Inter',Arial,sans-serif;font-size:25px;letter-spacing:-1px;font-weight:700;padding:0 9px}.brand img{width:34px;height:34px}.brand small{font-size:9px;letter-spacing:0;font-weight:500;color:#6b7280;margin-left:1px;align-self:flex-start;margin-top:3px}.workspace{margin:34px 1px 28px;background:#ffffff;border:1px solid var(--line);border-radius:7px;padding:11px 10px;display:flex;gap:9px;align-items:center}.workspace-icon{background:#f5f5f5;padding:8px;border-radius:5px;display:flex}.workspace strong{font-size:11px;font-weight:600;display:block}.workspace span{font-size:10px;color:#6b7280}.workspace .icon{width:16px}.nav-label{font-size:9px;color:#71717a;letter-spacing:1.8px;margin:0 13px 11px}.nav{display:flex;flex-direction:column;gap:5px;margin-bottom:27px}.nav a{display:flex;align-items:center;gap:12px;font-size:12px;color:#6b7280;padding:11px 13px;border-radius:6px;transition:.15s}.nav a:hover{background:#ffffff}.nav a.active{background:#f5f5f5;color:#27272a;font-weight:600}.nav .count{margin-left:auto;font-size:10px;border-radius:4px;background:#e5e7eb;padding:2px 6px}.sidebar-bottom{margin-top:auto}.usage{padding:15px 13px;margin-bottom:17px;background:#ffffff;border:1px solid #f5f5f5;border-radius:7px}.usage strong{font-size:11px}.usage p{font-size:10px;color:#6b7280;margin:8px 0 11px}.progress{height:4px;background:#f5f5f5;border-radius:9px;overflow:hidden}.progress span{height:100%;display:block;background:#71717a;border-radius:9px}.usage a{font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:space-between;margin-top:11px}.profile{padding:13px 9px 0;border-top:1px solid var(--line);display:flex;gap:8px;align-items:center}.profile strong{font-size:11px;display:block}.profile span{font-size:10px;color:#6b7280}.profile button{margin-left:auto;padding:0;color:#6b7280}.profile .avatar{height:33px;width:33px;background:#e5e7eb}.main-shell{margin-left:var(--sidebar)}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:#fff;gap:18px}.breadcrumb{font-size:11px;color:#6b7280;display:flex;align-items:center;gap:10px}.breadcrumb strong{font-weight:500;color:#4b5563}.topbar .tools{display:flex;gap:19px;align-items:center}.search-box{display:flex;gap:9px;align-items:center;color:#71717a;background:#ffffff;border:1px solid #f5f5f5;padding:8px 11px;border-radius:6px}.search-box input{border:0;outline:0;background:none;font-size:11px;width:150px;color:var(--ink)}.search-box .icon{width:15px}.search-box kbd{font-size:9px;border:1px solid #e5e7eb;border-radius:3px;padding:2px 4px}.notification{position:relative;color:#6b7280;padding:0}.notification:after{content:'';position:absolute;right:1px;top:1px;width:4px;height:4px;border:2px solid #fff;background:#71717a;border-radius:50%}.demo-tag{font-size:9px;color:#6b7280;letter-spacing:.9px;background:#f5f5f5;padding:5px 7px;border-radius:4px}.content{padding:33px 36px 35px;max-width:1700px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:16px}.page-heading p{font-size:12px;color:#6b7280;margin-top:7px}.page-heading .eyebrow{margin-bottom:7px}.hero{height:275px;border-radius:10px;background:#f5f5f5;border:1px solid #f5f5f5;position:relative;overflow:hidden;display:flex;margin-bottom:25px}.hero-copy{width:49%;padding:31px 34px;z-index:2;pointer-events:none}.hero-copy>*{pointer-events:auto}.hero-copy .eyebrow{color:#6b7280;font-size:9px;letter-spacing:1.8px;display:flex;align-items:center;gap:8px}.hero-copy h2{font-size:32px;font-weight:500;line-height:1.28;letter-spacing:-.8px;margin:13px 0 11px}.hero-copy h2 em{font-family:'Inter',Arial,sans-serif;font-style:normal;color:#6b7280;font-size:35px}.hero-copy p{font-size:11px;color:#6b7280;line-height:1.85;margin-bottom:19px;max-width:280px}.hero-copy .btn{font-size:10px;padding:10px 13px}.hero-3d{position:absolute;right:-5px;top:0;bottom:0;width:56%;cursor:grab}.hero-foot{position:absolute;bottom:17px;right:21px;display:flex;gap:7px;align-items:center;font-size:9px;color:#6b7280;z-index:3;background:#f5f5f5cc;padding:7px 10px;border-radius:5px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:30px}.stat{padding:17px 19px;background:#fff;border:1px solid var(--line);border-radius:8px}.stat-head{display:flex;justify-content:space-between;align-items:center;color:#6b7280;font-size:10px}.stat-head .icon{width:16px;color:#71717a}.stat-value{font-family:'Inter',Arial,sans-serif;font-size:26px;font-weight:600;letter-spacing:-.8px;margin:7px 0 5px;line-height:1.25}.stat-value small{font-size:11px;color:#71717a;font-weight:400;letter-spacing:0;margin-left:4px}.stat-foot{font-size:9px;color:#71717a}.stat-foot.positive{color:#6b7280}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.section-heading h2{font-size:16px}.section-heading .text-link{font-size:10px}.section-heading p{font-size:11px;color:var(--muted);margin-top:5px}.tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:23px}.tabs button{font-size:11px;color:#6b7280;padding:0 0 12px;border-bottom:2px solid transparent}.tabs button.active{border-color:var(--accent);color:var(--accent);font-weight:600}.tabs span{font-size:9px;background:#f5f5f5;border-radius:3px;padding:2px 5px;margin-left:6px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-card{border:1px solid var(--line);border-radius:9px;background:#fff;overflow:hidden;transition:.2s;text-align:left}.project-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.project-art{height:184px;background:#f5f5f5;position:relative;overflow:hidden}.project-art svg{width:100%;height:100%;transition:.4s}.project-card:hover .project-art svg{transform:scale(1.04)}.project-art .badge{position:absolute;top:12px;left:13px;background:#ffffffeb;box-shadow:0 2px 5px #27272a05}.project-art .card-menu{position:absolute;top:11px;right:12px;background:#fff8;border-radius:5px;font-size:16px;width:23px;height:23px;display:grid;place-items:center}.project-info{padding:17px 17px 13px}.project-info h3{font-size:13px}.project-info>p{font-size:10px;color:#6b7280;margin-top:6px;display:flex;align-items:center;gap:5px}.project-info>p .icon{width:11px;height:11px}.project-meta{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f5f5f5;margin-top:14px;padding-top:10px}.project-meta .avatar{width:23px;height:23px;font-size:8px}.project-meta small{font-size:9px;color:#71717a}.project-card .type{font-size:9px;color:#71717a}.dashboard-bottom{display:grid;grid-template-columns:1.1fr 1fr;gap:23px;margin-top:27px}.panel{background:#fff;border:1px solid var(--line);border-radius:9px;padding:22px}.panel .section-heading{margin-bottom:19px}.panel h2{font-size:14px}.activity{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #f5f5f5}.activity:last-child{border-bottom:0}.activity-icon{width:34px;height:34px;border-radius:7px;display:grid;place-items:center;background:#f5f5f5;color:#71717a}.activity-icon .icon{width:15px}.activity strong{display:block;font-size:11px;font-weight:500}.activity p{font-size:9px;color:#71717a;margin-top:4px}.activity time{margin-left:auto;font-size:9px;color:#71717a;white-space:nowrap}.material-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.material-mini .swatch{height:74px;border-radius:6px}.material-mini strong{font-size:9px;font-weight:500;display:block;margin-top:9px}.material-mini span{font-size:8px;color:#71717a}.swatch{position:relative;background:var(--swatch);background-image:repeating-linear-gradient(115deg,transparent 0 23px,#fff2 24px,#fff0 26px),repeating-linear-gradient(13deg,#0000 0 31px,#00000007 33px,#fff0 38px);background-size:cover}.swatch.wood{background-image:repeating-linear-gradient(4deg,#4b556311 0 2px,transparent 2px 6px),repeating-linear-gradient(90deg,transparent 0 47px,#fff3 48px 49px)}.swatch.terrazzo{background-image:radial-gradient(ellipse at 22% 30%,#6b728055 2px,transparent 3px),radial-gradient(ellipse at 80% 70%,#71717a88 3px,transparent 4px),radial-gradient(ellipse at 40% 50%,#fff9 4px,transparent 5px);background-size:33px 41px,50px 37px,47px 56px}.footer{display:flex;justify-content:space-between;font-size:9px;color:#71717a;margin-top:30px}.footer .row{gap:16px}
.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:20px}.toolbar .search-box{background:#fff;min-width:240px}.toolbar .search-box input{width:100%}.toolbar .spacer{flex:1}.filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:21px}.filter{font-size:11px;border:1px solid var(--line);padding:8px 13px;border-radius:6px;background:#fff;color:#6b7280}.filter.active{color:var(--accent);border-color:#d4d4d8;background:#f5f5f5}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.material-card{background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden}.material-card>.swatch{height:165px;display:grid;place-items:center}.hardware-shape{width:85px;height:14px;border-radius:8px;background:linear-gradient(#e5e7eb,#6b7280);box-shadow:-25px 0 0 2px #71717a;transform:rotate(-20deg)}.material-body{padding:17px}.material-body .eyebrow{font-size:8px;margin-bottom:7px}.material-body h3{font-size:13px}.material-body p{font-size:10px;color:#6b7280;margin-top:6px}.material-body .row{margin-top:16px;justify-content:space-between}.catalog-layout{display:grid;grid-template-columns:170px 1fr;gap:24px}.folder-list{padding:12px 0}.folder-list button{display:flex;align-items:center;gap:9px;font-size:11px;padding:12px 9px;width:100%;text-align:left;border-radius:5px;color:#6b7280}.folder-list button.active{background:#f5f5f5;color:var(--accent)}.folder-list .icon{width:15px}.folder-list .section-heading{padding:0 8px}.folder-list .eyebrow{font-size:8px}.empty{padding:60px 25px;text-align:center;border:1px dashed #e5e7eb;border-radius:9px;grid-column:1/-1}.empty h3{margin-bottom:8px}.empty p{font-size:12px;color:var(--muted);margin-bottom:18px}.notice{padding:13px 16px;border:1px solid #f5f5f5;background:#f5f5f5;color:#6b7280;border-radius:7px;font-size:11px;line-height:1.65;margin-bottom:22px;display:flex;align-items:flex-start;gap:10px}.notice .icon{width:16px;flex-shrink:0;margin-top:1px}.notice.success{color:#6b7280;background:#f5f5f5;border-color:#e5e7eb}.table-wrap{overflow:auto;border:1px solid var(--line);background:#fff;border-radius:8px}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px;white-space:nowrap}th{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#71717a;background:#ffffff;font-weight:500;padding:15px 20px;border-bottom:1px solid var(--line)}td{padding:17px 20px;border-bottom:1px solid #f5f5f5;color:#6b7280}tbody tr:last-child td{border-bottom:0}td strong{color:#27272a;font-weight:500}td .avatar{display:inline-grid;margin-right:9px}table select{padding:7px;border:1px solid var(--line);border-radius:5px;color:#4b5563;background:#fff;font-size:10px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.plan{position:relative;padding:27px;border:1px solid var(--line);border-radius:10px;background:#fff}.plan.featured{border:1.5px solid #6b7280;background:#ffffff}.plan-label{position:absolute;right:20px;top:21px;font-size:8px;color:#6b7280;letter-spacing:.7px;padding:4px 7px;border:1px solid #e5e7eb;border-radius:4px}.plan h3{font-size:15px}.price{font-family:'Inter',sans-serif;font-size:34px;letter-spacing:-1px;margin:25px 0 7px;font-weight:600}.price span{font-family:'Inter',sans-serif;font-size:11px;color:#71717a;font-weight:400;letter-spacing:0}.plan>p{font-size:10px;color:#71717a}.plan ul{list-style:none;padding:0;margin:26px 0}.plan li{display:flex;align-items:center;gap:8px;font-size:11px;color:#6b7280;margin:15px 0}.plan li .icon{width:14px;color:#71717a}.plan .btn{width:100%}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form-section{padding:23px;background:#fff;border:1px solid var(--line);border-radius:8px}.form-section h3{margin-bottom:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:17px}.field label{font-size:11px;font-weight:500;color:#6b7280}.field input,.field select,.field textarea{width:100%;padding:10px 12px;border:1px solid #e5e7eb;background:#ffffff;border-radius:6px;color:#4b5563;font-size:12px}.field textarea{resize:vertical;min-height:80px}.field small{font-size:9px;color:#71717a;line-height:1.5}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);gap:15px}.setting-row:last-child{border:0}.setting-row strong{font-size:11px;font-weight:500}.setting-row p{font-size:10px;line-height:1.6;margin-top:5px;color:#6b7280}.switch{width:34px;height:20px;border-radius:15px;background:#e5e7eb;padding:3px;flex-shrink:0}.switch:after{content:'';display:block;width:14px;height:14px;border-radius:50%;background:#fff;transition:.2s}.switch.on{background:#4b5563}.switch.on:after{transform:translateX(14px)}.chart{height:160px;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:16px 5px 23px;border-bottom:1px solid var(--line)}.chart-bar{flex:1;background:#e5e7eb;border-radius:4px 4px 0 0;position:relative;min-width:15px}.chart-bar:last-child{background:#6b7280}.chart-bar small{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);font-size:9px;color:#71717a}.roadmap{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.phase{padding:21px;background:#fff;border:1px solid var(--line);border-radius:8px}.phase .number{font-family:'Inter',Arial,sans-serif;font-size:35px;color:#d4d4d8;margin-bottom:20px}.phase h3{font-size:12px;margin-bottom:10px}.phase p{font-size:11px;line-height:1.8;color:#6b7280}.workflow-step{display:flex;gap:16px;padding:19px 0;border-bottom:1px solid var(--line)}.workflow-step .step-num{background:#f5f5f5;border-radius:50%;height:30px;width:30px;flex-shrink:0;display:grid;place-items:center;font-size:11px}.workflow-step h3{font-size:12px;margin-bottom:5px}.workflow-step p{font-size:11px;color:#6b7280;line-height:1.7}
.studio-shell{height:100vh;overflow:hidden;background:#f5f5f5;display:flex;flex-direction:column}.studio-top{height:65px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid var(--line);padding:0 23px;gap:14px}.studio-brand{display:flex;align-items:center;gap:15px}.studio-brand img{width:32px}.studio-brand h3{font-size:12px}.studio-brand p{font-size:9px;color:#6b7280;margin-top:4px}.studio-brand .back{color:#71717a;border-right:1px solid var(--line);padding-right:15px;display:flex}.studio-top .row{gap:8px}.studio-body{display:flex;flex:1;min-height:0}.studio-left{width:228px;flex-shrink:0;background:#fff;border-right:1px solid var(--line);padding:19px 16px;overflow:auto}.studio-left h3{font-size:12px;margin:6px 0 16px}.studio-left .tabs{gap:17px;margin-bottom:15px}.studio-left .tabs button{font-size:10px}.room{width:100%;display:flex;align-items:center;gap:9px;padding:11px 9px;color:#6b7280;font-size:11px;border-radius:6px;text-align:left;margin:3px 0}.room.active,.room:hover{background:#f5f5f5;color:#4b5563}.room small{margin-left:auto;font-size:9px;color:#71717a}.room .icon{width:15px}.studio-left .eyebrow{font-size:8px;margin:25px 8px 12px}.mini-plan{background:#ffffff;border:1px solid var(--line);padding:18px;border-radius:6px}.mini-plan svg{width:100%;height:110px}.mini-plan p{font-size:9px;text-align:center;color:#71717a;margin-top:7px}.studio-mat-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.studio-mat{padding:0;text-align:left}.studio-mat .swatch{height:66px;border-radius:5px}.studio-mat span{font-size:8px;margin-top:6px;display:block}.studio-stage{flex:1;min-width:0;position:relative}.scene-host{width:100%;height:100%;position:absolute;inset:0;touch-action:none}.scene-host canvas{display:block}.view-toolbar{position:absolute;top:19px;left:50%;transform:translateX(-50%);display:flex;background:#fffffff0;border:1px solid #e5e7eb;padding:4px;border-radius:7px;box-shadow:0 4px 15px #27272a08;z-index:3;white-space:nowrap}.view-toolbar button{display:flex;gap:6px;align-items:center;padding:8px 11px;font-size:10px;color:#6b7280;border-radius:4px}.view-toolbar button .icon{width:14px;height:14px}.view-toolbar button.active{background:#f5f5f5;color:#4b5563}.canvas-label{position:absolute;bottom:20px;left:22px;font-size:9px;color:#6b7280;background:#ffffffa8;border:1px solid #e5e7eb;padding:8px 11px;border-radius:5px;pointer-events:none;max-width:75%;line-height:1.6}.canvas-tools{position:absolute;right:18px;bottom:19px;display:flex;gap:6px;z-index:3}.canvas-tools .icon-btn{padding:7px}.studio-right{width:260px;flex-shrink:0;background:#fff;border-left:1px solid var(--line);padding:21px 19px;overflow:auto}.studio-right h3{font-size:12px}.inspector-tag{font-size:9px;color:#71717a;margin:6px 0 18px}.inspector-section{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.inspector-section h4{font-size:10px;font-weight:500;margin-bottom:13px}.dimensions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.dimension{border:1px solid var(--line);border-radius:5px;padding:9px 10px}.dimension span{font-size:9px;color:#71717a;display:block;margin-bottom:5px}.dimension strong{font-size:11px;font-weight:500}.colors{display:flex;flex-wrap:wrap;gap:9px}.color-chip{width:26px;height:26px;border-radius:50%;border:3px solid white;outline:1px solid #e5e7eb;background:var(--color)}.color-chip:hover,.color-chip.active{outline:2px solid #4b5563}.color-picker{width:100%;height:34px;border:1px solid var(--line);margin-top:12px;background:white;border-radius:5px;cursor:pointer}.studio-note{font-size:10px;line-height:1.8;color:#71717a;background:#ffffff;padding:12px;border-radius:5px;margin-top:18px}.studio-status{height:29px;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#71717a;padding:0 21px;flex-shrink:0}.studio-status .row{gap:6px}.viewer .studio-stage{width:100%}.viewer .studio-top{height:75px}.viewer .scene-host .vr-native{bottom:28px!important;font-family:inherit!important;font-size:11px!important;background:#27272a!important;color:#fff!important;border:0!important;opacity:1!important;border-radius:7px!important;padding:13px 16px!important;width:auto!important;min-width:180px!important;left:calc(50% - 90px)!important}.viewer .canvas-label{bottom:28px;max-width:32%;background:#ffffffe0}.tour-stops{position:absolute;left:22px;top:86px;display:flex;flex-direction:column;gap:8px;z-index:4}.tour-stops button{display:flex;align-items:center;gap:10px;padding:9px 13px;background:#ffffffe6;border:1px solid #f5f5f5;border-radius:5px;font-size:10px;color:#6b7280}.tour-stops button span{height:20px;width:20px;background:#f5f5f5;display:grid;place-items:center;border-radius:50%;font-size:9px}.walk-controls{position:absolute;bottom:80px;right:22px;display:grid;grid-template-columns:repeat(3,32px);gap:5px;z-index:5}.walk-controls button{height:32px;background:#ffffffe0;border:1px solid #e5e7eb;border-radius:5px}.walk-controls button:first-child{grid-column:2}.walk-controls button:nth-child(2){grid-column:1}.view-note{font-size:10px;color:#6b7280}.render-error{padding:40px;line-height:1.8;color:#4b5563;display:grid;place-items:center;height:100%}
dialog{border:1px solid #e5e7eb;border-radius:13px;padding:0;max-width:600px;width:calc(100% - 35px);color:var(--ink);box-shadow:0 30px 100px #11111120}dialog::backdrop{background:#27272a4a;backdrop-filter:blur(4px)}.modal-head{padding:24px 27px 18px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line)}.modal-head h2{font-size:20px}.modal-head p{font-size:11px;color:#6b7280;margin-top:7px;line-height:1.6}.modal-head button{font-size:22px;color:#71717a;padding:0}.modal-body{padding:24px 27px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:17px 27px;background:#ffffff;border-top:1px solid var(--line)}.dropzone{border:1px dashed #d4d4d8;border-radius:7px;padding:27px;text-align:center;background:#ffffff;margin-bottom:20px;display:block;cursor:pointer}.dropzone .icon{width:25px;height:25px;color:#6b7280;margin-bottom:9px}.dropzone strong{display:block;font-size:12px;font-weight:500}.dropzone span{font-size:10px;color:#71717a;display:block;margin-top:8px}.dropzone input{display:block;width:100%;font-size:10px;color:#6b7280;margin-top:15px}.file-preview{max-width:100%;max-height:180px;display:block;margin:10px auto;border:1px solid var(--line)}.share-url{padding:13px;background:#ffffff;border:1px solid var(--line);border-radius:6px;font-size:11px;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:16px 0}.export-option{display:flex;align-items:center;gap:13px;width:100%;padding:17px;border:1px solid var(--line);margin:10px 0;border-radius:6px;text-align:left}.export-option:hover{background:#ffffff}.export-option strong{font-size:12px;display:block}.export-option p{font-size:10px;margin-top:4px;color:#71717a}.export-option .icon:last-child{margin-left:auto;width:15px}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.auth-intro{background:#f5f5f5;padding:55px 60px;display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-intro h1{font-size:45px;font-weight:500;margin-top:95px;max-width:470px}.auth-intro p{font-size:14px;line-height:1.8;color:#6b7280;margin-top:20px;max-width:360px}.auth-intro .auth-art{margin-top:40px}.auth-intro svg{width:100%;height:300px}.auth-form{display:flex;align-items:center;justify-content:center;padding:40px}.auth-form-inner{width:350px}.auth-form h2{font-size:27px;margin-bottom:10px}.auth-form p{font-size:12px;color:#71717a;line-height:1.8}.auth-form form{margin-top:30px}.auth-form .btn{width:100%;margin-top:5px}#toast{position:fixed;bottom:27px;left:50%;transform:translate(-50%,20px);background:#27272a;color:#fff;font-size:12px;line-height:1.6;padding:13px 22px;border-radius:8px;box-shadow:var(--shadow);z-index:200;opacity:0;pointer-events:none;transition:.2s;max-width:90vw}#toast.visible{opacity:1;transform:translate(-50%,0)}.menu-mobile{display:none}.admin-banner{background:#f5f5f5;color:#6b7280;font-size:10px;padding:9px 18px;border-radius:6px;margin-bottom:24px}.queue-state{display:flex;align-items:center;gap:9px}.queue-state .progress{width:90px}.plan-details{font-size:12px;line-height:1.9;color:#6b7280}.plan-details h3{margin:25px 0 12px;color:#27272a}.plan-details ul{padding-left:18px}.full-width{grid-column:1/-1}
@media(min-width:1550px){.hero{height:315px}.hero-copy{padding:39px 42px}.hero-copy h2{font-size:38px}.hero-copy h2 em{font-size:41px}.project-art{height:215px}.hero-copy p{font-size:12px}}
@media(max-width:1200px){:root{--sidebar:200px}.sidebar{padding:25px 13px 16px}.content{padding:27px 25px}.topbar{padding:0 25px}.hero-copy{padding:27px 25px}.hero-copy h2{font-size:28px}.hero-copy h2 em{font-size:30px}.project-art{height:150px}.studio-left{width:190px}.studio-right{width:225px}.studio-top .btn{padding:9px 11px;font-size:10px}.catalog-grid{grid-template-columns:repeat(2,1fr)}.stat{padding:15px}.stats{gap:12px}.roadmap{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){:root{--sidebar:76px}.sidebar{padding:23px 10px}.brand{padding:0 11px}.brand span,.brand small,.workspace,.nav-label,.nav a span,.sidebar-bottom,.nav .count{display:none}.nav{margin-top:30px;margin-bottom:0}.nav a{padding:13px 17px}.topbar{height:66px}.hero{height:260px}.hero-copy{width:50%}.hero-copy h2{font-size:25px}.hero-copy h2 em{font-size:28px}.hero-copy p{font-size:10px}.project-grid{gap:13px}.project-info{padding:13px 12px}.project-info h3{font-size:11px}.dashboard-bottom{gap:15px}.material-strip{grid-template-columns:repeat(2,1fr)}.material-mini:nth-child(n+3){display:none}.studio-left{display:none}.studio-right{width:230px}.studio-top .demo-tag,.studio-top .save-status{display:none}.catalog-layout{grid-template-columns:140px 1fr}.plans{gap:12px}.plan{padding:22px 18px}.price{font-size:28px}.plan-label{position:static;display:inline-block;margin-top:10px}.auth-intro{padding:40px}.auth-intro h1{font-size:35px}}
@media(max-width:720px){:root{--sidebar:0px}.sidebar{display:none;width:220px;box-shadow:0 0 50px #11111130}.sidebar.mobile-open{display:flex}.sidebar.mobile-open .brand span,.sidebar.mobile-open .nav a span,.sidebar.mobile-open .nav-label{display:block}.sidebar.mobile-open .nav-label{margin-top:25px}.sidebar.mobile-open .nav{margin-top:10px}.menu-mobile{display:flex}.topbar{padding:0 18px;gap:8px}.topbar .search-box,.topbar .demo-tag{display:none}.topbar .tools{gap:16px}.content{padding:25px 18px}.page-heading{align-items:flex-start}.page-heading h1{font-size:24px}.page-heading p{font-size:11px;line-height:1.7;max-width:240px}.page-heading .btn{padding:9px 11px;font-size:10px}.hero{height:360px;display:block}.hero-copy{width:100%;padding:24px;position:relative}.hero-copy h2{font-size:27px}.hero-copy p{max-width:230px;margin-bottom:14px}.hero-3d{width:80%;height:230px;top:145px;right:-45px}.hero-foot{font-size:8px;bottom:12px;right:12px}.hero-copy .btn{position:relative;z-index:5}.stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat-value{font-size:24px}.stat{padding:15px}.project-grid{grid-template-columns:1fr}.project-art{height:210px}.project-info h3{font-size:14px}.project-info p{font-size:11px}.project-meta{margin-top:15px}.dashboard-bottom,.two-column{grid-template-columns:1fr}.material-strip{grid-template-columns:repeat(4,1fr)}.material-mini:nth-child(n+3){display:block}.tabs{gap:17px}.tabs button{font-size:10px}.footer{gap:12px;line-height:1.6}.footer .row{display:none}.catalog-layout{display:block}.folder-list{display:flex;flex-wrap:wrap;margin-bottom:14px;gap:6px}.folder-list button{width:auto;font-size:10px;border:1px solid var(--line);padding:8px}.folder-list .section-heading{display:none}.catalog-grid{gap:12px}.material-card>.swatch{height:130px}.material-body{padding:13px}.material-body h3{font-size:12px}.material-body .row{flex-wrap:wrap}.toolbar{flex-wrap:wrap}.toolbar .search-box{min-width:180px;flex:1}.plans{grid-template-columns:1fr}.plan{padding:25px}.plan-label{position:absolute;right:20px;top:15px}.price{font-size:35px}.studio-top{height:auto;min-height:65px;padding:12px;flex-wrap:wrap}.studio-top .row{gap:5px}.studio-brand{gap:8px}.studio-brand h3{font-size:11px}.studio-top .btn{font-size:9px;padding:8px}.studio-top .btn .icon{width:12px}.studio-right{width:180px;padding:15px 12px}.view-toolbar{top:12px;max-width:95%;overflow:auto}.view-toolbar button{padding:7px;font-size:9px}.view-toolbar button .icon{display:none}.studio-status{font-size:8px;padding:0 10px}.studio-status span:last-child{display:none}.canvas-label{font-size:8px;bottom:13px;left:12px;max-width:62%}.colors{gap:8px}.color-chip{width:23px;height:23px}.dimensions{grid-template-columns:1fr}.dimension{padding:7px}.dimension span{display:inline-block;margin:0 8px 0 0}.viewer .studio-top{height:auto}.viewer .studio-brand h3{font-size:12px}.view-note{display:none}.viewer .canvas-label{max-width:45%;bottom:85px}.tour-stops{left:12px;top:65px}.tour-stops button{font-size:9px;padding:7px 9px}.viewer .view-toolbar{left:auto;right:12px;transform:none}.auth-page{grid-template-columns:1fr}.auth-intro{display:none}.auth-form{min-height:100vh;padding:30px}.roadmap{grid-template-columns:1fr}.form-grid{gap:12px}.modal-body{padding:20px}.modal-head{padding:20px}.modal-footer{padding:15px 20px}.panel{padding:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Neutral workspace identity: white surfaces, black controls and semantic status colours. */
:root{--paper:#ffffff;--white:#ffffff;--ink:#18181b;--muted:#71717a;--line:#e4e4e7;--accent:#111111;--pale:#f4f4f5;--sand:#fafafa;--gold:#a1a1aa;--shadow:0 10px 30px #0000000a;font-optical-sizing:auto;font-feature-settings:'liga' 1,'calt' 1;font-weight:400}
body,.main-shell,.content{background:#ffffff}
h1,h2,h3{font-weight:600}
.brand{font-weight:600;letter-spacing:-1px;color:#111111}
.brand small{display:none}
.nav a{font-size:13px;color:#52525b}
.nav-label{color:#71717a;letter-spacing:1.35px}
.nav a.active{background:#f4f4f5;color:#111111;font-weight:600}
.nav a:hover,.icon-btn:hover{background:#f5f5f5}
.nav .count{background:#e4e4e7;color:#52525b}
.workspace,.usage{background:#fafafa}
.workspace-icon{background:#f0f0f1;color:#52525b}
.btn.primary,.switch.on{background:#111111;border-color:#111111}
.btn.primary:hover{background:#292929}
.btn{font-weight:500}.btn.primary{font-weight:600}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#93b4f5}
.page-heading p{font-size:13px;color:#71717a}
.hero{background:#ffffff;border-color:#e4e4e7}
.hero-copy .eyebrow{color:#71717a;letter-spacing:1.2px;font-weight:500}
.hero-copy h2{font-weight:500;letter-spacing:-.85px}
.hero-copy h2 em{font-family:inherit;font-style:normal;font-size:inherit;color:#18181b}
.hero-copy p{font-size:12px;color:#71717a}
.hero-foot{background:#fafafae8;color:#71717a}
.dot,.notification:after{background:#2563eb}
.stat-head{font-size:11px;color:#71717a}
.stat-value{font-weight:500;font-variant-numeric:tabular-nums}
.stat-foot{font-size:10px;color:#71717a}.stat-foot.positive{color:#2563eb}
.badge{background:#eff6ff;color:#1d4ed8}
.badge.draft{background:#f4f4f5;color:#71717a}
.badge.review{background:#fffbeb;color:#92400e}
.badge.warning{background:#fef2f2;color:#b91c1c}
.demo-tag,.admin-banner{background:#f4f4f5;color:#71717a}
.badge,.pill{font-weight:500}
.avatar,.avatar.alt,.profile .avatar{background:#f0f0f1;color:#52525b}
.progress{background:#e4e4e7}.progress span{background:#52525b}
.chart-bar{background:#d4d4d8}.chart-bar:last-child{background:#3b82f6}
.notice{background:#fafafa;border-color:#e4e4e7;color:#52525b}
.notice.success{background:#eff6ff;border-color:#dbeafe;color:#1d4ed8}
.plan.featured{border-color:#18181b;background:#ffffff}
.plan-label{background:#f4f4f5;border-color:#e4e4e7;color:#52525b}
.plan li .icon{color:#52525b}
.field input,.field select,.field textarea{background:#ffffff;color:#27272a;border-color:#d4d4d8}
.field label{color:#52525b;font-weight:500}
.folder-list button.active,.room.active,.room:hover,.view-toolbar button.active,.filter.active{background:#f4f4f5;color:#18181b}
.filter.active{border-color:#a1a1aa}
.activity-icon{background:#f4f4f5;color:#71717a}
.project-art,.studio-shell,.mini-plan,.studio-note,.auth-intro,.share-url{background:#fafafa}
.color-chip:hover,.color-chip.active{outline-color:#2563eb}
.viewer .scene-host .vr-native{background:#111111!important}
.auth-intro h1{font-weight:500;letter-spacing:-1.2px}
#toast{background:#18181b}
@media(min-width:1550px){.hero-copy h2 em{font-size:inherit}}
@media(max-width:1200px){.hero-copy h2 em{font-size:inherit}}
@media(max-width:980px){.hero-copy h2 em{font-size:inherit}}
/* Local application controls retain the approved neutral visual system. */
button:disabled { opacity: .45; cursor: not-allowed; }
#auth-error { color: #9f3412; line-height: 1.6; margin-top: 18px; }
.wide-modal { width: min(1040px, 95vw); max-width: 1040px; }
.layout-scroll { overflow-x: auto; margin-bottom: 18px; }
.layout-table { min-width: 540px; }
.layout-table th,.layout-table td { padding: 6px; }
.layout-table input { width: 80px; padding: 9px; border: 1px solid #d4d4d8; border-radius: 5px; font: inherit; }
.layout-table td:first-child input { width: 130px; }
.tracer-controls { flex-wrap: wrap; margin: 18px 0; }
.tracer-controls input,.trace-name { border: 1px solid #d4d4d8; border-radius: 5px; padding: 9px; font: inherit; }
#trace-status { margin: 12px 0; line-height: 1.6; }
#trace-rooms { max-height: 180px; overflow: auto; }
.empty .brand { justify-content: center; margin-bottom: 25px; }

/* Editable furnishing library and precise object controls. */
.furniture-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.furniture-card{position:relative;padding:15px 10px 12px;border:1px solid #e5e7eb;border-radius:9px;background:#fff;text-align:left;cursor:pointer}.furniture-card:hover{border-color:#9ca3af;background:#fafafa}.furniture-symbol{display:flex;align-items:center;justify-content:center;height:54px;margin-bottom:10px;background:#f7f6f4;border-radius:5px;color:var(--furniture-color)}.furniture-symbol .icon{width:34px;height:34px;stroke-width:1.5}.furniture-card strong{display:block;font-size:11px;font-weight:600}.furniture-card small{display:block;font-size:9px;color:#6b7280;margin-top:5px}.furniture-add{position:absolute;right:12px;top:12px;font-size:18px;color:#52525b}.object-list{margin-top:12px}.object-list-item{display:flex;align-items:center;gap:12px;background:white;border:0;border-bottom:1px solid #eee;width:100%;padding:13px 0;text-align:left;cursor:pointer}.object-list-item strong{display:block;font-size:12px;font-weight:500}.object-list-item small{display:block;font-size:10px;color:#71717a;margin-top:4px}.object-list-item>.icon{margin-left:auto;width:14px}.object-swatch{width:27px;height:27px;border-radius:6px;border:1px solid #00000010}.object-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.object-fields .field{margin:0}.object-fields input{min-width:0;width:100%;padding:9px}.object-fields label{font-size:10px}#object-edit .field{margin-top:12px}#object-edit h4{font-size:11px;margin-top:22px}#object-edit input[type=color]{width:100%;height:34px;padding:3px}#object-edit>.btn{width:100%;justify-content:center}.object-actions{display:grid;gap:8px;margin-top:18px}.object-actions .btn{justify-content:center}.object-actions .danger{color:#a33b3b;border-color:#ead9d9}.canvas-tools .active{background:#e5e7eb}.studio-right{overflow-y:auto}.object-fields input:invalid{border-color:#b54848}
@media(max-width:600px){.furniture-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.object-fields{grid-template-columns:1fr}.object-actions .btn{padding:8px}.studio-top>.row{flex-wrap:wrap}}

@media(max-width:720px){.studio-shell:not(.viewer){height:100dvh;min-height:0;overflow:hidden}.studio-shell:not(.viewer) .studio-body{flex-direction:row}.studio-shell:not(.viewer) .studio-stage{flex:1;width:auto;min-height:0;height:auto}.studio-shell:not(.viewer) .studio-right{width:clamp(190px,40vw,240px);padding:16px 12px;border-top:0;border-left:1px solid #e5e7eb}.studio-shell:not(.viewer) .object-fields{grid-template-columns:1fr 1fr}.studio-shell:not(.viewer) .dimensions{grid-template-columns:1fr 1fr}.studio-shell:not(.viewer) .studio-status{height:30px}.view-toolbar{gap:0}.canvas-tools{right:8px;bottom:38px;gap:3px}.canvas-tools .icon-btn{width:27px;height:27px}.canvas-tools .icon{width:14px;height:14px}.canvas-label{max-width:90%;bottom:10px}.studio-shell:not(.viewer) .studio-right .colors{gap:6px}}

.model-loading{display:none;position:absolute;top:68px;left:50%;transform:translateX(-50%);padding:7px 12px;background:#ffffffeb;border:1px solid #e5e7eb;border-radius:20px;font-size:10px;color:#52525b;pointer-events:none;white-space:nowrap}.scene-host[data-loading-models]:not([data-loading-models="0"])+.model-loading{display:block}

.clearance-row{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #eee;font-size:11px}.clearance-row small{display:block;font-size:9px;color:#71717a;margin-top:5px}.clearance-row strong{white-space:nowrap;font-size:12px}.measure-label{position:absolute;z-index:2;padding:8px 12px;background:#172436;color:#fff;box-shadow:0 4px 16px #0002;border-radius:6px;pointer-events:none;font-size:12px;white-space:nowrap;transform:translate(-50%,-140%)}.measure-label[hidden]{display:none}.measure-label small{display:block;color:#d4dde8;font-size:9px;margin-top:4px}

.object-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:14px 0 12px}.object-quick-actions .btn{justify-content:center;font-size:10px;padding:9px 5px;white-space:nowrap}.object-quick-actions .icon{width:13px;height:13px}.object-quick-actions .danger{color:#a33b3b;border-color:#ead9d9}#object-edit h4{margin-top:15px}#object-edit .field{margin-top:7px}.object-fields{gap:8px;margin-top:8px}#object-edit .studio-note{font-size:9px;padding:10px;line-height:1.6}#object-edit .colors{gap:7px}.object-fields input{height:32px}.object-quick-actions button:focus-visible{outline:2px solid #426b9d;outline-offset:2px}
/* Architectural drawings and object placement */
.check-row{display:flex;align-items:center;gap:10px;font-size:13px;margin:15px 0}.check-row input{width:auto}.export-downloads{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.export-preview{width:100%;border-radius:10px;border:1px solid #e4e4e7}.modal-body progress{width:100%;margin-top:20px;accent-color:#4e6d88}.modal-body textarea{width:100%;min-height:80px;padding:12px;font:inherit;border:1px solid #dedee3;border-radius:7px}.room-actions{display:flex;gap:6px;margin:8px 0 16px}.room-actions .btn{font-size:11px;padding:8px}.studio-top>.row{gap:7px}.studio-top>.row .btn{padding:9px 10px}
[hidden]{display:none!important}
.auto-plan-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(480px,1.25fr);gap:22px}.auto-plan-image{width:100%;max-height:650px;border:1px solid #dedee3;background:#fff}.auto-room-table{width:100%;font-size:12px;border-collapse:collapse}.auto-room-table td{padding:9px 5px}.auto-room-table th{font-size:10px;padding:9px 5px;text-align:left}.auto-room-table input:not([type=checkbox]){width:100%;min-width:75px;border:1px solid #dedee3;border-radius:5px;padding:8px;font:inherit}.auto-room-table small{display:block;color:#797981;margin-top:5px}.auto-room-table tr{border-bottom:1px solid #ededf0}#auto-error{color:#a43c3c;font-size:12px}@media(max-width:1000px){.auto-plan-grid{grid-template-columns:1fr}.auto-plan-image{max-height:370px}}
.floor-plan-panel{position:absolute;inset:0;background:#fff;overflow:hidden;touch-action:none;cursor:grab;padding:75px 24px 55px}.floor-plan-panel svg{width:100%;height:100%;transform-origin:center;user-select:none}.floor-plan-panel:active{cursor:grabbing}.view-toolbar{max-width:calc(100% - 24px);overflow-x:auto}.view-toolbar button{white-space:nowrap}
.store-product{display:flex;align-items:center;gap:8px;border:1px solid #e5e5e9;padding:10px 8px;border-radius:7px;margin-bottom:8px;cursor:grab;background:#fff}.store-product>div{min-width:0;flex:1}.store-product strong{display:block;font-size:11px;line-height:1.4}.store-product small{display:block;font-size:9px;color:#777;line-height:1.5}.store-product .icon{width:17px;height:17px}.studio-store{padding-bottom:20px}.drop-target{outline:3px solid #6284a6;outline-offset:-4px}
.variant-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-bottom:20px}.variant-card{padding:18px;border:1px solid #e3e3e7;border-radius:10px;background:white}.variant-card h3{margin:14px 0 8px}.variant-card p{font-size:12px;line-height:1.6;color:#62666c}.variant-card details{margin-top:16px;font-size:11px;line-height:1.6}.hex-fields{display:flex;gap:6px;margin:12px 0}.hex-fields input{min-width:0;width:100%;padding:8px;border:1px solid #dedee3;border-radius:5px;font:inherit;font-size:11px}