/* V1.10 — guided design, shared scene workflows */
:root{--olive:#6b6b6b;--muted:#777777;--paper:#f7f7f7}body{background:#ededed}.brand{font-family:Georgia,'Times New Roman',serif;letter-spacing:-1.4px!important}.topbar strong{font-size:13px}.topbar.detail-top{background:white;height:46px}.detail-top>span{font-size:11px;color:#777}.nav button{padding:0 8px;min-width:65px;color:#767676}.nav button.active{color:var(--olive)}.nav{height:72px}.chip.active{background:var(--olive)}.card-media{aspect-ratio:1.2;border-radius:13px}.card-title h3{font-size:16px}.card-title p{font-size:11px;line-height:1.5}.card-meta{padding-top:10px}.look-list{gap:22px}.look-card{padding-bottom:3px}.favorite svg{fill:none;width:18px;height:18px}.favorite.on svg{fill:var(--olive)}.switch{background:#fdfdfdd9;border:1px solid #fff8}.switch button.active{background:#181818}.detail-preview{height:auto;aspect-ratio:1.5;border-radius:12px;margin:0}.detail-copy{padding:15px 1px 20px;gap:10px}.detail-copy h2{font-size:24px}.eyebrow{font-size:8px;letter-spacing:1.8px;color:var(--olive);font-weight:700}.detail-copy>p{font-size:12px}.piece-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:5px 0}.piece{min-width:0;background:#f6f6f6;border:1px solid #ececec;border-radius:10px;padding:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.piece img{width:100%;height:48px;object-fit:contain}.piece>span{font-size:8px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.piece-count strong{font-size:21px}.path-actions{display:grid;gap:8px;margin:4px 0}.path-actions>div,.two-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.path-actions .secondary,.two-actions .secondary{font-size:11px;min-height:39px;padding:8px}.muted{font-size:9px;color:var(--muted)}.similar-list{display:flex;gap:9px;overflow:auto;padding-bottom:6px}.similar-card{flex:0 0 46%;padding:0;text-align:left;overflow:hidden}.similar-card img{width:100%;height:90px;object-fit:cover;border-radius:9px}.similar-card span{display:block;font-size:10px;margin-top:5px}.light-stage{position:relative;aspect-ratio:1.6;margin:0 -13px;background:#ededed;overflow:hidden}.light-stage>.room-photo{object-fit:contain}.light-stage .photo-tools{display:flex;bottom:9px;right:9px;gap:5px}.small-pill{padding:6px 10px;min-height:28px;background:#fefefeed;border:1px solid #dedede;border-radius:16px;font-size:10px;white-space:nowrap}.hotspot{position:absolute;transform:translate(-50%,-50%);width:24px;height:24px;border-radius:50%;background:#181818ee;color:white;border:2px solid white;font-size:10px;z-index:2}.image-state{display:flex;gap:6px;align-items:center;font-size:9px;padding:9px 0;color:#797979}.image-state i{width:6px;height:6px;border-radius:50%;background:#b0b0b0;flex-shrink:0}.image-state.current i{background:var(--olive)}.camera-tabs{display:flex;gap:5px;align-items:center;padding:9px 0;border-bottom:1px solid #ededed}.camera-tabs>span{font-size:9px;margin-right:auto;color:#7c7c7c}.camera-chip{padding:6px 10px;border-radius:16px;background:#f3f3f3;font-size:9px}.camera-chip.active{background:var(--olive);color:white}.items-heading{display:flex;align-items:center;justify-content:space-between;margin:11px 0 4px}.under-tabs{display:flex;gap:17px}.under-tabs button{font-size:10px;color:#7a7a7a;padding:8px 0}.under-tabs button.active{color:#181818;border-bottom:2px solid var(--olive)}.mini-outline{border:1px solid #dedede;border-radius:7px;padding:6px 7px;font-size:9px;min-height:28px;white-space:nowrap}.edit-item{display:flex;gap:8px;align-items:center;border-bottom:1px solid #eeeeee;padding:10px 0}.edit-item.picked{background:#f6f6f6}.item-thumb{padding:0;flex:0 0 48px;height:44px}.item-thumb img{width:100%;height:100%;object-fit:contain;background:#f6f6f6;border-radius:6px}.edit-item>div:nth-child(2){flex:1;min-width:0}.edit-item b{font-size:11px;display:block}.edit-item small{display:block;font-size:8px;color:#7c7c7c;margin-top:3px}.item-actions{display:flex;gap:4px}.removed-note{font-size:9px;color:#777777;padding:11px 0}.edit-bottom{position:sticky;bottom:-28px;background:#fff;padding:12px 0 24px;margin-top:12px;z-index:5}.edit-bottom p{font-size:8px;text-align:center;color:#848484;margin-top:6px}.edit-items .empty{padding:24px 0}.library-grid{max-height:350px;grid-template-columns:repeat(3,1fr)}.library-grid .model-tile img{height:82px}.library-grid .model-tile{font-size:10px}.model-grid{overscroll-behavior:contain}.full-scene{bottom:178px;top:0}.diy-bottom{position:absolute;bottom:0;left:0;right:0;background:#fff;z-index:16;padding:5px 14px 20px;border-radius:17px 17px 0 0;box-shadow:0 -5px 18px #00000008}.diy-bottom .camera-tabs{padding:6px 0;border:0}.diy-tools{display:flex;justify-content:space-around;padding:7px 0 10px}.diy-tools button{display:grid;justify-items:center;gap:4px;font-size:9px}.diy-tools svg{width:18px;height:18px}.diy-bottom>.primary{min-height:37px;padding:8px}.diy-bottom>small{display:block;font-size:8px;text-align:center;color:#8b8b8b;margin-top:4px}body[data-page=three] .selection{bottom:188px}.scene-drawer{bottom:176px;max-height:48%;height:310px}.scene-top>strong{padding:5px 13px;background:#fcfcfce8;border-radius:18px}.scene-top .icon{background:#fcfcfce8;border-radius:50%}.scene-stats{top:59px;left:12px}.full-scene .view-load{top:88px}.render-stage{height:235px;position:relative;border-radius:12px;overflow:hidden}.render-explainer{font-size:10px;line-height:1.5;margin:0 0 12px}dialog:has(#render-stage){padding:18px;width:375px}.capture-result{width:100%;border-radius:10px}.agent-heading{display:flex;justify-content:space-between;align-items:center;padding:16px 1px 9px}.agent-heading h1{font-size:23px;letter-spacing:-.7px}.agent-heading p{font-size:10px;color:#838383;margin-top:4px}.demo-tag{color:#6b6b6b;background:#f2f2f2;padding:5px 8px;border-radius:20px;font-size:8px}.agent-steps{display:flex;justify-content:space-between;position:relative;padding:9px 11px 14px;margin-bottom:6px}.agent-steps:before{content:'';position:absolute;left:30px;right:30px;top:17px;height:1px;background:#e0e0e0}.agent-steps>div{position:relative;display:grid;justify-items:center;gap:4px;min-width:40px;color:#969696}.agent-steps i{font-style:normal;border:1px solid #cfcfcf;border-radius:50%;width:17px;height:17px;background:#fff;text-align:center;line-height:15px;font-size:8px}.agent-steps span{font-size:8px}.agent-steps .reached{color:#181818}.agent-steps .reached i{background:var(--olive);color:white;border-color:var(--olive)}.designer-intro{text-align:left;margin:8px 0 18px}.designer-mark{display:inline-grid;place-items:center;flex:0 0 27px;height:27px;width:27px;background:#f0f0f0;color:var(--olive);border-radius:9px;font-size:20px}.designer-intro h2{font-size:25px;margin-top:9px}.designer-intro p{font-size:11px;color:#858585;line-height:1.6;margin-top:7px}.linked-look{display:flex;align-items:center;width:100%;padding:8px;gap:10px;text-align:left;background:#f6f6f6;border:1px solid #ececec;border-radius:10px;margin-bottom:16px}.linked-look>.room-photo{width:70px;height:49px;border-radius:6px;object-fit:cover}.linked-look>span:nth-child(2){flex:1;min-width:0}.linked-look b,.linked-look small{display:block}.linked-look b{font-size:11px;margin:3px 0}.linked-look small{font-size:8px;color:#818181}.linked-look small:first-child{font-size:7px;letter-spacing:.9px}.agent-upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:140px;background:#fafafa;border:1px dashed #cacaca;border-radius:12px;padding:18px;overflow:hidden;gap:4px}.agent-upload>input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.agent-upload b{font-size:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-upload small{font-size:9px;color:#8d8d8d}.upload-symbol{font-size:28px;color:#6d6d6d}.agent-upload img{max-width:100%;max-height:130px;object-fit:contain}.field-note{font-size:9px;line-height:1.6;color:#8b8b8b;margin:9px 0 15px}.dimension-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0}.dimension-fields label{font-size:10px;color:#767676}.dimension-fields input{display:block;width:100%;border:1px solid #dedede;border-radius:8px;padding:10px;margin-top:5px;background:white}.agent-body>.primary{font-size:12px}.agent-composer{position:sticky;bottom:0;display:flex;gap:5px;align-items:center;padding:7px 8px;background:#fff;border:1px solid #e0e0e0;border-radius:25px;box-shadow:0 3px 16px #00000008;margin:18px 0 5px;z-index:12}.agent-composer input{flex:1;min-width:0;border:0;outline:0;background:none;font-size:10px;padding:3px 4px}.agent-composer button{width:27px;height:27px;border-radius:50%;background:#6e6e6e;color:white}.agent-composer .voice-placeholder{background:#f3f3f3;color:#979797}.agent-message{display:flex;gap:10px;margin:12px 0;align-items:flex-start}.agent-message p{font-size:11px;line-height:1.65;color:#606060;background:#f7f7f7;border-radius:0 10px 10px 10px;padding:10px;flex:1}.question-label{font-size:12px;margin:20px 0 10px}.choice-grid{display:grid;gap:8px}.choice{border:1px solid #e3e3e3;border-radius:10px;padding:12px;text-align:left;font-size:11px}.choice.selected{border-color:#828282;background:#f2f2f2}.keep-row{display:flex;justify-content:space-between;align-items:center;margin:17px 0;padding:11px 0;border-bottom:1px solid #ededed}.keep-row b{font-size:11px}.keep-row small{display:block;font-size:9px;color:#8d8d8d;margin-top:3px}.keep-row input{accent-color:var(--olive)}.brief-label{font-size:11px}.brief-label textarea{display:block;width:100%;min-height:80px;resize:vertical;border:1px solid #e1e1e1;border-radius:9px;padding:10px;font:11px/1.6 Arial,sans-serif;margin-top:6px}.workspace-tabs{display:flex;gap:25px;justify-content:center;margin:5px 0 10px;border-bottom:1px solid #ededed}.workspace-tabs button{padding:8px 20px;font-size:11px;color:#8e8e8e}.workspace-tabs button.active{color:#181818;border-bottom:2px solid var(--olive)}.proposal-hero{position:relative;height:235px;border-radius:11px;overflow:hidden;background:#f2f2f2}.proposal-plan{width:100%;height:100%;stroke:none}.proposal-hero>.room-photo{object-fit:contain}.preview-label{position:absolute;left:9px;bottom:8px;font-size:8px;background:#fdfdfde8;padding:4px 7px;border-radius:9px;color:#6e6e6e}.proposal-checks{display:grid;gap:5px;background:#f5f5f5;padding:10px 12px;border-radius:8px;font-size:9px;color:#6d6d6d;margin:9px 0}.option-cards{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.option{padding:12px;border:1px solid #e1e1e1;text-align:left;border-radius:9px}.option.selected{border-color:var(--olive);background:#f3f3f3}.option strong{display:block;font-size:12px}.option small{display:block;font-size:8px;margin-top:4px;color:#818181}.two-actions{margin-top:8px}.conversation-log{display:grid;gap:13px;padding:8px 0}.message{max-width:90%;padding:10px 12px;background:#f4f4f4;border-radius:1px 12px 12px;font-size:11px}.message.user{margin-left:auto;background:#ebebeb;border-radius:12px 1px 12px 12px}.message small{display:block;font-size:8px;color:#7e7e7e;margin-bottom:5px}.message p{line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.chat-shortcuts{display:flex;flex-wrap:wrap;gap:5px;margin:15px 0}.empty h3{margin:10px 0}.empty p{font-size:11px;line-height:1.6;margin-bottom:20px}body[data-page=designer] .screen{padding-bottom:86px}.agent-body{padding-bottom:0}body[data-page=edit] .screen{padding-bottom:28px}body[data-page=edit] .selection{position:fixed;left:calc(50% - 170px);right:auto;width:340px;bottom:190px}.topbar .icon:disabled{opacity:.25}dialog .furniture-tabs{margin-top:10px}dialog .model-grid{margin-bottom:6px}.full-scene .viewer-tools{bottom:45px}.profile-links>button{padding:16px 3px}.topbar{gap:4px}.topbar>div{min-width:0}.topbar strong{white-space:nowrap}
@media(max-width:480px){.light-stage{margin-left:-16px;margin-right:-16px}.agent-composer{bottom:0}.detail-preview{aspect-ratio:1.5}body[data-page=edit] .selection{position:absolute;left:12px;right:12px;width:auto;bottom:150px}}
@media(max-height:710px){.designer-intro h2{font-size:22px}.designer-intro{margin:4px 0 12px}.agent-upload{min-height:110px}.proposal-hero{height:190px}.scene-drawer{max-height:45%}.diy-bottom{padding-bottom:16px}.full-scene{bottom:174px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* V1.11 — style-first conversational designer */
body[data-page=designer] .screen{padding-bottom:156px;scroll-padding-top:72px;background:#fdfdfd}
.chat-heading{display:flex;justify-content:space-between;align-items:center;padding:17px 0 10px;position:sticky;top:0;z-index:14;background:#fdfdfdf5;backdrop-filter:blur(10px)}
.chat-heading h1{font-size:23px;letter-spacing:-.7px}.chat-heading p{font-size:9px;color:#8c8c8c;margin-top:4px}.chat-new{width:31px;height:31px;border:1px solid #e2e2e2;border-radius:50%;font-size:21px;color:#6b6b6b;background:white}
.chat-disclosure{display:flex;align-items:center;gap:5px;font-size:8px;color:#8a8a8a;border-bottom:1px solid #ededed;padding:0 0 7px}.chat-disclosure .text-btn{font-size:8px;padding:2px 0;margin-left:auto;color:#808080}.online-dot{width:5px;height:5px;background:#939393;border-radius:50%}
.chat-welcome{padding:23px 8px 20px;text-align:center}.welcome-spark{display:inline-grid;place-items:center;width:39px;height:39px;background:#eeeeee;border-radius:14px;color:#7b7b7b;font-size:29px;margin-bottom:12px}.chat-welcome h2{font-family:Georgia,'Times New Roman',serif;font-size:28px;font-weight:500;letter-spacing:-.9px;line-height:1.2}.chat-welcome p{font-size:11px;color:#888888;line-height:1.65;margin-top:9px}
.chat-turn{display:flex;gap:8px;align-items:flex-start;margin:14px 0}.chat-turn .designer-mark{width:24px;height:24px;flex-basis:24px;font-size:18px;border-radius:8px}.chat-turn>div{max-width:calc(100% - 35px)}.chat-turn small{display:block;font-size:8px;color:#8c8c8c;margin-bottom:5px}.chat-turn p{font-size:11px;line-height:1.75;color:#181818;background:#f1f1f1;padding:11px 12px;border-radius:0 12px 12px;white-space:pre-wrap;overflow-wrap:anywhere}.chat-turn.user{justify-content:flex-end}.chat-turn.user>div{max-width:86%}.chat-turn.user small{text-align:right}.chat-turn.user p{background:#6b6b6b;color:#fff;border-radius:12px 0 12px 12px}
.mood-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 10px}.mood-card{padding:0;background:#fff;border:1px solid #e9e9e9;border-radius:12px;overflow:hidden;text-align:left;transition:border-color .15s,transform .15s}.mood-card:hover{border-color:#8d8d8d;transform:translateY(-2px)}.mood-card img{width:100%;height:113px;object-fit:cover;display:block}.mood-card>span{display:block;padding:9px 7px 11px}.mood-card b{font-size:10px;font-weight:600;display:block;line-height:1.4}.mood-card small{font-size:8px;line-height:1.6;color:#949494;display:block;margin-top:4px}
.chat-suggestions{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin:13px 0 20px}.chat-suggestions .small-pill{font-size:10px;padding:8px 12px;border-color:#e2e2e2;background:#fff}.chat-recommendations{display:grid;gap:14px;margin:10px 0}.chat-look{background:#fff;border:1px solid #e9e9e9;border-radius:13px;overflow:hidden}.chat-look .card-media{aspect-ratio:1.55;border-radius:0}.chat-look-copy{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px}.chat-look-copy h3{font-size:12px}.chat-look-copy small{font-size:8px;display:block;color:#8a8a8a;margin-top:4px}.chat-look-copy .mini-outline{border-color:#8d8d8d;color:#181818;font-size:9px;padding:8px;flex-shrink:0}
.chosen-look{background:white;border:1px solid #e7e7e7;border-radius:13px;overflow:hidden;margin:14px 0}.chosen-visual{position:relative;aspect-ratio:1.5;overflow:hidden}.chosen-visual>.room-photo{width:100%;height:100%;object-fit:cover}.chosen-visual .preview-label{font-size:7px;max-width:calc(100% - 18px)}.chosen-copy{padding:13px 13px 5px}.chosen-copy>small{font-size:7px;letter-spacing:1px;color:#8c8c8c}.chosen-copy h3{font-size:17px;margin-top:5px}.chosen-copy p{font-size:9px;color:#848484;margin-top:4px}.chat-edit-actions{display:grid;grid-template-columns:1.3fr 1fr;gap:7px;padding:10px 12px 12px}.chat-edit-actions button{font-size:11px;min-height:39px;padding:9px}.chosen-look>.text-btn{margin-top:-7px;padding-bottom:12px;color:#818181}
.home-invitation{display:grid;grid-template-columns:27px 1fr;gap:8px;padding:16px;background:#f2f2f2;border:1px solid #e3e3e3;border-radius:12px;margin:15px 0}.home-invitation h3{font-size:14px;line-height:1.5}.home-invitation p{font-size:10px;color:#898989;line-height:1.6;margin-top:5px}.home-invitation>button{grid-column:1/-1;min-height:39px;font-size:11px}.saved-conversation{background:#f2f2f2;border-radius:11px;padding:17px 13px;margin:15px 0;text-align:center}.saved-conversation b{font-size:13px;color:#6c6c6c}.saved-conversation p{font-size:10px;color:#909090;margin-top:8px}.saved-conversation .text-btn{font-size:10px}
.adapt-conversation{padding-top:8px}.adapt-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:5px;border-bottom:1px solid #e7e7e7;padding-bottom:8px}.adapt-heading b{font-size:12px}.adapt-heading .text-btn{font-size:9px}.adapt-conversation .designer-intro h2{font-size:20px}.adapt-conversation .agent-body>.primary{margin-top:10px}.adapt-conversation .conversation-log{display:none}
.agent-composer.chat-composer{position:absolute;left:13px;right:13px;bottom:82px;margin:0;padding:9px 10px;background:white;border:1px solid #e0e0e0;border-radius:24px;z-index:40;box-shadow:0 -6px 22px #fdfdfdd9,0 3px 12px #18181810}.chat-composer input{font-size:11px;min-height:24px}.chat-composer .voice-placeholder{opacity:.6}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:480px){.agent-composer.chat-composer{left:16px;right:16px;bottom:82px}.mood-card img{height:110px}}
@media(max-width:350px){.mood-grid{gap:5px}.mood-card img{height:88px}.mood-card>span{padding:8px 5px}.mood-card b{font-size:9px}.chat-heading p{font-size:8px}}
@media(max-height:710px){.chat-welcome{padding:15px 8px}.chat-welcome h2{font-size:25px}.mood-card img{height:92px}}