:root{--ink:#181818;--muted:#8d8d8d;--line:#f0f0f0}*{box-sizing:border-box}html,body{margin:0;font:14px/1.45 Arial,Helvetica,sans-serif;color:var(--ink)}body{height:100dvh;display:grid;place-items:center;background:#f0f0f0;padding:18px}button,input{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.3;cursor:default}button:focus-visible{outline:2px solid #848484;outline-offset:2px}svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}h1,h2,h3,p{margin:0}h1{font-size:29px;letter-spacing:-1.2px;line-height:1.18}h2{font-size:21px;letter-spacing:-.6px;line-height:1.2}h3{font-size:15px;letter-spacing:-.3px}#app{width:390px;height:min(812px,calc(100dvh - 36px));position:relative;border:5px solid #181818;border-radius:43px;overflow:hidden;background:#fff;box-shadow:0 15px 35px #0002,0 2px 5px #0002}.shell{height:100%;position:relative;overflow:hidden;background:white}.status{height:35px;position:relative;z-index:50;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:8px 23px 0;font-size:10px}.status i{position:absolute;left:50%;transform:translateX(-50%);top:7px;width:82px;height:20px;border-radius:20px;background:#111}.status span{letter-spacing:-1px;font-size:10px}.screen{position:absolute;inset:35px 0 0;overflow:auto;scrollbar-width:none;padding:0 13px 28px;overscroll-behavior:contain}.screen::-webkit-scrollbar{display:none}.topbar{height:47px;display:flex;align-items:center;justify-content:space-between;background:#fffffff2;position:relative;z-index:12;flex-shrink:0}.topbar h1{font-size:29px;font-weight:700}.topbar>div{display:flex;align-items:center;gap:4px}.icon{width:33px;height:33px;display:inline-grid;place-items:center;padding:0}.icon svg{width:20px;height:20px}.topbar>.icon:first-child{margin-left:-5px}.primary,.secondary{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;padding:12px 15px;min-height:45px;font-size:13px;font-weight:500}.primary{background:#181818;color:#fff}.secondary{background:white;border:1px solid #9d9d9d}.primary svg,.secondary svg{width:21px;height:21px}.compact{min-height:32px;padding:7px 17px;border-radius:22px;font-size:11px}.full{width:100%}.stack{display:grid;gap:9px}.text-btn{font-size:11px;padding:9px;display:inline-flex;gap:5px;align-items:center;justify-content:center}.text-btn svg{width:16px;height:16px}.nav{position:absolute;bottom:0;left:0;right:0;height:69px;border-top:1px solid #f1f1f1;background:#fffffff2;backdrop-filter:blur(12px);display:flex;justify-content:space-around;padding:8px 7px 18px;z-index:35}.nav button{display:flex;align-items:center;flex-direction:column;gap:3px;font-size:9px;color:#9c9c9c;padding:0 14px}.nav button.active{color:#111}.nav button.active svg{stroke-width:2.2}.nav svg{width:20px;height:20px}.home-indicator{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);width:115px;height:4px;background:#222;border-radius:5px;z-index:70;pointer-events:none}body[data-page=home] .screen,body[data-page=saved] .screen,body[data-page=profile] .screen{padding-bottom:83px}.chips{display:flex;gap:5px;overflow:auto;scrollbar-width:none}.chip{font-size:10px;background:#f6f6f6;border-radius:24px;padding:10px 13px;white-space:nowrap;min-height:34px}.chip.active{background:#181818;color:white}.home-chips{margin:1px -2px 12px}.look-list{display:grid;gap:16px}.card-media{position:relative;aspect-ratio:1.43;border-radius:11px;overflow:hidden;background:#eee}.image-link{display:block;width:100%;height:100%;padding:0}.room-photo{width:100%;height:100%;display:block;object-fit:cover;background-repeat:no-repeat}.ref-modern{background-image:url('assets/modern-calm-eye-level.png');background-size:cover;background-position:center}.ref-japandi{background-image:url('assets/japandi-retreat-eye-level.png');background-size:cover;background-position:center}.switch{position:absolute;right:11px;top:11px;display:flex;background:#ffffffef;border-radius:24px;padding:3px;z-index:9;box-shadow:0 2px 8px #0001}.switch button{font-size:10px;border-radius:22px;padding:5px 13px;min-width:43px}.switch .active{background:#181818;color:white}.card-meta{display:flex;justify-content:space-between;gap:7px;padding:8px 2px 0}.card-title{padding:0;min-width:0;text-align:left}.card-title h3{font-size:14px}.card-title p{font-size:10px;line-height:1.3;color:var(--muted);margin-top:3px}.favorite{padding:0;display:flex;gap:3px;align-items:flex-start;flex-shrink:0;font-size:9px}.favorite svg{width:13px;height:13px;fill:#1a1a1a}.favorite.on{color:#6d6d6d}.favorite.on svg{fill:#6d6d6d}.search{display:flex;align-items:center;gap:7px;background:#f5f5f5;padding:9px 12px;margin:0 0 12px;border-radius:9px}.search input{width:100%;border:0;outline:0;background:none;font-size:12px}.search svg{width:17px}.welcome{position:absolute;inset:0;background:#f1f1f1}.welcome-art{background-image:url('assets/welcome-eye-level-v105.png');position:absolute;inset:190px 0 140px;background-repeat:no-repeat;background-size:cover;background-position:center;mask-image:linear-gradient(transparent,#000 7%,#000 93%,transparent)}.welcome-copy{position:absolute;left:25px;top:70px}.welcome-copy h1{font-size:43px;letter-spacing:-2.1px}.welcome-copy p{font-size:17px;line-height:1.4;color:#919191;margin-top:12px}.welcome-bottom{position:absolute;bottom:37px;left:16px;right:16px;display:grid;gap:20px}.dots{display:flex;gap:8px;justify-content:center;margin-bottom:10px}.dots i{width:5px;height:5px;background:#aaa;border-radius:50%}.dots .on{background:#161616}.sign-in{font-size:10px;color:#707070}.sign-in b{font-weight:500;color:#181818}.welcome-bottom .primary{min-height:47px}.detail-photo{height:310px;margin:0 -13px;background:#eee}.topbar.overlay{position:absolute;left:13px;right:13px;top:0;background:transparent}.detail-copy{padding:13px 3px 5px;display:grid;gap:13px}.detail-copy>p{font-size:12px;color:var(--muted);line-height:1.45}.tags{display:flex;gap:7px}.tags span{font-size:10px;padding:7px 12px;border-radius:20px;background:#f8f8f8;color:#8d8d8d}.section-label{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.key-elements{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:-5px}.key-elements button{padding:0;min-width:0;font-size:9px;color:#969696}.key-elements img{width:100%;aspect-ratio:1;object-fit:contain;background:#f8f8f8;border-radius:12px}.key-elements span{display:block;margin-top:4px}.detail-copy .stack{margin-top:8px}.edit-photo{position:relative;height:365px;margin:0 -13px;overflow:hidden;background:#eeeeee}.photo-tools{position:absolute;right:10px;bottom:12px;display:grid;gap:9px}.photo-tools .icon{background:#fffffff1;width:30px;height:30px;border-radius:50%}.photo-tools svg{width:17px}.edit-library{margin:0 -4px;padding-top:14px}.furniture-tabs{display:flex;justify-content:space-between;gap:6px;margin:0 0 13px;overflow:auto;scrollbar-width:none}.furniture-tabs button{padding:7px 2px 9px;white-space:nowrap;font-size:10px;color:#969696}.furniture-tabs .active{color:#181818;border-bottom:2px solid #202020}.model-strip{display:flex;gap:9px;overflow:auto;scrollbar-width:none;align-items:flex-start;padding:2px}.model-tile{min-width:79px;width:79px;flex-shrink:0;padding:0;font-size:9px;color:#959595}.model-tile img{width:100%;height:84px;object-fit:contain;border-radius:11px;background:#f6f6f6;border:1px solid transparent}.model-tile.selected img{border-color:#444}.model-tile span{display:block;margin-top:8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.after-photo{height:264px;border-radius:12px;overflow:hidden;margin-top:3px}.after-title{display:flex;align-items:center;justify-content:space-between;margin:8px 0 0}.after-title h2{font-size:21px}.subline{font-size:11px;color:#9a9a9a;margin:2px 0 13px}.snapshots{display:flex;gap:7px;margin-bottom:22px}.snapshots>button{width:65px;height:65px;border-radius:9px;overflow:hidden;background:#f4f4f4;padding:0}.snapshots .add-snapshot{width:65px;display:grid;place-items:center}.snapshots svg{width:21px}.snapshots .room-photo{background-size:cover;background-position:center;}.after-actions{gap:10px}.page-heading{font-size:29px;margin:14px 0 18px;letter-spacing:-1px}.create-tabs{margin-bottom:19px;justify-content:space-between}.create-tabs .chip{font-size:11px;padding:10px 15px}.plan-upload{height:300px;position:relative;display:grid;place-items:center;background:#f8f8f8;border:1px dashed #d9d9d9;border-radius:11px;overflow:hidden}.upload-prompt{text-align:center}.upload-prompt>svg{width:44px;height:44px;border:1px solid #181818;border-radius:50%;padding:9px;margin-bottom:18px}.upload-prompt h3{font-size:13px}.upload-prompt p{font-size:11px;color:#9d9d9d;margin-top:8px;line-height:1.5}.plan-upload>input{position:absolute;inset:0;opacity:0;cursor:pointer}.plan-upload>img{width:100%;height:100%;object-fit:contain}.sample-link{display:block;margin:20px auto;font-size:11px;color:#787878;text-decoration:underline}.bottom-action{margin-top:32px}.bottom-action .primary{width:100%}.sample-plan{width:100%;height:100%;stroke:none}#draw-surface{width:100%;height:100%;position:relative}#draw-surface span{position:absolute;left:0;right:0;bottom:13px;text-align:center;font-size:11px;color:#919191}#draw-svg{width:100%;height:100%;touch-action:none;stroke:none}.your-home-title{margin:7px 0 14px}.your-home-title h1{font-size:26px}.your-home-title button{font-size:12px;color:#9d9d9d;padding:3px 0}.generated-home{height:423px;background:#fff;border-radius:7px;overflow:hidden}.sample-home-photo{width:100%;height:100%;background:url('assets/ui-reference.png') no-repeat;background-size:682% 456%;background-position:49.757% 81.74%}.generation-actions{display:flex;gap:9px;margin:14px 0 10px}.generation-actions button{flex:1;font-size:11px;padding:10px 8px}.generation-actions svg{width:17px}.saved-tabs{margin:7px 0 9px;gap:5px}.saved-tabs .chip{font-size:10px;padding:8px 13px}.project-row{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #f4f4f4}.project-thumb{height:74px;width:88px;flex-shrink:0;border-radius:10px;overflow:hidden;padding:0}.project-copy{flex:1;min-width:0;text-align:left;padding:0}.project-copy h3{font-size:13px;letter-spacing:-.2px}.project-copy p{color:#a2a2a2;font-size:9px;margin-top:6px}.project-row>.icon{width:24px;height:30px}.profile-header{display:flex;align-items:center;gap:14px;margin:7px 0 27px}.profile-header>button:nth-child(2){text-align:left;flex:1;padding:0}.profile-header h2{font-size:21px}.profile-header p{font-size:10px;color:#9d9d9d;margin-top:4px}.avatar{height:62px;width:62px;background:linear-gradient(140deg,#eee,#c1c1c1);border-radius:50%;display:grid;place-items:center;color:#8f8f8f;overflow:hidden}.avatar svg{width:43px;height:43px;stroke-width:2.3}.profile-links{display:grid}.profile-links>button{display:flex;align-items:center;gap:16px;text-align:left;border-bottom:1px solid #f4f4f4;padding:19px 3px}.profile-links>button>svg{width:21px;height:21px;color:#181818}.profile-links span{flex:1}.profile-links b{font-size:13px;font-weight:500}.profile-links small{display:block;color:#9c9c9c;font-size:10px;margin-top:4px}.profile-links>button>svg:last-child{width:15px;height:15px;color:#a9a9a9}.empty{text-align:center;font-size:12px;color:#969696;padding:35px 12px}.viewer{position:absolute;inset:0;background:#e8e8e8;touch-action:none}.viewer canvas{display:block;width:100%;height:100%}.view-status{position:absolute;bottom:12px;left:9px;right:9px;padding:5px 7px;font-size:8px;background:#ffffffb5;border-radius:6px;color:#818181;pointer-events:none}.view-load{position:absolute;top:11px;left:9px;max-width:47%;font-size:8px;padding:5px 8px;background:#fff;border-radius:18px}.viewer-tools{position:absolute;right:10px;bottom:49px;display:grid;gap:6px}.viewer-tools button{width:29px;height:29px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #0001}.full-scene{position:absolute;inset:0 0 72px;background:#e8e8e8}.scene-top{background:transparent;position:relative;z-index:12}.scene-top .scene-switch{display:flex;background:#ffffffeb;border-radius:24px;padding:3px;gap:0}.scene-switch button{padding:6px 19px;font-size:11px;border-radius:22px;border:0;min-height:28px;background:none}.scene-switch button.active{background:#181818;color:#fff}.scene-stats{position:absolute;top:67px;left:13px;z-index:9;display:grid;gap:9px;font-size:10px;color:#181818}.scene-stats span{display:flex;align-items:center;gap:8px}.scene-stats svg{width:16px;height:16px}.inspiration-button{position:absolute;top:62px;right:11px;z-index:9;display:grid;gap:5px;justify-items:center;font-size:8px}.inspiration-button svg{width:40px;height:40px;padding:9px;border-radius:50%;background:radial-gradient(at 20% 20%,#dddddd,#fff 70%);color:#818181}.inspiration-button span{background:#fffffff0;border-radius:14px;padding:4px 8px}.scene-toolbar{position:absolute;left:0;right:0;bottom:0;height:78px;background:#fff;border-radius:18px 18px 0 0;padding:13px 9px 20px;display:flex;justify-content:space-around;z-index:15}.scene-toolbar button{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:9px;color:#8e8e8e}.scene-toolbar svg{width:21px;height:21px;color:#181818}.full-scene .view-load{top:123px;font-size:7px}.full-scene .view-status{bottom:12px;font-size:7px;max-width:260px}.full-scene .viewer-tools{bottom:48px}.scene-drawer{position:absolute;bottom:68px;left:0;right:0;z-index:22;height:315px;padding:15px;background:#fff;border-radius:18px 18px 0 0;box-shadow:0 -5px 30px #0002}.drawer-head{display:flex;justify-content:space-between;align-items:center}.model-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px 7px;max-height:180px;overflow:auto;padding:3px 0 15px}.model-grid .model-tile{width:100%;min-width:0}.model-grid img{height:64px}.model-search{width:100%;border:1px solid #eee;border-radius:8px;padding:8px;font-size:11px;margin-bottom:8px}.scene-drawer .furniture-tabs{margin-bottom:4px}.selection{position:absolute;bottom:88px;left:15px;right:15px;z-index:25;background:#fffffff1;box-shadow:0 4px 20px #0002;border:1px solid #e5e5e5;border-radius:13px;padding:10px 12px}.selection strong{font-size:11px}.selection>div{display:flex;justify-content:space-between;margin-top:5px}.selection .text-btn{font-size:9px;padding:5px}.selection svg{width:15px}body[data-page=edit] .selection{bottom:180px}#plan-svg{width:100%;height:100%;stroke:none;touch-action:none}.edit-photo:has(#plan-svg){background:#eeeeee}body[data-page=three] .screen{padding:0 12px;overflow:hidden}body[data-page=welcome] .screen{padding:0}dialog{width:350px;max-width:calc(100vw - 28px);max-height:78dvh;padding:24px 20px;border:0;border-radius:19px;box-shadow:0 15px 70px #0003;overflow:auto;scrollbar-width:none}dialog::backdrop{background:#18181855;backdrop-filter:blur(3px)}dialog h2{font-size:22px;margin-bottom:14px}dialog p{font-size:12px;color:#868686;line-height:1.7;margin:10px 0 20px}dialog input:not([type=checkbox]){width:100%;padding:11px;border:1px solid #dedede;border-radius:8px;margin:10px 0 17px}dialog>.primary,dialog>.secondary{width:100%;margin-top:9px}.model-preview{height:180px;width:100%;object-fit:contain;margin-bottom:17px}.object-list{display:grid;gap:6px;max-height:420px;overflow:auto;margin-bottom:15px}.object-list button{display:flex;gap:10px;align-items:center;text-align:left;font-size:12px;padding:7px;background:#f9f9f9;border-radius:8px}.object-list img{width:45px;height:45px;object-fit:contain}.object-list span{flex:1}.object-list svg{width:14px}.inspiration-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.inspiration-grid button{padding:0;text-align:left;background:#f6f6f6;border-radius:9px;overflow:hidden}.inspiration-grid .room-photo{height:105px}.inspiration-grid span{display:block;font-size:10px;padding:8px}.inspiration-preview{height:210px;overflow:hidden;border-radius:10px}.setting-row{display:flex;align-items:center;justify-content:space-between;margin:20px 0}#toast{position:fixed;bottom:max(105px,calc((100dvh - 812px)/2 + 105px));left:50%;transform:translate(-50%,10px);max-width:330px;width:max-content;z-index:100;background:#181818ee;color:white;padding:11px 15px;border-radius:9px;opacity:0;pointer-events:none;font-size:11px;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:480px){body{padding:0;background:#fff}#app{width:100%;height:100dvh;border:0;border-radius:0;box-shadow:none}.status{padding-left:24px;padding-right:24px}.screen{padding-left:16px;padding-right:16px}.detail-photo,.edit-photo{margin-left:-16px;margin-right:-16px}.detail-photo{height:42dvh}.edit-photo{height:47dvh}.generated-home{height:52dvh}.welcome-copy{top:11dvh}.welcome-art{top:26dvh;bottom:20dvh}.plan-upload{height:37dvh}.bottom-action{margin-top:5dvh}.after-photo{height:33dvh}#toast{bottom:100px}}
@media(max-height:710px){body{padding:8px}#app{height:calc(100dvh - 16px)}.detail-photo{height:260px}.edit-photo{height:290px}.after-photo{height:210px}.snapshots{margin-bottom:15px}.snapshots>button{height:50px;width:50px}.plan-upload{height:230px}.generated-home{height:335px}.welcome-copy{top:50px}.welcome-art{top:155px;bottom:125px}.key-elements img{height:57px}.detail-copy{gap:9px}.page-heading{margin:8px 0 14px}.bottom-action{margin-top:20px}}
@media(max-width:480px) and (max-height:710px){body{padding:0}#app{height:100dvh}}

.switch button{min-height:0;height:26px;border:0;display:block;font-weight:500;padding:4px 13px}

.reduce-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}

/* Lightweight feed stills: eye-level photos crop; axonometric views retain the whole room. */
.room-photo.preview-axonometric{object-fit:contain;background:#fafafa}.room-photo.preview-perspective{object-fit:cover}.load-more{margin:18px 0;width:100%}