:root{--panel:#fffefa;--paper:#f5f4eb;--ink:#29483d;--green:#315c47;--accent:#b57d50}.studio-header{height:68px;background:#fffefa}.workspace{height:calc(100dvh - 68px)}.project-title{min-width:146px}.header-actions .design-collection-button{background:#eef2e7;border-color:#d7e2cb}.pane-top{background:#fbfcf6}.pane-tabs button{font-size:12px;font-weight:600;line-height:1.4}.pane-tabs button.active{background:#e5eddb}.viewbar{background:#fffef9;gap:7px}.view-tabs button{border-radius:7px;font-weight:500}.view-tabs button.active{background:#e9eee1;border-color:#d8e0cc;box-shadow:none}.viewbar .style-gallery-button{margin-left:auto;border-color:#e1e7d7;background:#fafbf4}.viewbar .style-select{border:0;max-width:147px;font-size:12px;padding-left:1px}.stage{background:#f1f1e6}.stage-heading{top:20px;left:26px}.stage-heading h1{font-size:31px;letter-spacing:-.8px}.stage-heading p{font-size:10px;letter-spacing:.085em;color:#74836e}.stage-actions{gap:5px}.stage-actions .icon-button{width:33px;height:33px}.tools{background:#fffefaee;padding:5px;box-shadow:0 8px 25px #2f45231a}.tools button:hover{background:#eef2e6}.tools button.active{background:#d9e5cf;color:#294f39}.timeline{padding:16px 20px 13px}.time-title strong{font-size:13px}.time-title small{font-size:11px}.time-title .icon-button{background:#e7eddf;border-color:#cbdabf}.timeline .time-ticks button{font-size:10px;color:#607650}.season-select{background:#f3f6ee}.intro-block .eyebrow{letter-spacing:.13em;color:#7c9364}.intro-block h2{font-size:27px;line-height:1.1}.metric{padding:14px 12px;background:#edf2e6;border:1px solid #e0e7d8}.metric strong{font-size:24px;letter-spacing:-.7px}.metric span{font-size:11px;color:#657b5a}.metric.blue{background:#e9f2ed;border-color:#d8e5dc}.metric.warm{background:#f6edde;border-color:#eee1ce}.library-result-header{display:flex;justify-content:space-between;gap:6px;padding:15px 13px 1px;font-size:10px;color:#8a9680}.library-result-header>span:first-child{color:#546b4d;font-weight:600}.library-grid{gap:10px;padding:12px}.asset-item{position:relative;min-width:0}.asset{width:100%;height:100%;border-color:#e0e6d6;border-radius:10px;background:#fffef9;transition:transform .15s,box-shadow .15s,border-color .15s}.asset:hover{border-color:#99b383;box-shadow:0 5px 15px #38502b16;transform:translateY(-2px)}.asset:active{cursor:grabbing}.asset img,.asset>svg{height:96px;background:radial-gradient(ellipse at 50% 68%,#e6eddc,#f6f7ef);padding:3px 5px}.asset .asset-label{font-size:12px;padding:10px 10px 3px;font-weight:500;line-height:1.35}.asset small{font-size:10px;padding:0 10px 11px;color:#8a937e}.asset-add{position:absolute;right:7px;bottom:8px;border-radius:50%;background:#e6eddc;color:#5c7950;width:19px;height:19px;display:none;align-items:center;justify-content:center;font-size:15px}.asset:hover .asset-add{display:flex}.asset:hover small{padding-right:21px}.asset-favourite{position:absolute;right:6px;top:6px;width:24px;height:24px;padding:5px;border:0;border-radius:50%;background:#fffffac9;color:#a2ad99;opacity:0;transition:opacity .15s}.asset-favourite .icon{width:14px;height:14px}.asset-item:hover .asset-favourite,.asset-favourite:focus-visible,.asset-favourite.active{opacity:1}.asset-favourite.active{color:#9a7535;background:#fff8df}.asset-favourite.active .icon{fill:#deca85}.library-more{padding:0 12px 16px}.categories{gap:5px}.categories button{font-size:11px;padding:6px 9px}.empty-library{padding:34px 19px;color:#7f8f75;text-align:center;font-size:12px;line-height:1.65}.empty-library>.icon{width:30px;height:30px;display:block;margin:0 auto 14px;color:#9dae8b}.empty-library strong{display:block;font-size:14px;font-weight:500;color:#405d3c}.empty-library p{margin:8px 0 16px}#canvas-hud{pointer-events:none;position:absolute;inset:0;z-index:2}#canvas-hud button,#canvas-hud input,#canvas-hud label,#site-navigator{pointer-events:auto}#selection-context{position:absolute;bottom:22px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:13px;border:1px solid #d1dcc6;border-radius:11px;padding:10px 12px;background:#fffefaf2;box-shadow:0 7px 26px #243f201c;max-width:calc(100% - 70px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.selection-title{min-width:105px;max-width:170px}.selection-title strong{font-size:12px;font-weight:600;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selection-title small{display:block;font-size:10px;color:#7b8c70;margin-top:3px;white-space:nowrap}.selection-tools{display:flex;gap:2px;border-left:1px solid var(--line);padding-left:8px}.selection-tools button{border-color:transparent;background:transparent;width:30px;height:30px;padding:6px}.selection-tools button:hover{background:#edf2e5}.selection-tools button:last-child{color:#95694d}.alignment-tools{display:flex;gap:3px;border-left:1px solid var(--line);padding-left:7px}.alignment-tools button{width:28px;height:28px;padding:5px;border:0;background:#eff3e8}.alignment-tools .icon{width:16px;height:16px}.placement-intro{display:flex;gap:10px;align-items:center}.placement-intro>.icon{color:#78955e}.placement-intro strong{font-size:12px;display:block}.placement-intro small{font-size:10px;display:block;margin-top:4px;color:#879579;white-space:nowrap}#selection-context .check{font-size:11px;white-space:nowrap}#selection-context>.icon-button{border:0;background:#e8efdf;width:30px;height:30px}#site-navigator{position:absolute;bottom:20px;right:18px;width:143px;border:1px solid #cbd7be;border-radius:9px;background:#fffef6eb;box-shadow:0 5px 18px #36513112;overflow:hidden}.navigator-title{display:flex;align-items:center;justify-content:space-between;padding:6px 7px 1px 10px;color:#7f906f;font-size:9px;letter-spacing:.03em}.navigator-title .icon-button{width:20px;height:20px;padding:4px;background:transparent;border:0}#minimap-svg{display:block;width:100%;height:98px;padding:1px 9px 9px;cursor:crosshair;touch-action:none}#canvas-conditions{position:absolute;right:62px;top:21px;display:flex;gap:6px}.condition-pill{background:#fffff4de;border:1px solid #dce3d1;border-radius:22px;padding:6px 9px;font-size:11px;gap:6px;box-shadow:0 2px 4px #3c492808}.condition-pill .icon{width:14px;height:14px;color:#9b8b50}.condition-pill small{font-size:10px;color:#829076}.condition-pill.active{background:#edf3e1;border-color:#cadbb6}.condition-pill.active .icon{color:#6e8852}.blueprint #site-navigator{background:#edf4ef}.blueprint #selection-context{color:var(--ink)}.focus-mode{grid-template-columns:minmax(0,1fr)!important}.focus-mode>.library-pane,.focus-mode>.inspector-pane{display:none}.focus-mode .viewbar>.mobile-only{display:inline-flex}.focus-mode>.library-pane.open,.focus-mode>.inspector-pane.open{display:block;position:fixed;top:68px;bottom:0;z-index:25;width:285px;box-shadow:var(--shadow)}.focus-mode>.library-pane{left:0}.focus-mode>.inspector-pane{right:0}.focus-mode .drawer-close{display:flex}.wide-dialog{width:min(920px,calc(100vw - 28px));border-radius:16px}.wide-dialog .dialog-head{padding:23px 27px 17px}.wide-dialog .dialog-body{padding:22px 27px}.wide-dialog .dialog-head h2{font-size:29px}.collection-intro{display:flex;align-items:center;gap:17px;margin-bottom:19px}.collection-intro p{margin:0;max-width:610px}.collection-icon{width:50px;height:50px;background:#e8efd9;display:flex;align-items:center;justify-content:center;border-radius:13px;flex:none}.collection-icon .icon{width:25px;height:25px;color:#708d54}.version-save{display:flex;gap:10px;background:#eef2e5;padding:12px;border:1px solid #e1e7d5;border-radius:10px;margin-bottom:20px}.version-save input{flex:1;background:#fffef9}.version-save button{white-space:nowrap}.saved-design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.saved-design{border:1px solid #d9e2ce;border-radius:11px;overflow:hidden;background:#fffef9}.saved-plan{height:172px;position:relative;background:#ecf0df;padding:7px}.plan-thumbnail{display:block;width:100%;height:100%;pointer-events:none}.saved-plan>span{position:absolute;left:9px;bottom:9px;background:#fffef3e6;border:1px solid #dce5cf;padding:4px 8px;font-size:9px;border-radius:20px}.saved-design-info{padding:13px 12px}.saved-design-info h3{font-size:15px;font-weight:500;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-design-info small{font-size:10px;color:#8b9a7e}.saved-design-actions{display:flex;gap:5px;margin-top:12px;align-items:center}.saved-design-actions button{font-size:11px;padding:6px 8px}.saved-design-actions .icon{width:14px;height:14px}.saved-design-actions button:first-child{background:#e8efdd}.saved-design-actions .icon-button{width:26px;height:27px;padding:4px;border:0;background:transparent;margin-left:auto;color:#93a087}.collection-empty{grid-column:1/-1;border:1px dashed #cbd8bd;border-radius:10px;padding:35px 24px;text-align:center;background:#f6f8ef}.collection-empty>.icon{width:33px;height:33px;color:#9eaf8e;margin-bottom:12px}.collection-empty h3{font:23px Georgia,serif;font-weight:400}.collection-empty p{margin:0 auto;max-width:480px;font-size:13px}.style-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.style-card{display:flex;flex-direction:column;overflow:hidden;border-radius:11px;border:1px solid #d6e1cb;padding:0;background:#fffef9;align-items:stretch}.style-card:hover{border-color:#83a56c;background:#fffef9}.style-card.active{border:2px solid #5b8150;box-shadow:0 0 0 3px #dce8d0}.style-art{height:195px;background:#f0f2e6;padding:9px;display:block}.style-art.ink{background:#faf7ec}.style-art.blueprint{background:#152f41}.style-art.presentation{background:#e8ecd8}.style-card>span:last-child{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:13px 15px}.style-card strong{font-size:13px;font-weight:500}.style-card .icon{width:15px;height:15px;color:#7e9b6c}.comparison-context{font-size:13px!important;line-height:1.8!important;margin:0 0 16px!important}.comparison-context strong{color:#48693f;font-size:12px;font-weight:500}.design-comparison{display:grid;grid-template-columns:1fr 1fr;gap:18px}.comparison-design{border:1px solid #d9e3cd;border-radius:11px;overflow:hidden;background:#fbfcf5}.comparison-design header{padding:15px 16px}.comparison-design h3{font:22px Georgia,serif;margin:6px 0 0}.comparison-plan{display:block;width:100%;height:300px;background:#eef1e4}.comparison-design .metric-grid{padding:12px;gap:7px}.comparison-design .metric{padding:10px}.comparison-design .metric strong{font-size:22px}.comparison-delta{margin-top:19px;padding:14px 17px;border-radius:9px;background:#edf2e2;font-size:13px}.comparison-delta strong{font-size:17px;margin-left:5px}.comparison-delta span{display:block;color:#849475;font-size:11px;margin-top:7px}.workflow-card{padding:15px 17px;margin:0 17px 15px;background:linear-gradient(140deg,#f0f4e4,#e7eecd);border:1px solid #dbe4ca;border-radius:10px}.workflow-card>strong{display:block;font:18px Georgia,serif;margin-bottom:11px}.workflow-steps{display:flex;flex-direction:column;gap:6px}.workflow-steps button{justify-content:flex-start;border:0;background:#ffffff80;font-size:12px;padding:8px 10px}.workflow-steps .icon{width:16px;height:16px;color:#7c965c}.workflow-steps button:hover{background:#fff}.drawing-bar .draft-count{font-size:10px;color:#7e916e;padding:0 5px;white-space:nowrap}.drawing-bar .icon-button{width:28px;height:30px;background:transparent;border:0}.save-state.failure{color:#a46c3f}.layer-list .layer button{min-height:30px}@media(min-width:1600px){#site-navigator{width:160px}#minimap-svg{height:115px}.asset img,.asset>svg{height:116px}}@media(max-width:1300px){#site-navigator{width:118px;right:12px;bottom:15px}#minimap-svg{height:79px}.navigator-title{font-size:8px;padding-left:7px}.selection-title{max-width:140px}#selection-context{bottom:17px;padding:8px 9px;gap:7px;left:46%}#canvas-conditions{right:55px;top:17px}.condition-pill{font-size:10px;padding:5px 7px}.condition-pill small{display:none}.viewbar .style-select{max-width:128px;font-size:11px}.viewbar .style-gallery-button{width:28px;padding:5px}.stage-heading h1{font-size:27px}.asset img,.asset>svg{height:89px}.header-actions .design-collection-button span{display:none}.header-actions .design-collection-button{padding:8px}.workflow-card{margin:0 12px 13px;padding:12px}}@media(max-width:1100px)and (min-width:901px){#site-navigator{display:none}#selection-context{left:50%;max-width:calc(100% - 24px)}#canvas-conditions{top:64px;right:14px;flex-direction:column;align-items:flex-end}.stage-heading h1{font-size:25px}.viewbar{flex-wrap:wrap;align-content:center;justify-content:flex-start;height:87px}.viewbar .view-tabs{width:100%}.viewbar .style-gallery-button{margin-left:0}.viewbar .style-select{max-width:none;flex:1}.alignment-tools{display:none}.selection-title{max-width:115px}}@media(max-width:900px){.studio-header{height:62px}.workspace{height:calc(100dvh - 62px)}.library-pane,.inspector-pane{top:62px}.stage-heading h1{font-size:30px}.asset-favourite{opacity:1}.asset img,.asset>svg{height:115px}.focus-mode>.library-pane.open,.focus-mode>.inspector-pane.open{top:62px}.viewbar .style-select{max-width:154px}.viewbar .style-gallery-button{margin-left:auto}.design-collection-button span{display:none}.wide-dialog .dialog-body{padding:20px}.style-art{height:175px}.saved-design-grid{grid-template-columns:1fr 1fr}#selection-context{left:50%;max-width:calc(100% - 45px)}#site-navigator{width:125px}#minimap-svg{height:82px}.header-actions .new-label{display:none}}@media(max-width:600px){.stage-heading{left:17px;top:17px}.stage-heading h1{font-size:27px}.stage-heading p{font-size:9px}.studio-header{padding:0 10px;gap:8px}.project-title{min-width:80px;max-width:130px}.brand strong{font-size:27px}.header-actions{gap:4px}.header-actions .design-collection-button{padding:6px}.header-actions .design-collection-button .icon{width:15px;height:15px}.viewbar{height:83px;justify-content:flex-start;gap:4px}.view-tabs{order:1;justify-content:center}.viewbar>.mobile-only:first-child{order:0}.viewbar>.mobile-only:last-child{order:2}.viewbar .style-gallery-button{order:3;margin-left:0;width:27px;height:27px;padding:5px}.viewbar .style-select{order:4;max-width:none;flex:1;border:1px solid #e2e7d9;background:#f7f9f0;padding:4px 7px;height:27px}.viewbar #projection{order:5;max-width:120px;height:27px;padding:3px;font-size:11px}.stage-actions .icon-button{width:29px;height:29px}.stage-actions{gap:5px}#canvas-conditions{top:auto;bottom:12px;right:12px}.condition-pill{padding:5px 7px;background:#fffff7ed}.condition-pill .icon{width:12px;height:12px}#site-navigator{display:none}#selection-context{bottom:53px;max-width:calc(100% - 18px);padding:8px;gap:7px;width:max-content}.selection-title{min-width:82px;max-width:148px}.selection-title strong{font-size:11px}.selection-title small{font-size:9px}.selection-tools{gap:0;padding-left:5px}.selection-tools button{width:28px;height:29px;padding:6px}.alignment-tools{display:none}.placement-intro{gap:7px}.placement-intro>.icon{display:none}.placement-intro strong{font-size:11px}.placement-intro small{font-size:9px;max-width:155px;white-space:normal}.placement-intro+.check{font-size:10px}.timeline{padding:11px 12px}.time-title strong{font-size:12px}.time-title small{font-size:10px}.timeline .time-ticks button{font-size:9px}.wide-dialog{width:calc(100vw - 16px)}.wide-dialog .dialog-head{padding:18px}.wide-dialog .dialog-head h2{font-size:25px}.wide-dialog .dialog-body{padding:17px}.collection-icon{display:none}.version-save{padding:9px;gap:6px}.version-save button{font-size:11px;padding:8px}.version-save input{font-size:12px}.saved-design-grid{gap:10px}.saved-plan{height:125px}.saved-design-info{padding:10px 8px}.saved-design-info h3{font-size:13px}.saved-design-info small{font-size:9px}.saved-design-actions{flex-wrap:wrap;gap:3px}.saved-design-actions button{font-size:10px;padding:5px}.saved-design-actions .icon-button{width:22px}.saved-design-actions .icon{width:12px}.style-gallery{grid-template-columns:1fr 1fr;gap:10px}.style-art{height:144px;padding:5px}.style-card>span:last-child{padding:11px}.style-card strong{font-size:11px}.design-comparison{gap:10px}.comparison-design header{padding:12px}.comparison-design h3{font-size:17px}.comparison-design .eyebrow{font-size:8px}.comparison-plan{height:175px}.comparison-design .metric-grid{grid-template-columns:1fr;padding:8px}.comparison-design .metric strong{font-size:20px}.comparison-design .metric span{font-size:10px}.comparison-delta{font-size:12px}.comparison-delta span{font-size:10px}.drawing-bar{bottom:51px}.study-progress{top:85px}.stage-legend{bottom:13px}.stage-legend .north{margin-bottom:5px}}@media(prefers-reduced-motion:reduce){.asset{transition:none}}.heat-gradient{background:linear-gradient(90deg,#4b6d9a,#70a5ab,#bdd5ac,#f0de96,#dd975d)}.sun-chart{cursor:crosshair;background:linear-gradient(0deg,#f1f4e99c,transparent);border-radius:7px;margin:7px 0 12px}#scene-build-status{position:absolute;top:75px;left:50%;transform:translate(-50%);background:#fffff5e8;padding:10px 16px;border:1px solid #d8e3cb;border-radius:8px;font-size:12px;color:#597448;box-shadow:var(--shadow)}@media(max-width:900px){.viewbar{display:grid;grid-template-columns:34px minmax(0,1fr) minmax(70px,.45fr) 34px;grid-template-areas:"library tabs tabs inspector" "palette style style style";height:88px;padding:7px;gap:5px 6px}.viewbar:has(#projection){grid-template-areas:"library tabs tabs inspector" "palette style projection projection"}.viewbar>.mobile-only:first-child{grid-area:library;width:34px;height:34px}.viewbar>.mobile-only:last-child{grid-area:inspector;width:34px;height:34px}.viewbar .view-tabs{grid-area:tabs;min-width:0;width:100%;justify-content:center}.viewbar .view-tabs button{flex:1;justify-content:center;min-width:0;padding:6px 5px;font-size:11px;line-height:1.25;min-height:34px}.viewbar .style-gallery-button{grid-area:palette;margin:0;width:34px;height:28px;padding:6px}.viewbar .style-select{grid-area:style;width:100%;max-width:none;min-width:0;height:28px;padding:4px 7px;border:1px solid #e0e7d7;background:#f7f9f0}.viewbar #projection{grid-area:projection;width:100%;max-width:none;min-width:0;height:28px;padding:4px;font-size:11px}#viewbar>.arbor-select:has(#render-style){grid-area:style;width:100%;min-width:0}#viewbar>.arbor-select:has(#projection){grid-area:projection;width:100%;min-width:0}#viewbar>.arbor-select .arbor-select-trigger{min-height:30px;height:30px;font-size:11px;padding:4px 7px}#viewbar .style-gallery-button{display:inline-flex!important}}.editing-hint{display:flex;align-items:flex-start;gap:9px;margin:0 0 16px;padding:12px;border:1px solid #e0e7d8;border-radius:9px;background:#f3f6ed;color:#57705d;font-size:12px;line-height:1.65}.editing-hint>svg{width:16px;height:16px;flex:none;margin-top:2px}.plan-selection [data-handle]:hover{filter:drop-shadow(0 0 2px #d6ac6c)}#scene{cursor:grab}#scene:active{cursor:grabbing}.stage-heading{padding:10px 13px;background:#f8f9f0de;border:1px solid #ffffff65;border-radius:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 3px 18px #344a3310;max-width:min(320px,calc(100% - 125px))}.stage-heading h1{font-size:27px;margin-bottom:3px}.stage-heading p{margin:0;font-size:9px}.blueprint .stage-heading{background:#163749e6;border-color:#58758755}@media(max-width:600px){.stage-heading{padding:8px 11px;max-width:calc(100% - 78px)}.stage-heading h1{font-size:24px}.stage-heading p{font-size:8px}}.species-editor{margin:17px 0 10px;padding:13px;background:#f3f6ec;border:1px solid #dce5d3;border-radius:10px}.species-editor label{display:grid;gap:7px;font-size:12px;font-weight:600}.species-editor .hint{font-size:11px;line-height:1.55;margin:9px 0 0}.species-calibration{display:grid;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #dce5d3;font-size:11px;line-height:1.5}
