:root{color-scheme:light;--ink:#244839;--muted:#8a927f}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}
body{background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
button,input,textarea,select{font:inherit}button,a,select{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #60816b;outline-offset:2px}
.studio,.device-area{width:100%;height:100%;margin:0;padding:0}
.phone{--surface:#fff;width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;position:relative;overflow:hidden;background:var(--surface)}
.mini-nav{height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 60px 0;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;background:var(--surface);color:#284f3e}
#nav-title{font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#back{position:absolute;left:12px;bottom:6px;width:44px;height:44px;padding:0;background:transparent;border:0;border-radius:50%;display:grid;place-items:center}
#back::before{content:'';position:absolute;width:34px;height:34px;border-radius:50%;background:rgba(40,79,62,.065);border:1px solid rgba(40,79,62,.055)}
#back::after{content:'';width:9px;height:9px;border-left:2px solid #284f3e;border-bottom:2px solid #284f3e;transform:translateX(2px) rotate(45deg)}
#back:active{opacity:.65;transform:scale(.96)}
.phone-screen{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;background:var(--surface)}
.phone-screen::-webkit-scrollbar{display:none}
.phone-screen button{width:auto;border:0;font-family:inherit}.phone-screen .bottom-action button{width:100%}.phone-screen .primary:not(.hero-button),.phone-screen .outline{width:100%}
.phone-screen input,.phone-screen textarea{font-family:inherit;outline:none;color:#253b31;min-width:0}.phone-screen input:focus,.phone-screen textarea:focus{border-color:#799369}.phone-screen textarea{resize:vertical}
.phone-screen select{width:100%;background:none;color:inherit;border:0;outline:none;font-size:inherit;min-width:0}
.phone-screen .field:has(select)>div:last-child{background:#f6f7f1;border:1px solid #e6e9dd;border-radius:6px;padding:12px}
.phone-screen .consent{display:flex}.phone-screen .consent input{accent-color:#244f40;margin-top:4px;width:17px;height:17px;flex-shrink:0}
.phone-screen button:disabled{opacity:.5;cursor:default}.phone-screen .field:first-child{margin-top:0}.phone-screen .tiny{overflow-wrap:anywhere}
.phone-screen scroll-view,scroll-view[scroll-x]{display:block;overflow-x:auto;scrollbar-width:none}.phone-screen room-art,.phone-screen swiper-item{display:block}
.tabs{flex-shrink:0;display:flex;background:var(--surface);border:0;padding:8px 3px calc(8px + env(safe-area-inset-bottom));min-height:64px}
.tab{flex:1;border:0;background:none;display:flex;align-items:center;flex-direction:column;gap:4px;padding:4px 0;color:#89938c;font-size:11px;min-height:44px}.tab.active{color:#214d40}.tab img{width:22px;height:22px}
#toast{display:none;position:absolute;bottom:100px;left:50%;transform:translateX(-50%);background:#20372de8;color:white;border-radius:10px;padding:12px 20px;max-width:85%;font-size:13px;text-align:center;z-index:10000}
.phone-screen .home-search input,.phone-screen .case-search input,.phone-screen .search-box input,.phone-screen .area-field input{border:0;background:transparent}
.phone-screen .photo-viewer{position:absolute}.phone-screen .project-gallery .project-swiper img{object-fit:contain}.phone-screen .gallery-thumbs .selected-photo{outline:2px solid #607d66;outline-offset:-2px}.photo-viewer img{user-select:none}
.source-modal{width:min(95vw,1200px);max-height:94vh;border:0;border-radius:14px;padding:16px;background:#f6f5ef}.source-modal::backdrop{background:#1b302bdd}.source-modal button{display:block;position:sticky;top:0;background:#244f40;color:white;border:0;border-radius:8px;padding:10px 20px;margin-bottom:14px}.source-modal img{display:block;width:100%;height:auto}.phone-screen .source-image{cursor:zoom-in}
.gallery-controls{display:flex;align-items:center;gap:12px;position:sticky;top:0;background:#fff;padding:12px;z-index:1}.gallery-controls button{font-size:14px}.gallery-modal{padding:0;background:#111;overflow:hidden;max-width:min(100vw,1200px);max-height:100vh}.gallery-modal::backdrop{background:#050807e8}.gallery-modal .gallery-controls{background:linear-gradient(#111c,transparent);color:#fff;position:absolute;left:0;right:0;top:0;padding:18px;justify-content:center}.gallery-modal .gallery-controls button{background:#ffffff24;margin:0;border:1px solid #ffffff42}.gallery-modal .gallery-controls span{min-width:70px;text-align:center}.gallery-modal img{max-width:94vw;max-height:92vh;object-fit:contain;touch-action:pan-y;cursor:zoom-out;display:block;margin:auto}

button,[role="button"]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}#back{transition:opacity .18s ease,transform .18s ease}@media(prefers-reduced-motion:reduce){#back{transition:none}}

.phone.main-tab{padding-top:env(safe-area-inset-top)}.mini-nav{z-index:80}#back[hidden]{display:none}