:root{--ink:#f3f3f3;--muted:#969696;--line:#3d3d3d;--paper:#070707;--panel:#101010;--olive:#c4c4c4;--dark:#fafafa;--gold:#fff;--scene:#d5c5ab}*{box-sizing:border-box}body{margin:0;font-family:"Be Vietnam Pro",Arial,sans-serif;color:var(--ink);background:var(--paper);font-size:12px}.app-shell{display:flex;min-height:100vh}.sidebar{display:flex;flex-direction:column;width:327px;min-width:327px;background:var(--panel);border-right:1px solid var(--line)}.brand-row{height:82px;padding:0 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.brand-mark{width:31px;height:31px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-family:"Be Vietnam Pro",Arial,sans-serif;font-size:20px}.brand-row b{font-size:15px;letter-spacing:3px}.brand-row span{display:block;color:var(--muted);font-size:7px;letter-spacing:1.7px;margin-top:2px}.collapse{margin-left:auto;border:0;background:transparent;font-size:17px;color:var(--muted)}.project-row{padding:17px 22px 15px;display:flex;justify-content:space-between;align-items:center}.project-row small,.section-title span,.inspector-head span,.prompt-card small,.history>small{font-family:"Be Vietnam Pro",Arial,sans-serif;color:var(--muted);font-size:9px;letter-spacing:1px}.project-row strong{display:block;font-size:13px;margin-top:3px}.section-title button{border:0;background:transparent;letter-spacing:2px}.workflow{display:flex;padding:0 15px;border-bottom:1px solid var(--line)}.step{height:43px;flex:1;border:0;border-bottom:2px solid transparent;background:transparent;color:#9a9e99;font-size:10px}.step i{font-style:normal;font-family:"Be Vietnam Pro",Arial,sans-serif;font-size:8px;margin-right:3px}.step.active{color:var(--ink);border-color:var(--olive);font-weight:700}.controls{overflow:auto;padding:0 22px;scrollbar-width:thin}.control-section{padding:17px 0;border-bottom:1px solid var(--line)}.section-title{display:flex;justify-content:space-between;margin-bottom:14px}.controls label{display:flex;justify-content:space-between;color:#555b55;margin:12px 0 7px;font-size:10px}.controls output{font-family:"Be Vietnam Pro",Arial,sans-serif;color:var(--olive)}button,select,input{font:inherit;cursor:pointer}.segmented,.mini-options,.mood-row{display:flex;gap:4px}.segmented button,.mini-options button,.mood-row button{flex:1;border:1px solid var(--line);background:#fbfaf6;padding:8px 3px;border-radius:3px;font-size:9px;color:#686c67}.segmented .selected,.mini-options .selected,.mood-row .selected,.style-grid .selected{color:white;background:var(--olive);border-color:var(--olive)}input[type=range]{width:100%;accent-color:var(--olive);height:4px}.camera-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;max-width:166px;margin:auto}.camera-pad button{border:1px solid var(--line);border-radius:50%;width:34px;height:34px;background:transparent;color:#8a8f89}.camera-pad button:first-child{grid-column:2}.camera-pad button:last-child{grid-column:2}.camera-core{grid-row:2;grid-column:2;display:grid;place-items:center;border:1px solid var(--olive);border-radius:50%;height:34px;color:var(--olive);font-size:20px}.camera-pad .active-camera{background:#e9eadf;border-color:#ced0c3;color:var(--ink)}.mini-options{margin-top:10px}.select-wrap select{appearance:none;width:100%;padding:9px;border:1px solid var(--line);border-radius:3px;background:#fbfaf6;color:#4e534e;font-size:10px}.material-grid,.style-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.material-card{border:1px solid var(--line);border-radius:3px;background:#fbfaf6;padding:6px;font-size:9px;text-align:left;color:#5c625b}.material-card i{height:20px;display:block;margin-bottom:5px;background:#c9b89c;background-image:linear-gradient(135deg,#e2d4bd,#927d60)}.material-card[data-tone=wood] i{background:repeating-linear-gradient(10deg,#6e4933,#6e4933 4px,#a47e57 5px)}.material-card[data-tone=concrete] i{background:#a8aaa6}.material-card[data-tone=marble] i{background:linear-gradient(135deg,#eeeae2 40%,#aaa79e 42%,#ece9df 47%)}.material-card.selected{border-color:var(--olive);box-shadow:inset 0 0 0 1px var(--olive)}.style-grid button{padding:9px 4px;border:1px solid var(--line);border-radius:3px;background:#fbfaf6;color:#686c67;font-size:9px}.sidebar-footer{padding:16px 22px 20px;margin-top:auto}.quiet-btn{border:0;background:transparent;color:var(--muted);font-size:10px;width:100%;padding-bottom:14px}.render-button{width:100%;border:0;background:var(--dark);color:#fff;padding:14px;border-radius:3px;font-weight:700;font-size:11px}.render-button span{color:var(--gold);font-size:16px;margin-right:6px}.workspace{display:grid;grid-template-columns:minmax(600px,1fr) 245px;flex:1;min-width:0}.topbar{grid-column:1/-1;height:82px;border-bottom:1px solid var(--line);background:#fbfaf6;display:flex;align-items:center;justify-content:space-between;padding:0 27px}.crumb{display:flex;gap:11px;align-items:center}.crumb span{font-family:"Be Vietnam Pro",Arial,sans-serif;color:var(--muted);letter-spacing:1px;font-size:9px}.crumb b{color:#c5c7c1}.crumb strong{font-size:12px}.crumb em{font-style:normal;background:#e3eee2;color:#668263;border-radius:10px;padding:3px 8px;font-size:9px}.top-actions{display:flex;align-items:center;gap:8px}.icon-btn{border:1px solid var(--line);width:29px;height:29px;background:transparent;border-radius:3px;color:#656a64}.export-btn{border:1px solid var(--ink);padding:7px 11px;background:transparent;border-radius:3px;font-size:10px}.avatar{margin-left:6px;background:#ba9c6d;color:white;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;font-size:9px}.canvas-area{position:relative;display:flex;align-items:center;justify-content:center;background:#e9e8e2;padding:55px 46px}.canvas-toolbar{position:absolute;top:17px;left:25px;right:25px;display:flex;gap:6px}.canvas-toolbar span{flex:1}.canvas-toolbar button{border:0;background:transparent;color:#737770;font-size:10px;padding:6px}.canvas-toolbar .toolbar-active{background:#fbfaf6;border:1px solid var(--line);border-radius:3px;color:var(--ink)}.render-stage{position:relative;width:min(100%,850px);aspect-ratio:16/9;box-shadow:0 16px 40px #5555;overflow:hidden;background:#cbb99c}.arch-scene{position:absolute;inset:0;background:linear-gradient(105deg,#a19a83 0 35%,#ded3be 35% 74%,#bcb9a8 74%);overflow:hidden}.window-light{position:absolute;right:0;top:0;width:34%;height:67%;background:linear-gradient(90deg,#e5d8b5,#e8c777 40%,#fcf1cd);box-shadow:-25px 10px 70px #fff8}.window-frame{position:absolute;right:6%;top:0;width:27%;height:62%;border-left:10px solid #766b59;border-right:8px solid #766b59;background:linear-gradient(#b7d1cf,#d3e0ca 55%,#baa878 56%)}.window-frame i{position:absolute;top:0;bottom:0;border-left:5px solid #756c5c;left:48%}.window-frame i+ i{left:auto;right:25%;border-left-width:3px}.wall-art{position:absolute;left:12%;top:16%;width:18%;height:30%;border:10px solid #d9d1c2;background:#8e9a8c;box-shadow:0 4px 9px #5a514744}.wall-art span{position:absolute;width:55%;height:60%;border-radius:50% 40%;background:#d4c6ab;top:18%;left:20%}.sofa{position:absolute;left:10%;bottom:12%;width:48%;height:29%;background:#8d897a;border-radius:11px 11px 4px 4px;box-shadow:10px 15px 12px #463c3544}.sofa:before,.sofa:after{content:"";position:absolute;background:#9e9a8b;width:44%;height:78%;top:7%;border-radius:9px;box-shadow:inset -9px 0 #7b776b}.sofa:before{left:3%}.sofa:after{right:4%}.sofa i{position:absolute;bottom:-16px;left:8%;height:20px;border-left:6px solid #3c3933}.sofa b{position:absolute;bottom:-16px;right:8%;height:20px;border-left:6px solid #3c3933}.sofa em{position:absolute;z-index:2;left:45%;height:100%;border-left:4px solid #777468}.coffee-table{position:absolute;bottom:8%;left:43%;width:30%;height:13%;border-radius:50%;background:#765a42;box-shadow:0 20px 0 -5px #45382d,0 24px 15px #3e352a88}.coffee-table i{position:absolute;width:30%;height:60%;border-radius:50%;background:#ccbd9d;left:12%;top:-30%}.vase{position:absolute;bottom:17%;left:67%;width:4%;height:13%;background:#e7e0cd;border-radius:45% 45% 20% 20%}.vase i{position:absolute;top:-16%;left:33%;border-left:2px solid #465d40;height:60px;transform:rotate(-27deg)}.plant{position:absolute;right:7%;bottom:12%;width:9%;height:33%;background:#b2a386;border-radius:50% 50% 9% 9%}.plant i,.plant b{position:absolute;width:46%;height:54%;background:#697b5d;border-radius:100% 0;top:-43%;left:-25%;transform:rotate(25deg)}.plant b{left:70%;transform:rotate(100deg);background:#576f51}.lamp{position:absolute;left:5%;bottom:25%;width:9%;height:44%}.lamp i{display:block;height:77%;border-left:5px solid #31342e;margin-left:50%}.lamp b{position:absolute;top:0;left:8%;width:84%;height:29%;background:#d4c59e;border-radius:50% 50% 10% 10%;box-shadow:0 9px 30px #f5e3ad88}.floor-shadow{position:absolute;bottom:0;left:0;right:0;height:17%;background:linear-gradient(0deg,#8c765a,#c5ad88);clip-path:polygon(0 5%,100% 52%,100% 100%,0 100%)}.scene-label{position:absolute;bottom:5%;left:5%;color:#fff;display:flex;align-items:center;gap:8px;text-shadow:0 1px 3px #333}.scene-label b{display:block;letter-spacing:1.5px;font-size:8px}.scene-label small{font-size:7px}.render-overlay{display:none;position:absolute;inset:0;background:#20231fdc;color:#fff;align-items:center;justify-content:center;flex-direction:column;gap:9px}.render-overlay.show{display:flex}.spinner{width:28px;height:28px;border:2px solid #ffffff44;border-top-color:#e8c580;border-radius:50%;animation:spin .8s linear infinite}.render-overlay strong{font-size:14px}.render-overlay small{color:#d5d7d0}.progress{width:160px;height:2px;background:#ffffff33;margin-top:6px}.progress i{display:block;height:100%;background:#dfba72;width:15%;animation:progress 2.5s ease-in-out forwards}@keyframes spin{to{transform:rotate(360deg)}}@keyframes progress{to{width:100%}}.hint{position:absolute;bottom:17px;color:#888d85;font-size:9px}.hint span{border:1px solid #bcbeb9;padding:2px 4px;border-radius:2px}.inspector{border-left:1px solid var(--line);background:#fbfaf6;padding:22px 19px}.inspector-head{display:flex;justify-content:space-between;margin-bottom:22px}.inspector-head button{border:0;background:none;font-size:16px;color:#999}.prompt-card{padding:13px;background:#f0efe9;border-left:2px solid var(--gold)}.prompt-card p{font-family:"Be Vietnam Pro",Arial,sans-serif;font-style:italic;line-height:1.55;font-size:12px;margin:8px 0}.prompt-card button{padding:0;border:0;background:transparent;text-decoration:underline;color:#6e725e;font-size:9px}.stat-list{margin-top:18px}.stat-list div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 0}.stat-list span,.quality small{font-family:"Be Vietnam Pro",Arial,sans-serif;font-size:8px;color:var(--muted);letter-spacing:.5px}.stat-list b{font-size:9px}.quality{padding:16px 0;border-bottom:1px solid var(--line)}.quality>div:first-child{display:flex;justify-content:space-between;font-size:10px}.quality>div b{font-family:"Be Vietnam Pro",Arial,sans-serif;font-size:9px;color:var(--olive)}.quality-bars{display:flex;gap:3px;margin:10px 0 7px}.quality-bars i{width:19%;height:5px;background:var(--olive)}.history{padding-top:17px}.history>div{display:flex;gap:7px;margin-top:10px}.history-thumb{width:58px;aspect-ratio:1.3;border:0;border-radius:2px;background:linear-gradient(135deg,#cbc2aa,#6f7468 55%,#c9ae7b)}.history-thumb.two{filter:sepia(.4);background:linear-gradient(135deg,#b9a58a,#82634b 55%,#d8c3a1)}.history-thumb.three{filter:grayscale(.7);background:linear-gradient(135deg,#d3d0c7,#62655d 55%,#a19689)}.toast{position:fixed;bottom:22px;left:50%;translate:-50% 100px;background:#252924;color:#fff;padding:11px 17px;border-radius:4px;font-size:11px;transition:.25s}.toast.show{translate:-50% 0}