/* 6.8 spacious editor and community cards */
#view-editor{max-width:none!important}#editor-stage{height: min(880px,85vh)!important;min-height:620px!important}
@media(min-width:1200px){#view-editor>div.grid{grid-template-columns:250px minmax(0,1fr) 270px!important;gap:16px!important}main{max-width:1920px!important}}
@media(max-width:700px){#editor-stage{height:75vh!important;min-height:500px!important}}
.cloud-status[data-state="ok"]{font-size:11px;padding:5px 16px;background:#edf4ee;color:#486058;box-shadow:none}
.template-note68{padding:9px;background:#e7f0eb;color:#225345;font-size:11px;border-radius:9px}
.publish-choice{padding:14px;background:#edf4ee;border:1px solid #bed2c6;border-radius:12px;color:#183e35}.publish-choice label{display:block;font-size:13px;font-weight:650}.publish-choice p{font-size:11px;line-height:1.6;margin:8px 0}.publish-choice input[type="text"],#publish-display-name{display:block;width:100%;padding:8px;background:#fff;color:#102a43;border:1px solid #aac4b5;border-radius:8px;margin-top:6px}.publish-choice input[type="checkbox"]{accent-color:#167a5a;width:17px;height:17px;vertical-align:middle;margin-right:6px}
#community-gallery{padding:26px;background:#e9f1eb;border:1px solid #c4d9cb;border-radius:26px}.gallery-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.gallery-eyebrow{font-size:10px;letter-spacing:.16em;color:#267358;font-weight:800}.gallery-heading h2{font-size:clamp(23px,3vw,36px);font-weight:800;margin:6px 0}.gallery-heading p{font-size:13px;color:#50665e}.gallery-arrows{display:flex;gap:8px}.gallery-arrows button,#gallery-more{background:white;border:1px solid #abc8b8;border-radius:12px;padding:10px 16px;color:#164b3b}.gallery-cards{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}.gallery-card{flex:0 0 min(360px,86vw);border:1px solid #c4d9cb;border-radius:18px;background:#fff;overflow:hidden;scroll-snap-align:start}.gallery-preview{height:250px;background:#102a43;position:relative}.gallery-preview canvas{width:100%;height:100%;display:block}.gallery-card-content{padding:18px}.gallery-card h3{font-size:18px;font-weight:800;overflow-wrap:anywhere}.gallery-author{font-size:12px;color:#50665e;margin:5px 0 14px}.gallery-budget{font-size:20px;font-weight:800;color:#167a5a}.gallery-card small{font-size:10px;color:#65766e}.gallery-card footer{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.gallery-like{padding:9px 14px;border:1px solid #a4c9b5;border-radius:99px;color:#166247;background:#edf5ef;font-weight:700}.gallery-like[aria-pressed="true"]{background:#167a5a;color:white}.gallery-like:disabled{opacity:.7}.gallery-message{padding:24px;line-height:1.8}.gallery-preview-label{position:absolute;bottom:10px;left:12px;color:#d8e8e1;font-size:10px;pointer-events:none}
@media(prefers-reduced-motion:reduce){.gallery-cards{scroll-behavior:auto}}
@media(min-width:1200px){#view-editor>div.grid>div{grid-column:auto!important}}
@media(max-width:1023px){#editor-stage{order:-1}#view-editor>div.grid{display:flex;flex-direction:column}#view-editor>div.grid>div{width:100%}}
#editor-stage:fullscreen{width:100vw!important;height:100vh!important;max-height:none!important;border-radius:0!important}.editor-toolbar>.editor-control{justify-self:end}

#view-dashboard>p{color:#486058}#gallery-quota{padding:12px 16px;background:#e8f2ec;border:1px solid #b9d0c1;border-radius:12px;font-weight:700;color:#174a38!important}

/* Compact, scrollable request dialogs on short screens. */
#shipping-address-modal>div,#share-ig-modal>div,#kpr-lead-modal>div,#architect-brief-modal>div{max-height:calc(100dvh - 24px);overflow-y:auto;margin:0!important;padding:20px!important}
#shipping-address-modal label,#shipping-address-modal p,#shipping-address-modal input,#shipping-address-modal textarea,.contact-grid label,.inline-consent{color:#17394c!important}
#shipping-address-modal form{display:grid;grid-template-columns:1fr 1fr;gap:12px!important}#shipping-address-modal form>*{margin-top:0!important;min-width:0}#shipping-address-modal form>.grid,#shipping-address-modal form>button,#shipping-consent-message,#shipping-message,.inline-consent{grid-column:1/-1}#shipping-address-modal textarea{height:64px;min-height:64px}#shipping-address-modal input,#shipping-address-modal select{padding:9px 11px!important}#shipping-address-modal label{font-size:12px!important}
.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.contact-grid label{font-size:12px;font-weight:600}.contact-grid input{display:block;width:100%;padding:10px;border:1px solid #adc5b8;border-radius:10px;background:white;color:#17394c}
.inline-consent{display:block;font-size:12px;line-height:1.6;padding:12px;background:#edf4ee;border-radius:10px}.inline-consent input{accent-color:#176447;vertical-align:middle;margin-right:6px}
#share-ig-modal #ig-story-card{width:min(100%,300px,calc((100dvh - 330px)*.5625));min-width:150px;margin:auto}#share-ig-modal>div{max-width:440px!important}#share-ig-modal p{font-size:11px!important}#share-ig-modal .space-y-5>*+*{margin-top:10px!important}
@media(max-width:480px){#shipping-address-modal form{grid-template-columns:1fr}#shipping-address-modal>div,#share-ig-modal>div{padding:14px!important}}

.rab-assumptions{font-size:11px;color:#3c584b;background:#eef3ed;border-radius:10px;padding:10px;line-height:1.6}.rab-assumptions summary{cursor:pointer;font-weight:700}

#shipping-address-modal>div>*+*{margin-top:12px!important}#shipping-address-modal .text-center{padding-right:25px}#shipping-address-modal .text-center>div{display:none}#shipping-address-modal h3{font-size:18px}#shipping-address-modal .text-center p{font-size:11px}.shipping-items-details{color:#234a3c;font-size:12px}.shipping-items-details summary{cursor:pointer;font-weight:700;padding:5px 0}

/* Keep architect consent separate from the form actions. */
#architect-brief-modal .brief-actions{display:flex;gap:12px;align-items:stretch}
#architect-brief-modal .brief-actions button{min-height:48px;padding:12px 20px;font-size:14px;line-height:1.4;min-width:0}
#architect-brief-modal .brief-actions button[type="button"]{flex:0 0 140px}
#architect-brief-modal .brief-actions button[type="submit"]{flex:1}
#architect-brief-modal .brief-actions svg{flex-shrink:0}
#brief-message:empty{display:none}
@media(max-width:540px){#architect-brief-modal .brief-actions{flex-direction:column-reverse}#architect-brief-modal .brief-actions button{width:100%;flex:auto!important}}

/* Touch-friendly controls and bounded overlays. */
#camera-gesture-hint{position:absolute;top:10px;left:10px;right:10px;z-index:5;margin:0;padding:8px 10px;border-radius:10px;background:#fffcf6ed;color:#17394c;font-size:11px;line-height:1.5;pointer-events:none}
#camera-gesture-hint[hidden]{display:none}
[id$="-modal"].fixed>div{max-height:calc(100dvh - 24px);overflow-y:auto;min-width:0;overscroll-behavior:contain}
@media(max-width:700px){
  #editor-stage{height:82dvh!important;min-height:560px!important}
  #editor-stage .editor-toolbar{padding:8px;gap:6px}
  #editor-stage .editor-control,#editor-stage .editor-mode{min-height:44px}
  #editor-stage .editor-icon{width:44px}
  #editor-stage .editor-mode-group{width:100%;display:flex}
  #editor-stage .editor-mode-group button{flex:1;padding:8px 5px;font-size:11px}
  #editor-stage .editor-tool-group{flex-wrap:wrap}
  #editor-stage #object-actions{flex-wrap:wrap;gap:8px}
  .gallery-heading{align-items:flex-start;flex-direction:column;gap:12px}
  #community-gallery{padding:16px;border-radius:18px}
  .gallery-card{flex-basis:100%;min-width:0}
  [id^="view-"] input,[id^="view-"] select,[id^="view-"] textarea,[id$="-modal"] input,[id$="-modal"] select,[id$="-modal"] textarea,.cloud-dialog input,.cloud-dialog textarea{font-size:16px!important}
  [id$="-modal"].fixed{padding:12px!important}
  [id$="-modal"].fixed>div{margin:0!important;padding:18px!important}
  .cloud-dialog{max-height:calc(100dvh - 24px);overflow-y:auto}
  .cloud-row{flex-wrap:wrap;overflow-wrap:anywhere}
}
@media(max-width:700px){
  #nav-demo-btn{min-width:44px;min-height:44px;justify-content:center;padding:10px}
  #nav-cta-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  #nav-user-text{max-width:82px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  #mobile-menu-drawer button{min-height:44px}
  #editor-stage{scroll-margin-top:80px}
  #editor-stage .editor-tool-group[aria-label="Tampilan bangunan"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
  #editor-stage .editor-tool-group[aria-label="Tampilan bangunan"] button{white-space:normal;font-size:10px;padding:6px;gap:3px}
  #camera-dock{display:flex;flex-direction:row;bottom:8px;right:8px;left:8px;justify-content:flex-end;width:auto;padding:4px;background:#fffcf6e6}
  #camera-dock .camera-pair{display:flex}
  #editor-compass{display:none}
  #toast-banner{left:12px;right:12px;max-width:calc(100vw - 24px)}
}
@media(max-width:360px){#camera-dock #btn-camera{width:44px;padding:7px;flex-shrink:0}#camera-dock #cam-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#camera-dock{gap:3px}#camera-dock .camera-pair{gap:3px}}