@import url("brand-palette.css");
/* App and website share the original coral / mint identity. */
:root{--ink:var(--vrd-text);--yellow:var(--vrd-accent);--line:var(--vrd-line);--muted:var(--vrd-muted);color:var(--vrd-text);background:var(--vrd-background);font-synthesis:none}
body{color:var(--vrd-text);background:var(--vrd-background)}
.sidebar{background:#0e1114;color:#f5f6f8}.sidebar .brand>span,.sidebar .nav-label,.sidebar .sidebar-bottom,.sidebar .sidebar-bottom p{color:#b0b8c2}.sidebar nav button.selected{background:#203c37;color:#6ee0c7}.sidebar nav button:hover{background:#1b1f24}.local-dot{background:#6ee0c7}
button.primary,.primary,.page-heading>.primary{background:var(--vrd-accent);color:var(--vrd-on-accent);border-color:var(--vrd-accent);border-radius:14px}button.primary:hover,.primary:hover{background:#ff8068;color:var(--vrd-on-accent)}button.secondary,.secondary{background:var(--vrd-surface);color:var(--vrd-text);border-color:var(--vrd-line);border-radius:14px}button.secondary:hover,.secondary:hover{background:var(--vrd-tint)}.text-button{color:var(--vrd-highlight)}
.panel,.preview-panel,.tour-card,dialog{background:var(--vrd-surface);color:var(--vrd-text);border-color:var(--vrd-line);border-radius:18px}.workspace-bar{background:var(--vrd-surface);color:var(--vrd-muted)}#breadcrumb,.export-hint,.hint,.page-heading p,.muted,p,.eyebrow,.local-tag{color:var(--vrd-muted)}h1,h2{letter-spacing:-.035em}h1>span{color:var(--vrd-highlight)}
.plan-note,.demo-panel,.empty,.plan-empty,.card-placeholder{background:var(--vrd-tint);color:var(--vrd-text)}.plan-note p,.plan-empty small,.demo-panel p{color:var(--vrd-muted)}.manual-badge{background:var(--vrd-tint);color:var(--vrd-highlight)}.property-tabs [aria-current=page]{border-color:var(--vrd-highlight)}.plan-toolbar{background:var(--vrd-background)}.drawing-panel{border-radius:18px;overflow:hidden}.drawing-tools,.canvas-caption{background:var(--vrd-surface);color:var(--vrd-muted)}.drawing-tools button{min-height:44px}
input,select,textarea{border-radius:10px!important;background:var(--vrd-surface)!important;color:var(--vrd-text)!important;border-color:var(--vrd-line)!important;accent-color:var(--vrd-highlight)}label,.toggle-row strong{color:var(--vrd-text)}.toggle-row small,.room-empty,.upload span,.coordinates,.area-readout,.schedule-row span:last-child,.fixture-row span:last-child{color:var(--vrd-muted)}.upload,.fixture-row{background:var(--vrd-surface);border-color:var(--vrd-line);color:var(--vrd-text)}.upload:hover,.schedule-row:hover,.schedule-row[aria-pressed=true],.fixture-row[aria-pressed=true]{background:var(--vrd-tint)}.room-tools button{color:var(--vrd-highlight)}.room-tools button:last-child,.remove-room,#delete-fixture{color:var(--vrd-danger)}
#app-message,#plan-message{background:var(--vrd-tint);color:var(--vrd-text)}#app-message.error,#plan-message.error{background:var(--vrd-surface);color:var(--vrd-danger)}.preview-column{min-width:0}.preview-empty{color:var(--vrd-muted)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--vrd-highlight);outline-offset:3px}button:disabled{cursor:default}.plan-page .page-heading h1{overflow-wrap:anywhere}.property-tabs a,.property-tabs button{min-height:44px;display:inline-flex;align-items:center}.brand img{width:155px;height:auto}.preview-header .eyebrow,.preview-foot p,.preview-foot .coordinates{color:var(--vrd-muted)}
/* Native shell owns property navigation and sync; the editor remains completely offline. */
.native-studio .sidebar,.native-studio .workspace-bar,.native-studio #back-library,.native-studio .property-tabs,.native-studio .export-hint,.native-studio #example-plan,.native-studio #print-plan{display:none!important}
.native-studio main{margin:0;min-height:100%}.native-studio .page{padding:16px}.native-studio .page-heading{margin-bottom:18px;gap:12px}.native-studio .page-heading h1{font-size:24px;line-height:1.2}.native-studio .page-heading .eyebrow{display:none}.native-studio .page-heading p{font-size:12px;line-height:1.5}.native-studio .editor-actions{margin-top:14px}.native-studio button{min-height:44px}.native-studio input:not([type=checkbox]):not([type=color]),.native-studio select,.native-studio textarea{font-size:16px!important;min-height:44px}.native-studio .hint,.native-studio .panel p{font-size:13px;line-height:1.55}.native-studio .step{display:none}.native-studio .panel{padding:18px}.native-studio .preview-column{position:static;grid-row:1}.native-studio #editor-panorama{height:280px}.native-studio .editor-grid,.native-studio .plan-layout{grid-template-columns:1fr}.native-studio .room-thumbnail{border-radius:7px}.native-studio .panel:has(#model-file),.native-studio .panel:has(#splat-file){display:none}.native-studio .plan-toolbar{gap:14px}.native-studio .drawing-tools{flex-wrap:wrap}.native-studio #plan-canvas{height:350px}.native-studio .presentation-panel{margin-top:16px}.native-studio .plan-note{font-size:13px}.native-studio #app-message,.native-studio #plan-message{font-size:14px;line-height:1.45;padding:14px}.native-studio .export-actions{gap:8px;justify-content:flex-start}.native-studio .export-actions button{font-size:13px}.native-studio #plan-preview{width:calc(100vw - 20px)}.native-studio .plan-empty small{display:none}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

.native-studio .plan-page .page-heading{display:flex;flex-direction:row;align-items:flex-start}.native-studio .plan-page .page-heading>div:first-child{min-width:0;flex:1}.native-studio .plan-page .editor-actions{margin:0;flex:none}.native-studio #plan-status{margin-bottom:0}.native-studio .plan-toolbar{margin-bottom:14px;padding:0;background:transparent}.native-studio .native-exports{margin-top:16px}.native-studio .native-exports summary{font-weight:600;min-height:28px}.native-studio .native-exports .export-actions{margin-top:16px}.native-studio .room-schedule{margin-top:24px}

.native-studio .editor-grid{grid-template-columns:minmax(0,1fr)}.native-studio .editor-content,.native-studio .preview-panel,.native-studio .save-note{min-width:0}.native-studio .preview-panel{color:var(--vrd-text)}.native-studio .preview-header{gap:12px;flex-wrap:wrap}.native-studio #preview-room-name{overflow-wrap:anywhere}.native-studio #plan-canvas svg{margin-inline:auto}.native-studio .editor-actions{flex-wrap:wrap}.native-studio .editor-actions>*{flex:0 0 auto}.native-studio .plan-inspector{scroll-margin-top:12px}
.preview-panel{color:var(--vrd-text)}.preview-header .eyebrow,.preview-foot p,.preview-foot .coordinates{color:var(--vrd-muted)}.preview-foot .secondary{color:var(--vrd-text);background:var(--vrd-surface);border-color:var(--vrd-line)}

.drawing-tools [aria-pressed=true]{background:var(--vrd-tint);color:var(--vrd-highlight)}.fixture-row[aria-pressed=true]{border-color:var(--vrd-highlight)}.presentation-panel summary:focus-visible{outline-color:var(--vrd-highlight)}