@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-cyrillic-wght-normal-Dvxsihut.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-greek-wght-normal-DL7QRZyv.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-vietnamese-wght-normal-usUDDRr7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-ext-wght-normal-Ch3YOpNY.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:DM Sans Variable,Microsoft YaHei,PingFang SC,sans-serif;color:#2a372f;background:#f8f9f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:13px;--green:#295f48;--green-dark:#224d3c;--lime:#d5e8b6;--muted:#657161;--line:#e6e9e0;--panel:#fafbf8}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}button:disabled{cursor:not-allowed;opacity:.35}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,svg [role=button]:focus-visible{outline:2px solid #76a87a;outline-offset:3px}a{color:inherit;text-decoration:none}button,input,select{touch-action:manipulation}svg{flex-shrink:0}button{transition:background .16s,color .16s,box-shadow .16s,opacity .16s}h1,h2,h3,p{margin:0}.app{height:100dvh;min-height:600px;display:flex;flex-direction:column;overflow:hidden}.app-header{height:76px;min-height:76px;background:#fdfefb;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:32px;z-index:5}.brand{display:flex;gap:11px;align-items:center;min-width:253px;font-family:Manrope Variable,sans-serif;font-size:21px;font-weight:800;letter-spacing:1.4px;line-height:1.1}.brand-mark{height:39px;width:39px;border-radius:10px;display:grid;place-items:center;background:var(--green);color:#f3f8e8}.brand small{font-family:DM Sans Variable,Microsoft YaHei,sans-serif;display:block;font-size:9px;font-weight:400;letter-spacing:2.8px;color:#929a91;margin-top:6px}.beta-tag{align-self:flex-start;background:#edf1e5;color:#7c876e;font-size:8px;padding:4px 5px;letter-spacing:.6px;border-radius:3px;margin-top:4px}.main-nav{height:100%;display:flex;gap:31px;margin-left:10px}.main-nav button{position:relative;font-size:13px;color:#8e968d;padding:0 3px;white-space:nowrap}.main-nav button.active{color:var(--green);font-weight:600}.main-nav button.active:after{position:absolute;bottom:-1px;height:3px;background:var(--green);left:3px;right:3px;content:"";border-radius:2px}.main-nav button span{font-size:9px;margin-left:5px;color:#75966d}.main-nav button:hover{color:var(--green)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.save-status{font-size:10px;color:#91998d;display:flex;gap:5px;align-items:center;white-space:nowrap}.save-status.warning{color:#a8793b}.history-buttons{display:flex;padding:0 10px;border-right:1px solid var(--line);gap:3px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border-radius:6px;color:#7c887c}.icon-button:hover:not(:disabled){background:#eaf0e5;color:var(--green)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:35px;border:1px solid #dfe5d8;border-radius:6px;padding:0 13px;background:#fdfefb;font-weight:500;font-size:11px;white-space:nowrap}.button:hover:not(:disabled){background:#edf1e7;border-color:#afc0aa}.button.primary{background:var(--green);color:#f7f8ec;border-color:var(--green)}.button.primary:hover:not(:disabled){background:#204c39;border-color:#204c39;box-shadow:0 3px 10px #204c3916}.header-actions>.primary{min-width:91px}.workspace{display:flex;flex:1;min-height:0}.sidebar{width:306px;min-width:306px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:var(--panel);transition:width .2s,min-width .2s;overflow:hidden}.sidebar-intro{padding:26px 22px 22px;white-space:nowrap}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.7px;color:#8d9985;font-family:Manrope Variable,sans-serif}.sidebar-intro h1{font-size:17px;letter-spacing:-.5px;font-weight:600;margin-top:11px}.sidebar-intro h1 span{color:#7a9b4f;padding-left:3px}.sidebar-intro p{font-size:10px;color:#949c90;margin-top:9px}.panel-tabs{display:flex;padding:0 17px;gap:4px;border-bottom:1px solid var(--line);height:42px;min-height:42px}.panel-tabs button{flex:1;display:flex;gap:7px;align-items:center;justify-content:center;color:#8c9588;font-size:11px;position:relative}.panel-tabs button.active{color:var(--green);font-weight:600}.panel-tabs button.active:after{content:"";height:2px;position:absolute;bottom:-1px;left:8px;right:8px;background:var(--green)}.panel-tabs button:hover{background:#eff3e9}.sidebar-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#d6ddcf transparent}.sidebar-scroll::-webkit-scrollbar{width:4px}.sidebar-scroll::-webkit-scrollbar-thumb{background:#d6ddcf;border-radius:4px}.panel-section{padding:21px 22px;border-bottom:1px solid var(--line)}.section-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-label h2{font-size:11px;font-weight:600}.section-label>span{font-family:Manrope Variable,sans-serif;font-size:8px;color:#969f91;letter-spacing:.6px}.section-label>svg{color:#85977d}.preset-list{display:flex;flex-direction:column;gap:7px}.preset-card{width:100%;display:flex;align-items:center;text-align:left;background:#f2f4ee;border:1px solid transparent;border-radius:7px;height:62px;padding:6px;gap:11px}.preset-card:hover{background:#eaf0e2}.preset-card.active{background:#edf2e6;border-color:#a8bd8f}.mini-road{display:flex;overflow:hidden;width:66px;height:46px;background:#bac3a8;border-radius:4px;padding:0 3px;flex-shrink:0;transform:translateZ(0);box-shadow:inset 0 0 10px #00000009}.mini-road>div{position:relative;height:100%;width:5%}.mini-road .mini-side{width:10%;background:repeating-linear-gradient(0deg,#d0cabc,#d0cabc 7px,#bbbcae 8px)}.mini-road .mini-green{width:10%;background:#809568;display:flex;flex-direction:column;justify-content:space-around;z-index:1}.mini-green i{width:10px;height:10px;background:#628653;display:block;border-radius:50%;margin-left:-2px;box-shadow:2px 2px 3px #40583d66}.mini-road .mini-car{width:25%;background:#717976;border-left:1px solid #c0c4ae;border-right:1px solid #b8bda8}.mini-car span{display:block;position:absolute;left:50%;height:100%;width:1px;background:repeating-linear-gradient(0deg,#c5c8b7 0px,#c5c8b7 5px,transparent 5px,transparent 10px)}.mini-car b{position:absolute;background:#e7e7d9;width:4px;height:8px;left:2px;top:10px;border-radius:1px;box-shadow:1px 1px 2px #0005}.mini-car:nth-of-type(6) b{top:28px;left:auto;right:2px;background:#6c8882}.mini-road .mini-center{width:8%;background:#879767}.mini-road .mini-cycle{width:7%;background:#91a990}.mini-road.boulevard .mini-car{width:16%}.mini-road.boulevard .mini-green{width:17%}.mini-road.boulevard .mini-side{width:13%}.mini-road.boulevard .mini-center{width:0}.mini-road.neighborhood .mini-car{width:25%;background:#9e9488}.mini-road.neighborhood .mini-center,.mini-road.neighborhood .mini-cycle{width:0}.mini-road.neighborhood .mini-side{width:16%}.mini-road.neighborhood .mini-green{width:9%}.preset-copy{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.preset-copy strong{font-size:11px;font-weight:550}.preset-copy small{font-size:8px;color:#969e8f;white-space:nowrap;letter-spacing:-.3px}.preset-card.active .preset-copy small{color:#8a967e}.preset-check{height:17px;width:17px;display:grid;place-items:center;color:#b4bdaa;align-self:center;flex-shrink:0}.preset-card.active .preset-check{border-radius:50%;background:#769562;color:#fff}.symmetry-label{display:flex;align-items:center;gap:4px}.parameter-group{padding:14px 0 3px;border-bottom:1px solid #edf0e8;border-radius:3px;scroll-margin:20px;transition:background .2s}.parameter-group:first-of-type{padding-top:0}.parameter-group:last-child{border:0;padding-bottom:0}.parameter-group.highlight{background:#edf3e5;box-shadow:0 0 0 8px #edf3e5}.parameter-title{display:flex;gap:7px;align-items:center;font-size:11px;font-weight:500;margin-bottom:14px}.dot{height:7px;width:7px;border-radius:2px;display:inline-block}.dot.motor{background:#7c8584}.dot.sidewalk{background:#c4bca7}.dot.cycle{background:#87a697}.dot.verge,.dot.buffer{background:#89a16d}.dot.median{background:#b0ba83}.side-hint{margin-left:auto;font-size:9px;color:#a4ad9c;font-weight:400}.counter{display:flex;align-items:center;margin-left:auto;border:1px solid #e0e6d9;height:25px;border-radius:4px;background:#fbfcf9}.counter button{height:23px;width:24px;display:grid;place-items:center;color:#819177}.counter button:hover:not(:disabled){background:#e6eddd}.counter>span{font-family:Manrope Variable,sans-serif;min-width:43px;text-align:center;font-size:11px;font-weight:600}.counter small{font-size:8px;font-family:Microsoft YaHei,sans-serif;font-weight:400;margin-left:4px;color:#949d8b}.range-control{margin-bottom:14px}.control-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;gap:8px}.control-label>label{font-size:10px;color:#8b9684}.number-field{display:flex;align-items:center;height:24px;border:1px solid #e2e7db;border-radius:4px;padding-right:7px;background:#fdfefa;color:#919e89}.number-field input{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;width:48px;padding:2px 6px;border:0;background:transparent;color:#52604c;text-align:right;outline:0;font-size:11px;font-family:Manrope Variable,sans-serif;font-weight:500}.number-field input::-webkit-inner-spin-button,.number-field input::-webkit-outer-spin-button{-webkit-appearance:none}.number-field span{font-size:9px;min-width:6px}.range{display:block;-moz-appearance:none;appearance:none;-webkit-appearance:none;outline:none;width:100%;height:3px;background:linear-gradient(to right,#8aab6a var(--range),#e4e9df var(--range));border-radius:3px;cursor:pointer;margin:12px 0 5px}.range::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:2px solid #f8fbf1;border-radius:50%;width:12px;height:12px;background:#72955a;box-shadow:0 0 0 1px #aac293}.range::-moz-range-thumb{border:2px solid #f8fbf1;border-radius:50%;width:9px;height:9px;background:#72955a;box-shadow:0 0 0 1px #aac293}.control-hint{color:#a1aa9c;font-size:8px;margin-top:10px}.sidebar-footer{height:39px;min-height:39px;display:flex;align-items:center;gap:7px;padding:0 22px;border-top:1px solid var(--line);font-size:9px;color:#9ca692;background:#f8faf4}.sidebar-footer button{margin-left:auto;color:#8d9b81;display:flex;padding:5px}.live-dot{display:inline-block;height:5px;width:5px;border-radius:50%;background:#79a462;box-shadow:0 0 0 3px #83aa6910}.main-workspace{min-width:0;display:flex;flex-direction:column;flex:1;background:#f8faf5}.canvas-toolbar{height:49px;min-height:49px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 23px 0 14px;background:#fbfcf8;gap:12px}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:10px;white-space:nowrap;overflow:hidden}.breadcrumb>span{color:#939b8e}.breadcrumb>svg{color:#b1b8aa}.breadcrumb strong{font-weight:500;color:#687761;max-width:250px;overflow:hidden;text-overflow:ellipsis}.breadcrumb .draft-tag{font-size:8px;border:1px solid #e4e8de;border-radius:3px;padding:2px 5px;color:#96a087}.text-button{display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;color:#8d9a82;padding:7px;border-radius:4px;white-space:nowrap}.text-button:hover{background:#edf2e5;color:var(--green)}.viewport{position:relative;flex:1;min-height:250px;overflow:hidden;background:#e9eee4;isolation:isolate}.canvas-mount{position:absolute;top:0;right:0;bottom:0;left:0;outline:0}.canvas-mount canvas{width:100%;height:100%;display:block;outline:0;touch-action:none}.scene-title{position:absolute;left:29px;top:26px;pointer-events:none;filter:drop-shadow(0 1px 2px #ffffffb0)}.scene-title>div{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1px;color:#829079;font-weight:500}.preview-divider{height:8px;width:1px;background:#bac4b2;margin:0 2px}.scene-title h2{font-size:18px;font-weight:500;margin-top:12px;letter-spacing:.5px;color:#465841}.scene-title h2 span{font-family:Manrope Variable,sans-serif;font-size:8px;color:#87967c;letter-spacing:1.4px;margin-left:7px;font-weight:400}.scene-title p{font-size:9px;color:#929f88;margin-top:8px}.scene-title p span{margin:0 8px}.scene-weather{position:absolute;right:25px;top:27px;display:flex;align-items:center;gap:8px;background:#fbfcf57a;border:1px solid #ffffff75;border-radius:5px;color:#77876c;font-size:10px;padding:7px 9px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:Manrope Variable,Microsoft YaHei,sans-serif}.scene-weather>svg{color:#829367}.scene-weather i{width:1px;height:10px;background:#bfc9b4;margin:0 3px}.scene-weather button{display:grid;place-items:center;padding:2px;margin-left:5px;color:#849375}.view-switcher{position:absolute;top:146px;left:25px;background:#fbfcf7e8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffffd9;box-shadow:0 4px 14px #40582b07;display:flex;flex-direction:column;padding:5px;border-radius:7px;gap:3px}.view-switcher button{display:grid;place-items:center;width:31px;height:31px;color:#8b9780;border-radius:4px}.view-switcher button.active{background:#e3edd7;color:#507241}.view-switcher button:hover:not(:disabled){background:#e8efdf;color:var(--green)}.view-switcher>span{height:1px;background:#e6ebde;margin:4px}.compass{position:absolute;right:25px;bottom:86px;display:flex;flex-direction:column;align-items:center;color:#7c8c6b;pointer-events:none}.compass>span{font-size:9px;letter-spacing:1px}.compass svg{transform:rotate(-28deg)}.viewport-bottom{position:absolute;bottom:20px;left:27px;right:25px;display:flex;justify-content:space-between;align-items:center;gap:8px}.interaction-hint{font-size:9px;color:#7b8a71;display:flex;gap:7px;align-items:center;background:#edf1e680;padding:8px 9px;border-radius:4px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:none}.interaction-hint span>span{margin:0 7px;color:#a4b298}.camera-actions{display:flex;align-items:center;gap:9px}.projection-button{display:flex;align-items:center;gap:13px;background:#fcfdf8e8;border:1px solid #fff;color:#7e8b72;font-size:10px;padding:9px 11px;border-radius:5px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.projection-button:hover{background:#e6efdb}.walk-button{background:#304f3de6;color:#f1f5e9;display:flex;align-items:center;gap:8px;font-size:10px;padding:10px 13px;border:1px solid #54704b44;border-radius:5px;box-shadow:0 3px 10px #304b2812;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.walk-button:hover{background:#224d36}.walk-button>svg:last-child{margin-left:5px}.walk-button.walking{background:#b3653d;color:#fff}.walking-badge{position:absolute;top:122px;left:50%;transform:translate(-50%);background:#f9fbf0dc;color:#67785b;font-size:10px;border:1px solid #fff;border-radius:30px;padding:9px 16px;display:flex;align-items:center;gap:7px;pointer-events:none}.is-walking .canvas-mount{cursor:grab}.is-walking .canvas-mount:active{cursor:grabbing}.cross-section-panel{height:213px;min-height:213px;display:flex;flex-direction:column;background:#fafbf8;border-top:1px solid #e1e6d9;z-index:1}.cross-section-panel.collapsed{height:51px;min-height:51px}.cross-section-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 23px;height:51px;min-height:51px}.cross-section-heading{display:flex;align-items:center;gap:9px;white-space:nowrap}.section-icon{width:26px;height:26px;display:grid;place-items:center;color:#778b67;background:#eef2e8;border:1px solid #e6eadd;border-radius:5px}.cross-section-heading h2{font-size:11px;font-weight:600}.technical-tag{font-family:Manrope Variable,sans-serif;color:#a2aa9a;font-size:8px;letter-spacing:1px;border-left:1px solid #e0e5d7;padding-left:12px;margin-left:4px}.section-meta{display:flex;align-items:center;gap:13px;font-size:9px;color:#99a18f}.section-meta strong{color:#5f7750;font-size:14px;font-family:Manrope Variable,sans-serif;font-weight:600;margin:0 4px}.section-meta i{width:1px;height:11px;background:#e0e5d7}.section-tip{font-size:8px;color:#aab29f}.section-drawing{display:block;width:100%;height:152px;padding:0 30px 2px;max-width:1200px;margin:auto}.section-part{cursor:pointer;outline:none}.section-part .section-hit{transition:fill .2s}.section-part:hover .section-hit{fill:#e8efde}.section-part.selected .section-hit{fill:#e0eccf99}.section-part text{pointer-events:none}.workspace-footer{height:28px;min-height:28px;border-top:1px solid #e7ebdf;padding:0 21px;display:flex;align-items:center;justify-content:space-between;background:#f7f9f2;color:#a3ac97;font-size:8px;gap:12px}.workspace-footer>span{display:flex;align-items:center;gap:7px;white-space:nowrap}.workspace-footer i{height:8px;width:1px;background:#dce4d2;margin:0 3px}.status-dot{height:4px;width:4px;display:inline-block;border-radius:50%;background:#8daa74}.footer-brand{font-family:Manrope Variable,sans-serif;letter-spacing:1.3px;font-size:7px;margin-left:10px;color:#8f9d81}.sidebar-hidden .sidebar{min-width:0;width:0;border:0}.sidebar-hidden .sidebar>*{visibility:hidden}.toggle-row{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;padding:7px 0 15px;gap:12px;font-size:11px}.toggle-row>span:first-child{display:flex;flex-direction:column;gap:5px}.toggle-row small{font-size:9px;color:#97a08e;font-weight:400;line-height:1.5}.switch{width:28px;height:16px;background:#d9dfd2;display:block;position:relative;flex-shrink:0;border-radius:12px;transition:background .2s}.switch i{display:block;width:12px;height:12px;position:absolute;top:2px;left:2px;border-radius:50%;background:#fcfdf9;box-shadow:0 1px 3px #00000012;transition:transform .2s}.switch.on{background:#71905b}.switch.on i{transform:translate(12px)}.select-label{display:flex;flex-direction:column;gap:10px;font-size:10px;color:#87947b;margin:8px 0 20px}select{width:100%;border:1px solid #dfe6d7;background:#fdfefb;padding:9px 10px;border-radius:5px;color:#56664c;font-size:11px;cursor:pointer;outline:none}.segmented{display:flex;gap:6px;background:#eef2e8;padding:4px;border-radius:5px}.segmented button{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;font-size:10px;padding:8px 3px;border-radius:3px;color:#8a987c}.segmented button.active{background:#fdfefb;box-shadow:0 1px 4px #4d654912;color:#527242}.season-dot{display:inline-block;height:7px;width:7px;border-radius:50%}.season-dot.summer{background:#7a9f67}.season-dot.autumn{background:#c9a254}.sun-preview{display:flex;align-items:center;gap:14px;padding:17px 13px;background:linear-gradient(120deg,#f0f0d9,#f0f4e8);border:1px solid #e9ecd9;border-radius:7px;margin-bottom:19px;color:#9a9f69}.sun-preview>span{font-size:25px;font-family:Manrope Variable,sans-serif;font-weight:500;letter-spacing:-1px;color:#76885b}.sun-preview small{display:block;font-family:Microsoft YaHei,sans-serif;font-size:9px;letter-spacing:0;color:#9da680;margin-top:5px}.material-grid{display:flex;gap:9px}.material{flex:1;font-size:9px;color:#919e86;padding:0}.material-swatch{height:52px;border-radius:5px;display:grid;place-items:center;margin-bottom:8px;color:#fff;position:relative}.material-swatch.asphalt{background-color:#69716d;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.28' filter='url(%23n)'/%3E%3C/svg%3E")}.material-swatch.warm{background:repeating-linear-gradient(90deg,transparent 0,transparent 22px,#b5a18a 23px),repeating-linear-gradient(0deg,#c4b69f 0,#c4b69f 13px,#b5a18a 14px)}.material-swatch.concrete{background-color:#c7c9bd;background-image:linear-gradient(0deg,transparent 48%,#aeb8a6 49%,transparent 51%),linear-gradient(90deg,transparent 48%,#aeb8a6 49%,transparent 51%);background-size:28px 28px}.material.active{color:#4e7540}.material.active .material-swatch{outline:2px solid #8eac72;outline-offset:2px}.render-options{display:flex;gap:7px}.render-options button{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:12px 5px;font-size:10px;border:1px solid #e0e6d7;border-radius:5px;color:#96a289}.render-options button.active{border-color:#9ab681;background:#edf4e3;color:#5c7a47}.panel-note{font-size:9px;color:#9aa490;line-height:1.9;margin-top:14px}.loading-scene,.scene-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#7c906c;background:#edf1e6;z-index:3;font-size:12px}.scene-error{padding:40px;text-align:center;gap:12px}.scene-error small{max-width:500px;color:#a0856d}.scene-error .button{margin-top:10px}.hidden-input{display:none}.toast{position:fixed;left:50%;bottom:37px;transform:translate(-50%);z-index:100;background:#fdfef8;border:1px solid #d7e4c8;box-shadow:0 6px 25px #293e2320;color:#537443;border-radius:7px;display:flex;gap:10px;align-items:center;font-size:11px;padding:13px 15px;max-width:90vw;animation:toast-in .2s ease-out}.toast>span{line-height:1.5}.toast button{color:#96a388;display:flex;align-items:center;margin-left:10px;padding:2px}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.modal{padding:0;border:1px solid #dce4d2;background:#fafbf6;color:#2a372f;box-shadow:0 20px 100px #1e301e33;border-radius:13px;width:478px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);overflow:auto;scrollbar-width:thin;scrollbar-color:#d8e2cc transparent}.modal::backdrop{background:#26352666;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-inner{padding:29px}.modal-wide{width:650px}.modal-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:16px}.modal-head h2{font-size:23px;font-weight:500;letter-spacing:-.6px;margin-top:11px}.modal-head .eyebrow{font-size:8px}.modal-head>.icon-button{margin-top:-9px;margin-right:-9px}.modal-description{font-size:10px;color:#9aa28e;line-height:1.8;margin-bottom:22px}.export-preview{display:flex;align-items:center;gap:12px;background:#f0f4e8;border:1px solid #e6ebdc;border-radius:6px;padding:10px 12px;margin-bottom:23px}.export-preview>.mini-road{width:50px;height:38px}.export-preview>div:not(.mini-road){display:flex;flex:1;flex-direction:column;gap:7px;min-width:0}.export-preview strong{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.export-preview>div>span{font-size:9px;color:#8b987c}.file-tag{border:1px solid #d4dfc9;border-radius:3px;color:#8fa17d;font-size:8px;letter-spacing:1px;padding:4px 5px}.field-label{font-size:10px;color:#879679;display:block;margin:0 0 10px}.export-styles{display:flex;gap:9px;margin-bottom:22px}.export-styles button{flex:1;position:relative;display:flex;align-items:flex-start;flex-direction:column;text-align:left;gap:10px;padding:15px 12px;border:1px solid #e0e7d6;border-radius:6px;background:#fdfef9;color:#9ba68f}.export-styles strong{font-size:11px;font-weight:500;color:#788b69;margin-top:4px}.export-styles small{font-size:8px;color:#a3ac97}.export-styles button.active{background:#eff5e5;border-color:#9bb77e;color:#628247}.export-check{position:absolute;right:9px;top:11px}.export-resolution{margin-bottom:17px}.export-main{width:100%;height:43px;margin:15px 0 13px;font-size:12px}.export-main>span{font-size:9px;margin-left:auto;color:#b1c6a4}.export-main>svg:first-child{margin-right:3px}.secondary-exports{display:flex;gap:9px}.secondary-exports button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;border:1px solid #dfe6d5;border-radius:5px;padding:11px 6px;font-size:10px;background:#fafcf5;color:#829271}.secondary-exports button span{font-size:8px;color:#a4b394;margin-left:1px}.secondary-exports button:hover:not(:disabled){background:#edf3e4}.prompt-copy{display:flex;align-items:center;justify-content:center;gap:7px;color:#8b9f77;font-size:9px;margin:20px auto 0}.prompt-copy:hover{color:#4b7138}.export-note{background:#f1f4eb;padding:12px;font-size:9px;color:#9ba68e;line-height:1.8;border-radius:5px;margin-top:18px}.text-input{width:100%;height:43px;background:#fff;border:1px solid #dbe5cd;border-radius:5px;outline:none;color:#4e6543;font-size:13px;padding:0 12px}.text-input:focus{border-color:#91b174;box-shadow:0 0 0 3px #92ad7520}.save-summary{display:flex;align-items:center;gap:12px;background:#eef3e5;border-radius:6px;padding:19px 15px;margin:19px 0 5px;color:#899e74;font-size:10px}.collection-toolbar{display:flex;justify-content:space-between;align-items:center;margin:22px 0 16px}.collection-toolbar>p{font-size:10px;color:#94a183}.saved-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;max-height:440px;overflow-y:auto;padding:3px}.saved-card{text-align:left;border:1px solid #dfe6d6;border-radius:7px;overflow:hidden;padding:0;background:#fdfef9}.saved-card:hover{border-color:#9cba7e;background:#f0f5e8}.saved-card>.mini-road{width:100%;height:90px;border-radius:0;padding:0 35px}.saved-card>.mini-road .mini-green i{width:22px;height:22px;margin-left:0;align-self:center}.saved-card>.mini-road .mini-car b{width:10px;height:18px}.saved-card>div:not(.mini-road){padding:15px;position:relative}.saved-card h3{font-size:12px;font-weight:500;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:10px}.saved-card p{font-size:9px;color:#8a9b77;margin-bottom:10px}.saved-card small{font-size:8px;color:#a2ae96}.saved-card>div>svg{position:absolute;right:13px;bottom:17px;color:#95a580}.empty-state{display:flex;align-items:center;flex-direction:column;text-align:center;padding:45px 10px;color:#9cad8a;border:1px dashed #d6e2c9;border-radius:8px;background:#f1f5eb;margin:22px 0}.empty-state h3{font-size:17px;color:#70865c;font-weight:400;margin:20px 0 10px}.empty-state p{font-size:10px;color:#9caa8d;margin-bottom:25px}.help-list{display:flex;flex-direction:column;gap:23px;margin-top:27px}.help-list>div{display:flex;gap:14px}.help-list svg{width:21px;height:21px;color:#839c6b}.help-list strong{font-size:12px;font-weight:500;color:#6b8157}.help-list p{font-size:10px;color:#93a083;line-height:1.9;margin-top:7px}.keyboard-hints{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #e4eada;margin-top:25px;padding-top:17px;font-size:8px;color:#8d9c7b}.keyboard-hints kbd{font-family:inherit;border:1px solid #d9e3ce;border-radius:3px;padding:3px 5px;font-size:8px;display:inline-block;margin-left:4px;color:#7b9166}.viewport:fullscreen{width:100vw;height:100vh;flex:none}.viewport:fullscreen .scene-title{top:40px;left:40px}.viewport:fullscreen .view-switcher{left:40px;top:160px}@media(min-width:1600px){.sidebar{width:328px;min-width:328px}.sidebar-intro{padding:29px 27px 26px}.panel-section{padding:24px 27px}.sidebar-intro h1{font-size:18px}.preset-card{height:67px}.mini-road{width:72px;height:50px}.preset-copy strong{font-size:12px}.preset-copy small{font-size:9px}.cross-section-panel{height:235px;min-height:235px}.section-drawing{height:174px}.scene-title{left:34px;top:31px}.scene-title h2{font-size:21px}.scene-title h2 span{font-size:9px}.scene-title p{font-size:10px}.view-switcher{left:32px;top:165px}.view-switcher button{width:34px;height:34px}.viewport-bottom{bottom:25px;left:33px}.app-header{padding:0 32px}.range-control{margin-bottom:18px}}@media(max-width:1190px){.app-header{padding:0 18px;gap:16px}.brand{min-width:240px;font-size:19px}.main-nav{gap:21px;margin-left:0}.header-actions{gap:7px}.save-status{display:none}.history-buttons{padding:0 6px}.sidebar{width:285px;min-width:285px}.sidebar-intro{padding:23px 19px 20px}.sidebar-intro h1{font-size:16px}.panel-section{padding:18px}.preset-copy small{font-size:7px}.preset-card{gap:8px}.scene-title h2 span{display:none}.scene-weather{right:19px;top:25px}.scene-title{left:23px;top:26px}.section-tip,.section-meta i{display:none}.scene-title p{font-size:8px}.viewport-bottom{left:18px;right:18px;bottom:18px}.interaction-hint{font-size:8px}.interaction-hint span>span{margin:0 4px}.projection-button{gap:6px}.walk-button{padding:10px}.workspace-footer>span:last-child{font-size:0;gap:0}.footer-brand{font-size:7px}.section-drawing{padding:0 14px}.cross-section-header{padding-left:18px;padding-right:14px}.canvas-toolbar{padding-right:14px}.breadcrumb{gap:8px}.breadcrumb strong{max-width:170px}.is-walking .interaction-hint{max-width:210px;line-height:1.8}}@media(max-width:950px){.app-header{height:65px;min-height:65px;padding:0 15px;gap:12px}.brand{min-width:212px;font-size:18px;gap:9px}.brand-mark{width:34px;height:34px;border-radius:8px}.brand small{font-size:8px;letter-spacing:2px}.beta-tag{display:none}.main-nav{gap:18px}.main-nav button{font-size:11px}.save-button span{display:none}.save-button{width:34px;padding:0}.history-buttons{border:0;padding:0}.header-actions{gap:5px}.header-actions>.primary{min-width:76px;padding:0 9px}.sidebar{width:263px;min-width:263px}.sidebar-intro h1{font-size:14px}.sidebar-intro{padding:21px 17px 18px}.sidebar-intro p{font-size:9px}.panel-section{padding:17px 15px}.preset-card{gap:8px}.mini-road{width:55px;height:43px}.preset-copy strong{font-size:10px}.preset-copy small{font-size:7px;letter-spacing:-.5px}.scene-weather{top:19px;font-size:9px;padding:6px}.scene-weather>span,.scene-weather i{display:none}.scene-title{left:18px;top:23px}.scene-title h2{font-size:16px}.view-switcher{left:15px;top:127px}.view-switcher button{height:27px;width:27px}.view-switcher{padding:4px;gap:2px}.viewport-bottom{bottom:15px;left:15px;right:15px}.interaction-hint{display:none}.camera-actions{margin-left:auto}.cross-section-panel{height:180px;min-height:180px}.cross-section-header{height:47px;min-height:47px}.section-drawing{height:130px;padding:0 9px}.technical-tag{display:none}.section-meta{gap:7px}.cross-section-heading{gap:6px}.cross-section-heading h2{font-size:10px}.section-meta strong{font-size:12px}.workspace-footer{padding:0 14px;font-size:7px}.footer-brand{display:none}.compass{right:20px;bottom:72px}.scene-title p{max-width:220px;line-height:1.8}.breadcrumb>span:first-of-type{display:none}.breadcrumb>svg{display:none}.canvas-toolbar{padding-left:8px;height:43px;min-height:43px}.text-button{font-size:8px}}@media(max-width:700px){.app{min-height:580px}.app-header{padding:0 12px;height:60px;min-height:60px;gap:8px}.brand{font-size:16px;min-width:0}.brand-mark{width:31px;height:31px}.brand-mark svg{width:20px}.brand small{font-size:7px;letter-spacing:1px;margin-top:4px}.main-nav{display:none}.header-actions{gap:3px}.history-buttons .icon-button{width:26px}.save-button{display:none}.button{height:32px}.header-actions>.primary{font-size:10px;min-width:68px}.header-actions>.primary>svg:last-child{display:none}.sidebar{width:248px;min-width:248px;position:absolute;top:103px;bottom:28px;left:0;z-index:4;box-shadow:8px 0 30px #41512f10;background:#fafbf8}.sidebar-intro{padding:18px 17px}.sidebar-intro h1{font-size:14px}.sidebar-hidden .sidebar{transform:translate(-100%);width:248px;min-width:248px}.sidebar-hidden .sidebar>*{visibility:visible}.workspace:not(.sidebar-hidden) .main-workspace .scene-title,.workspace:not(.sidebar-hidden) .main-workspace .view-switcher{visibility:hidden}.scene-title{left:16px;top:19px}.scene-title>div{font-size:7px}.scene-title h2{font-size:17px}.scene-title p{font-size:8px}.scene-weather{right:14px;top:20px;gap:5px}.scene-weather button{margin-left:0}.view-switcher{top:126px;left:14px}.cross-section-panel{height:171px;min-height:171px}.cross-section-header{padding:6px 12px;height:43px;min-height:43px}.section-drawing{height:124px;padding:0 5px}.section-icon{width:23px;height:23px}.section-meta{font-size:8px;gap:4px}.section-meta strong{font-size:12px}.section-meta .icon-button{width:26px}.workspace-footer{height:28px;min-height:28px;font-size:7px;padding:0 11px}.workspace-footer>span:last-child{display:none}.canvas-toolbar{height:43px;min-height:43px;padding-right:8px}.breadcrumb{font-size:9px;gap:7px}.breadcrumb strong{max-width:180px}.text-button{font-size:8px;gap:4px}.scene-weather{background:#f8fbf0bf}.viewport-bottom{bottom:15px}.modal-inner{padding:22px}.modal-head h2{font-size:20px}.modal{border-radius:10px;max-height:calc(100dvh - 24px)}.export-styles{gap:6px}.export-styles button{padding:13px 10px}.export-styles small{font-size:7px}.saved-grid{grid-template-columns:1fr}.saved-card>.mini-road{height:105px}.secondary-exports button{font-size:9px;gap:5px}.keyboard-hints{flex-wrap:wrap;justify-content:flex-start}.modal-description{font-size:9px}.toast{font-size:10px;bottom:18px}.scene-title p span{margin:0 5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.symmetry-toggle{display:flex;align-items:center;gap:4px;border:1px solid #e0e6d9;background:#fbfcf9;color:#6d7d60;font-family:inherit;font-size:9px;font-weight:500;line-height:1;padding:5px 8px;border-radius:999px;cursor:pointer;transition:background .2s,border-color .2s,color .2s;white-space:nowrap}.symmetry-toggle:hover{border-color:#b9c7ab;color:#50643f}.symmetry-toggle.on{background:#edf3e5;border-color:#d5e0c9;color:#526b40}.side-switch{display:flex;gap:4px;background:#eef2e8;padding:4px;border-radius:5px;margin-bottom:12px}.side-switch button{flex:1;border:0;background:transparent;color:#8a987c;font-family:inherit;font-size:10px;font-weight:500;line-height:1;padding:8px 4px;border-radius:3px;cursor:pointer;transition:background .2s,color .2s}.side-switch button.active{background:#fbfcf8;color:#3f5236;box-shadow:0 1px 2px #41512f12;font-weight:600}.export-section{border-top:1px solid #e4ead9;padding-top:20px;margin-top:22px}.export-section:first-of-type{border-top:0;padding-top:0;margin-top:0}.export-section-head{display:flex;align-items:baseline;gap:8px;margin-bottom:14px}.export-section-head>span{font-family:monospace;font-size:8px;color:#a4b394;letter-spacing:1px}.export-section-head h3{font-size:13px;font-weight:600;color:#485c3d;margin:0}.export-section-head small{margin-left:auto;font-size:7px;letter-spacing:1.2px;color:#a6b098;font-family:monospace}.export-section-note{font-size:9px;line-height:1.7;color:#97a18d;margin:-4px 0 12px}.export-styles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.export-styles button{padding:12px 10px;gap:8px}.export-styles button strong{font-size:10px}.export-styles button small{font-size:7px;line-height:1.4}.shot-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.shot-card{display:flex;flex-direction:column;align-items:flex-start;gap:5px;border:1px solid #e0e7d6;background:#fdfef9;border-radius:6px;padding:10px 9px;text-align:left;color:#8a997c;cursor:pointer;font-family:inherit;transition:background .2s,border-color .2s,color .2s}.shot-card:hover:not(:disabled){border-color:#c4d4b6}.shot-card.active{border-color:#9bb77e;background:#eff5e5}.shot-name{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:600;color:#5d7550}.shot-card.active .shot-name{color:#48683a}.shot-card small{font-size:6.5px;letter-spacing:.5px;color:#a8b19c;line-height:1.4}.shot-card p{font-size:7.5px;line-height:1.55;color:#98a28d;margin:0}.camera-note{font-size:8.5px;line-height:1.6;color:#9aa48f;margin:9px 0 0}.pack-channels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:16px}.channel-check{position:relative;display:flex;align-items:center;gap:7px;border:1px solid #e2e8da;background:#fbfcf7;border-radius:5px;padding:8px 9px;cursor:pointer;color:#9aa68f;transition:background .2s,border-color .2s,color .2s}.channel-check input{position:absolute;opacity:0;pointer-events:none}.channel-check.active{border-color:#a9bf92;background:#f0f5e7;color:#5f7a4d}.channel-check-icon{display:flex;flex-shrink:0;transform:scale(.72)}.channel-check>span:last-child{display:flex;flex-direction:column;gap:3px;min-width:0}.channel-check strong{font-size:9px;font-weight:600;white-space:nowrap;color:#687d57}.channel-check small{font-size:7px;color:#a3ad97;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-check.active strong{color:#4e6b3d}.prompt-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.prompt-control{display:flex;flex-direction:column;gap:6px}.prompt-control>span{font-size:8.5px;color:#93a084}.prompt-style-control{grid-column:1/-1}.prompt-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.prompt-mode-grid button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:7px 8px;border:1px solid #e0e7d6;border-radius:5px;background:#fdfef9;color:#7b8a6e;font-size:8px;line-height:1.35;font-family:inherit}.prompt-mode-grid strong{font-size:9.5px;font-weight:600;color:#65785a}.prompt-mode-grid small{font-size:7px;color:#98a58a;line-height:1.35}.prompt-mode-grid button:hover:not(:disabled){border-color:#b6c9a5;background:#f2f6ea}.prompt-mode-grid button.active{border-color:#9ab681;background:#edf4e3}.prompt-mode-grid button.active strong{color:#4e6b3d}.prompt-mode-grid button.active small{color:#71865e}.prompt-panel{border:1px solid #e0e7d7;border-radius:6px;background:#fbfcf7;overflow:hidden;margin-bottom:14px}.prompt-panel-head{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border-bottom:1px solid #e6ecdd;background:#f2f6ea;font-family:monospace;font-size:7.5px;letter-spacing:.6px;color:#879a76}.prompt-panel-head small{font-size:7px;color:#a6b299}.prompt-preview{max-height:158px;overflow:auto;margin:0;padding:11px 13px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;line-height:1.65;color:#6b7c5e;white-space:pre-wrap;word-break:break-word;scrollbar-width:thin}.prompt-actions{display:flex;gap:6px;justify-content:flex-end;padding:8px 10px;border-top:1px solid #e8eddf;background:#f8faf3}.prompt-action{display:flex;align-items:center;gap:5px;border:1px solid #dfe6d5;background:#fdfef9;color:#7f9270;border-radius:4px;padding:6px 9px;font-size:8.5px;cursor:pointer;font-family:inherit}.prompt-action:hover:not(:disabled){background:#eef4e5;color:#4f6c3d}.prompt-action:disabled{opacity:.5;cursor:default}.pack-main{margin-top:0}.semantic-legend{border:1px solid #e2e8da;border-radius:6px;background:#fbfcf7;margin-top:12px}.semantic-legend summary{cursor:pointer;font-size:9px;color:#839574;padding:9px 11px;list-style:none}.semantic-legend summary::-webkit-details-marker{display:none}.semantic-legend summary:before{content:"+";display:inline-block;width:12px;font-family:monospace;color:#a3b393}.semantic-legend[open] summary:before{content:"−"}.legend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0 11px 11px}.legend-item{display:flex;align-items:flex-start;gap:6px;min-width:0}.legend-item i{width:12px;height:12px;border-radius:3px;border:1px solid #00000018;flex-shrink:0;margin-top:1px}.legend-item>span{display:flex;flex-direction:column;gap:2px;min-width:0}.legend-item strong{font-size:8px;font-weight:500;color:#617250;white-space:nowrap}.legend-item small{font-family:monospace;font-size:6.5px;color:#a0aa94;white-space:nowrap}@media(max-width:700px){.export-styles,.shot-grid,.pack-channels{grid-template-columns:repeat(2,minmax(0,1fr))}.prompt-controls{grid-template-columns:1fr}.prompt-mode-grid,.legend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.section-export-preview{margin:0 0 12px;border:1px solid #e2e8d9;border-radius:6px;overflow:hidden;background:#fdfefb;line-height:0}.section-export-image{display:block;width:100%;height:auto}.batch-shots .shot-card{padding:9px 8px}.collection-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.compare-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.compare-meta{margin-left:auto;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;color:#9aa68f;white-space:nowrap}.compare-stage{position:relative;aspect-ratio:16/9;background:#26322a;border:1px solid #dde5d4;border-radius:8px;overflow:hidden;margin-bottom:10px;isolation:isolate}.compare-stage.empty{background:repeating-conic-gradient(#f1f5eb 0,#f1f5eb 25%,#fafcf6 0,#fafcf6 50%) 0 0/18px 18px}.compare-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#f3f6ee}.compare-layer.result{transition:opacity .15s}.compare-tag{position:absolute;top:9px;font-size:8px;letter-spacing:.4px;padding:4px 7px;border-radius:3px;background:#223329d9;color:#eaf2df;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:1}.compare-tag.left{left:9px}.compare-tag.right{right:9px;background:#48603edd}.compare-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#93a083;text-align:center;padding:20px}.compare-empty strong{font-size:12px;font-weight:500;color:#6e825c}.compare-empty span{font-size:9px;line-height:1.7;max-width:300px}.compare-slider{display:flex;align-items:center;gap:11px;font-size:8.5px;color:#92a082;margin-bottom:18px}.compare-slider span{min-width:58px;white-space:nowrap}.compare-slider span:last-child{text-align:right}.compare-slider input{flex:1;accent-color:#71905b;height:3px;cursor:pointer}.compare-slider input:disabled{opacity:.4;cursor:not-allowed}.compare-body{display:grid;grid-template-columns:1.05fr .95fr;gap:16px;border-top:1px solid #e4ead9;padding-top:16px}.compare-checks-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.compare-checks-head strong{font-size:11px;color:#5b704b;font-weight:600}.compare-checks-head small{font-family:monospace;font-size:8px;color:#9eaa8e}.compare-check{display:flex;align-items:flex-start;gap:8px;width:100%;text-align:left;font-size:9px;line-height:1.5;color:#89977c;padding:7px 0;border-bottom:1px solid #eff2e9}.compare-check:last-child{border-bottom:0}.check-box{width:14px;height:14px;border:1px solid #ccd7c0;border-radius:3px;display:grid;place-items:center;flex-shrink:0;color:#fff;margin-top:1px;transition:background .15s,border-color .15s}.compare-check.passed{color:#5b7449}.compare-check.passed .check-box{background:#74935c;border-color:#74935c}.compare-notes{display:flex;flex-direction:column;gap:8px}.compare-notes>label{font-size:10px;color:#87947b}.compare-notes textarea{width:100%;resize:vertical;min-height:128px;border:1px solid #dfe6d7;background:#fdfefb;border-radius:5px;padding:10px;font:inherit;font-size:9.5px;line-height:1.7;color:#5e6f52;outline:none}.compare-notes textarea:focus{border-color:#91b174;box-shadow:0 0 0 3px #92ad7520}.compare-notes p{font-size:8px;line-height:1.6;color:#a0ab94}.compare-actions{display:flex;gap:8px;justify-content:flex-end;border-top:1px solid #e4ead9;margin-top:18px;padding-top:16px;flex-wrap:wrap}.compare-actions .primary span{font-size:8px;color:#b1c6a4;margin-left:2px}.help-footnote{color:#a3ad97!important;font-size:9px!important;border-left:2px solid #dde6d2;padding-left:9px;margin-top:10px!important}@media(max-width:700px){.compare-body{grid-template-columns:1fr}.compare-meta{margin-left:0;width:100%}.compare-actions{justify-content:stretch}.compare-actions .button{flex:1}.compare-slider span{min-width:48px}.collection-toolbar{align-items:flex-start;gap:10px;flex-wrap:wrap}.collection-actions{width:100%;justify-content:flex-start}.section-export-preview{margin-bottom:10px}}.saved-item{position:relative;min-width:0;display:flex}.saved-item .saved-card{width:100%;display:block;cursor:pointer}.saved-delete{position:absolute;top:7px;right:7px;z-index:2;width:24px;height:24px;border:1px solid #d9e2cf;border-radius:4px;background:#fbfdf7e6;color:#7f9073;display:grid;place-items:center;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.saved-delete:hover{color:#a55243;border-color:#dcc0b7;background:#fff8f5}.compare-meta.stale{color:#a06a45}.compare-warning{margin:0 0 10px;font-size:9px;line-height:1.6;color:#8a6041;background:#fbf4e8;border:1px solid #eadbc4;border-radius:5px;padding:8px 10px}.gate{min-height:100dvh;display:grid;place-items:center;padding:32px 20px;background:radial-gradient(120% 90% at 18% 0%,#eef4e4,#f8f9f5 46%,#f2f5ec)}.gate-card{width:418px;max-width:100%;background:#fdfefb;border:1px solid var(--line);border-radius:16px;padding:30px 30px 26px;box-shadow:0 24px 70px #1e301e14}.gate-brand{display:flex;align-items:center;gap:11px;font-family:Manrope Variable,sans-serif;font-size:19px;font-weight:800;letter-spacing:1.2px;line-height:1.1;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:22px}.gate-brand small{display:block;font-family:DM Sans Variable,Microsoft YaHei,sans-serif;font-size:9px;font-weight:400;letter-spacing:2.6px;color:#929a91;margin-top:5px}.gate-head{display:flex;gap:13px;align-items:flex-start;margin-bottom:20px}.gate-head h1{font-size:20px;font-weight:600;letter-spacing:-.4px}.gate-head p{font-size:12px;color:var(--muted);line-height:1.6;margin-top:6px}.gate-icon{width:38px;height:38px;flex:none;border-radius:10px;display:grid;place-items:center;background:#eaf1df;color:var(--green)}.gate-icon.warn{background:#fdf1e0;color:#a8712a}.gate-form{display:flex;flex-direction:column;gap:14px}.gate-field{display:flex;flex-direction:column;gap:7px}.gate-field>span{font-size:11px;letter-spacing:.6px;color:#7d867c}.gate-field input{height:41px;border:1px solid #dfe5d7;border-radius:8px;background:#fff;padding:0 12px;font-size:13px;color:#2a372f;transition:border-color .16s,box-shadow .16s}.gate-field input:focus{outline:none;border-color:#9ab98b;box-shadow:0 0 0 3px #e4efdb}.gate-check{display:flex;align-items:center;gap:8px;font-size:11.5px;color:#7d867c;cursor:pointer}.gate-check input{accent-color:var(--green);width:14px;height:14px}.gate-submit{height:42px;justify-content:center;gap:7px;font-size:13px;margin-top:4px}.gate-error{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#b14238;background:#fdeeea;border:1px solid #f5d6cf;border-radius:7px;padding:8px 10px}.gate-note{display:flex;align-items:center;gap:6px;font-size:10.5px;color:#96a093;line-height:1.5;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.gate-state{display:flex;flex-direction:column;align-items:center;gap:13px;text-align:center;padding:16px 0 8px;color:var(--muted)}.gate-state h2{font-size:17px;font-weight:600;color:#2a372f}.gate-state p{font-size:12px;line-height:1.65;max-width:300px}.gate-state .button{margin-top:4px}.header-user{display:flex;align-items:center;gap:9px;padding-left:14px;margin-left:2px;border-left:1px solid var(--line)}.header-user .who{display:flex;flex-direction:column;line-height:1.25}.header-user .who b{font-size:11.5px;font-weight:600;letter-spacing:.2px}.header-user .who small{font-size:9.5px;color:#96a093;letter-spacing:.8px}.tut-modal{width:min(1080px,calc(100vw - 40px));height:min(780px,calc(100dvh - 48px));max-height:calc(100dvh - 48px)}.tut-inner{padding:24px 26px 0;height:100%;display:flex;flex-direction:column;overflow:hidden}.tut-head{margin-bottom:14px;flex:none}.tut-head h2{font-size:22px;margin-top:8px}.tut-body{display:grid;grid-template-columns:224px minmax(0,1fr);gap:22px;min-height:0;flex:1;padding-bottom:20px}.tut-nav{display:flex;flex-direction:column;gap:3px;overflow:auto;padding-right:6px;border-right:1px solid var(--line);scrollbar-width:thin}.tut-nav button{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:8px;font-size:12.5px;color:#5e6b5d;text-align:left;transition:background .14s,color .14s}.tut-nav button:hover{background:#f2f6ea}.tut-nav button.active{background:var(--green);color:#f3f8e8}.tut-nav button.active .tut-no{color:#c3d9a5}.tut-no{font-family:DM Sans Variable,monospace;font-size:10px;letter-spacing:.6px;color:#a9b2a6;min-width:16px}.tut-content{overflow:auto;padding-right:12px;scrollbar-width:thin;display:flex;flex-direction:column;gap:14px;animation:tutIn .22s ease}@keyframes tutIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.tut-content header{flex:none}.tut-content h3{font-size:19px;font-weight:600;letter-spacing:-.3px;margin-top:7px}.tut-content p{font-size:12.5px;line-height:1.78;color:#41503f}.tut-content code{font-family:DM Sans Variable,ui-monospace,monospace;background:#eef3e6;border:1px solid #e0e8d5;border-radius:4px;padding:1px 5px;font-size:11.5px;color:#2f5b40}.tut-list{display:flex;flex-direction:column;gap:9px;margin:0;padding-left:16px;font-size:12.5px;line-height:1.72;color:#41503f}.tut-list li::marker{color:#9ab98b}.tut-steps{display:flex;flex-direction:column;gap:11px;margin:0;padding:0;list-style:none;counter-reset:step}.tut-steps li{counter-increment:step;display:grid;grid-template-columns:26px minmax(0,1fr);gap:11px;align-items:start;font-size:12.5px;line-height:1.7;color:#41503f}.tut-steps li:before{content:counter(step,decimal-leading-zero);grid-row:span 2;font-family:DM Sans Variable,monospace;font-size:10px;letter-spacing:.4px;color:#f3f8e8;background:var(--green);border-radius:6px;height:24px;display:grid;place-items:center}.tut-steps li strong{display:block;grid-column:2;font-size:12.5px;color:#25352a}.tut-steps li span{grid-column:2;font-size:12px;color:#5a6a59;line-height:1.7}.tut-table{width:100%;border-collapse:collapse;font-size:11.5px}.tut-table th{text-align:left;padding:8px 10px;background:#f3f7eb;color:#5d6d59;font-weight:600;letter-spacing:.3px;border-bottom:1px solid #e2e9d8}.tut-table td{padding:8px 10px;border-bottom:1px solid #edf1e6;color:#46553f;line-height:1.6;vertical-align:top}.tut-table tr:last-child td{border-bottom:0}.tut-callout{background:#f5f8ee;border:1px solid #e3ebd6;border-left:3px solid #8fae74;border-radius:8px;padding:13px 15px;display:flex;flex-direction:column;gap:6px}.tut-callout strong{font-size:12px;color:#2f5b40;letter-spacing:.2px}.tut-callout p{font-size:12px;line-height:1.72;color:#53634f}.tut-tip{font-size:12px;color:#6b7a67;background:#f7f9f2;border-radius:7px;padding:10px 12px;border:1px dashed #dde6d2;line-height:1.7}.tut-tip kbd{font-family:DM Sans Variable,monospace;font-size:10.5px;background:#fff;border:1px solid #dde4d3;border-bottom-width:2px;border-radius:4px;padding:1px 4px;color:#3c4f3b}.tut-foot{display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding:16px 0 4px;flex:none}.tut-foot .button.gap{gap:7px}.button.ghost{background:#f2f6ea;color:#4a5c47;border:1px solid #e2e9d8}.button.ghost:hover:not(:disabled){background:#eaf1de}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1180px){.tut-body{grid-template-columns:190px minmax(0,1fr);gap:16px}}@media(max-width:820px){.tut-body{grid-template-columns:1fr}.tut-nav{flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--line);padding:0 0 10px;max-height:96px}.tut-nav button{padding:6px 9px;font-size:11.5px}.tut-no{display:none}}.button.primary:disabled{opacity:1;background:#cfdfca;border-color:#c3d6bd;color:#53624d}.gate-card{max-width:calc(100vw - 40px);min-width:0}.gate-brand small,.gate-note{color:#63705f}.gate-field>span{color:#5f6b5e}.main-nav button,.panel-tabs button,.text-button,.breadcrumb>span,.select-label,.segmented button{color:#657161}.sidebar-intro p,.eyebrow,.section-label>span,.footer-brand{color:#6b7864}.preset-copy small,.preset-card.active .preset-copy small,.side-hint,.control-hint,.panel-note,.sidebar-footer,.scene-title p,.scene-title h2 span,.scene-title>div,.section-meta,.section-tip,.workspace-footer,.toggle-row small,.modal-description,.export-note,.field-label,.collection-toolbar>p,.help-list p,.empty-state p,.keyboard-hints{color:#66735f}.control-label>label{color:#5f6d5b}.number-field{color:#65715f}.technical-tag{color:#717e6a}.control-hint{font-size:9px;line-height:1.5}.file-tag{color:#5f7354}.export-preview>div>span,.export-styles small,.export-note,.secondary-exports button span,.prompt-copy,.saved-card p{color:#66735f}.export-styles button,.secondary-exports button{color:#5f6d5b}.export-styles strong,.save-summary{color:#5f7354}.export-main>span{color:#66735f}.export-section-head>span,.export-section-head>small,.camera-note{color:#6b7864}@media(max-width:700px){.header-user .who{display:none}.header-actions{gap:2px}.header-actions>.button.ghost{padding:0 8px}.header-actions>.button.ghost span{display:none}.brand{overflow:hidden;white-space:nowrap}.brand small{display:none}.brand>span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis}}@media(max-width:480px){.gate{padding:20px 12px}.gate-card{width:100%;max-width:100%;padding:24px 18px 22px}.gate-brand{font-size:17px}}@media(max-width:380px){.header-actions>.button.ghost{display:none}}.crumb-home{font-size:10px;color:#7c8b76;padding:4px 6px;border-radius:4px;white-space:nowrap}.crumb-home:hover{background:#edf2e5;color:var(--green)}.sidebar-help{margin-left:auto;color:#8d9b81;display:flex;padding:5px;border-radius:4px}.sidebar-help:hover{background:#edf2e5;color:var(--green)}.home-page,.tutorial-page{min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(1100px 520px at 78% -8%,#eaf1df,#eaf1df00 68%),#f8f9f5}.home-header{height:76px;min-height:76px;display:flex;align-items:center;gap:32px;padding:0 28px;border-bottom:1px solid var(--line);background:#fdfefbf0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.home-header .brand{min-width:253px}.home-nav{display:flex;gap:4px;margin-left:6px}.home-nav a{font-size:12px;color:#687662;padding:8px 12px;border-radius:999px;transition:background .14s,color .14s}.home-nav a:hover{background:#eef3e7;color:var(--green)}.home-nav a.active{background:#edf3e5;color:var(--green);font-weight:600}.home-user{margin-left:auto;display:flex;align-items:center;gap:10px}.home-user .who{display:flex;flex-direction:column;line-height:1.25;text-align:right}.home-user .who b{font-size:11.5px;font-weight:600}.home-user .who small{font-size:9.5px;color:#96a093;letter-spacing:.5px}.home-main{width:min(1180px,calc(100% - 56px));margin:0 auto;padding:64px 0 72px;flex:1}.home-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:48px;align-items:center;padding:8px 0 56px}.home-hero-copy{min-width:0}.home-hero-art{margin:0;background:#fff;border:1px solid #e2e8dc;border-radius:18px;padding:22px 22px 18px;box-shadow:0 18px 44px #2f4a2a14;display:flex;flex-direction:column;gap:14px}.home-hero-art-head{display:flex;align-items:baseline;justify-content:space-between}.home-hero-art-head b{font-family:Manrope Variable,sans-serif;font-size:20px;color:#2f5b40;letter-spacing:-.4px}.home-hero-art svg{width:100%;height:auto;display:block}.home-hero-legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin:0;padding:0;list-style:none;font-size:12px;color:#5f6f5f}.home-hero-legend li{display:flex;align-items:center;gap:6px}.home-hero-legend i{height:10px;width:10px;border-radius:3px}.home-hero-art figcaption{font-size:12px;color:#7b8877;border-top:1px solid #edf0e8;padding-top:12px}.home-hero h1{font-family:Manrope Variable,sans-serif;font-size:clamp(38px,5vw,62px);line-height:1.08;letter-spacing:-2.4px;font-weight:800;margin-top:16px;color:#1f3026}.home-hero h1 span{color:#6f9254}.home-hero-copy>p{margin-top:20px;max-width:600px;font-size:15px;line-height:1.85;color:#55654f}.home-hero-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.home-cta{height:42px;padding:0 18px;font-size:12px}.home-stats{display:flex;align-items:center;gap:14px;margin-top:34px;color:#7b8877;font-size:10px;letter-spacing:.4px;flex-wrap:wrap}.home-stats strong{color:#2f5b40;font-size:16px;font-family:Manrope Variable,sans-serif;margin-right:4px}.home-stats i{height:14px;width:1px;background:#dfe5d8}.home-tools{margin-top:14px}.home-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.home-section-head h2{font-size:22px;font-weight:600;margin-top:8px}.home-section-head>p{font-size:11px;color:#76816f}.home-grid{display:grid;grid-template-columns:1.35fr .9fr;gap:16px}.home-card{background:#fff;border:1px solid #e2e8dc;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:12px;min-height:260px;box-shadow:0 10px 30px #2f4a2a0a}.home-card-main{background:linear-gradient(150deg,#f3f8ea,#fff 62%);border-color:#cfdfc2}.home-card-upcoming{background:#f7f8f3;color:#7a8575}.home-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.home-card-icon{height:42px;width:42px;border-radius:11px;display:grid;place-items:center;background:#e9f1df;color:#4d7041}.home-badge{font-size:9px;padding:4px 8px;border-radius:999px;background:#e3efd7;color:#4e7141;font-weight:600;white-space:nowrap}.home-badge.muted{background:#e8ebe3;color:#7c8878}.home-card h3{font-size:19px;font-weight:650;letter-spacing:-.3px}.home-card p{font-size:11.5px;line-height:1.8;color:#657161}.home-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.home-tags li{font-size:9px;padding:5px 8px;border-radius:5px;background:#f0f4e8;color:#66795a}.home-card-cta{margin-top:auto;align-self:flex-start;height:36px;font-size:11px}.home-inline-link{display:inline-flex;align-items:center;gap:6px;margin-top:auto;color:var(--green);font-size:11px;font-weight:600}.home-inline-link:hover{text-decoration:underline}.home-footer{padding:22px 28px 30px;text-align:center;font-size:9px;letter-spacing:1.4px;color:#8a9582}.tutorial-main{width:min(1180px,calc(100% - 56px));margin:0 auto;padding:48px 0 70px;flex:1}.tutorial-hero{max-width:760px;padding:6px 0 30px}.tutorial-hero h1{font-family:Manrope Variable,sans-serif;font-size:44px;line-height:1.12;letter-spacing:-1.6px;font-weight:800;margin-top:12px;color:#1f3026}.tutorial-hero p{margin-top:14px;font-size:13px;line-height:1.85;color:#5f6f5f;max-width:620px}.tutorial-cta{margin-top:20px;height:38px;font-size:11px}.tutorial-layout{display:grid;grid-template-columns:238px minmax(0,1fr);gap:28px;align-items:start}.tutorial-nav{position:sticky;top:98px;max-height:calc(100dvh - 122px);flex-direction:column;border-right:1px solid var(--line);padding:0 10px 0 0;overflow:auto}.tutorial-article{background:#fff;border:1px solid #e2e8dc;border-radius:16px;padding:30px 34px;overflow:visible;box-shadow:0 10px 30px #2f4a2a0a;min-height:460px;gap:16px}.tutorial-article h2{font-size:24px;font-weight:650;letter-spacing:-.5px;margin-top:7px;color:#24352a}.tutorial-article p{font-size:12.5px;line-height:1.8;color:#41503f}.tutorial-article header{flex:none}.tut-faq{display:grid;gap:14px}.tut-faq>div{border-bottom:1px solid #edf0e8;padding-bottom:13px}.tut-faq>div:last-child{border-bottom:0;padding-bottom:0}.tut-faq strong{font-size:12.5px;color:#33463a}.tut-faq p{margin-top:6px;font-size:12px;color:#5f6f5f;line-height:1.75}@media(max-width:980px){.home-hero{grid-template-columns:1fr;gap:28px}.home-hero-art{max-width:620px}.home-grid{grid-template-columns:1fr 1fr}.home-card-main{grid-column:1/-1;min-height:0}.home-card-upcoming{grid-column:1/-1}.home-card{min-height:0}.tutorial-layout{grid-template-columns:200px minmax(0,1fr);gap:18px}.tutorial-main,.home-main{width:calc(100% - 40px)}}@media(max-width:820px){.tutorial-layout{grid-template-columns:1fr}.tutorial-nav{position:static;max-height:none;flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--line);padding:0 0 10px;overflow:visible}.tutorial-nav button{padding:6px 9px;font-size:11.5px}.tutorial-nav .tut-no{display:none}.tutorial-article{padding:24px 22px;min-height:0}}@media(max-width:700px){.home-header{padding:0 16px;gap:12px}.home-header .brand{min-width:0}.home-header .brand small{display:none}.home-nav{gap:2px;margin-left:0}.home-nav a{padding:7px 9px;font-size:11px}.home-user .who{display:none}.home-user .icon-button{width:28px}.home-main{width:calc(100% - 32px);padding:34px 0 48px}.home-hero{padding-top:6px}.home-hero h1{font-size:38px;letter-spacing:-1.5px}.home-hero-copy>p{font-size:14px}.home-hero-art{padding:16px 14px 14px}.home-stats{gap:8px 12px}.home-stats i{display:none}.home-grid{grid-template-columns:1fr}.home-section-head{align-items:flex-start;flex-direction:column;gap:6px}.tutorial-main{width:calc(100% - 32px);padding:30px 0 48px}.tutorial-hero h1{font-size:34px}.tutorial-article{padding:20px 16px}.tutorial-article h2{font-size:21px}.tut-foot{flex-wrap:wrap}}@media(max-width:400px){.home-nav .home-nav-road{display:none}.home-hero h1{font-size:33px}}.home-hero h1 span{white-space:nowrap}.home-card-upcoming h3{color:#5c6858}.dot.service{background:#7f898a}.route-loading{min-height:100dvh;display:grid;place-items:center;gap:10px;color:#61705c;font-size:13px;letter-spacing:.4px}.home-stats{font-size:12px;letter-spacing:.2px}.home-stats strong{font-size:18px}.home-section-head>p{font-size:13px}.home-card{padding:26px}.home-card h3{font-size:20px}.home-card p{font-size:13px;line-height:1.75}.home-tags li{font-size:11px;padding:5px 9px}.home-badge{font-size:11px;padding:4px 9px}.home-card-cta{font-size:12.5px;height:38px}.home-card-upcoming{background:transparent;border:1.5px dashed #d6dece;box-shadow:none}.home-card-upcoming .home-card-icon{background:#eef1e9;color:#8a9784}.home-footer{font-size:11px;letter-spacing:1px}.home-nav a{font-size:13px}.brand small{font-size:10px;letter-spacing:2.2px}.tutorial-hero p{font-size:14px}.tutorial-cta{font-size:12.5px}.breadcrumb{font-size:11.5px}.breadcrumb .draft-tag,.draft-tag{font-size:10px;padding:2px 6px}.crumb-home{font-size:11.5px}.canvas-toolbar .text-button{font-size:11px}.workspace-footer{font-size:10px}@media(max-width:700px){.breadcrumb{font-size:11px}.workspace-footer{font-size:9.5px}.canvas-toolbar .text-button{font-size:10.5px}.home-card{padding:22px}}.home-context{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:28px;align-items:center;margin:0 0 44px;padding:22px 26px;border:1px solid #dfe7d5;border-radius:16px;background:linear-gradient(120deg,#f2f7e9,#fdfef9 58%);box-shadow:0 10px 28px #2f4a2a0a}.home-context-copy h2{font-size:19px;margin-top:6px;color:#24362b}.home-context-copy p{font-size:12px;line-height:1.75;color:#687662;margin-top:6px}.home-context-grid{display:grid;grid-template-columns:1.2fr .8fr auto;gap:14px;align-items:center}.home-context-grid>div{display:flex;flex-direction:column;gap:3px;padding-left:14px;border-left:1px solid #dfe7d5;min-width:0}.home-context-grid>div:first-child{padding-left:0;border-left:0}.home-context-grid small{font-size:9.5px;letter-spacing:.8px;color:#93a084}.home-context-grid strong{font-size:14px;color:#2f4b39;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-context-grid strong em{font-style:normal;font-size:10.5px;color:#96a08f;font-weight:400}.home-context-grid span{font-size:10.5px;color:#7b8873;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-context-action{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:11.5px;font-weight:600;color:#fff;background:var(--green);padding:9px 14px;border-radius:7px;transition:background .15s}.home-context-action:hover{background:var(--green-dark)}.reference-output{margin-top:18px;padding-top:16px;border-top:1px dashed #e0e7d6}.reference-output-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:9px}.reference-output-head>span{font-size:11.5px;font-weight:600;color:#526844}.reference-output-head>small{font-size:9px;color:#93a084;font-family:monospace}.reference-output-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.reference-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.reference-item{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:9px;align-items:center;padding:7px;border:1px solid #e2e8da;border-radius:7px;background:#fbfdf7;min-width:0}.reference-thumb{width:64px;height:36px;object-fit:cover;border-radius:4px;background:#eef2e7;display:block}.reference-thumb.placeholder{display:grid;place-items:center;color:#9aa78e}.reference-meta{min-width:0;display:flex;flex-direction:column;gap:2px}.reference-meta strong{font-size:10px;color:#516947}.reference-meta small{font-size:8px;color:#93a084;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reference-item-actions{display:flex;gap:4px}.reference-item-actions .prompt-action{padding:5px 7px;font-size:8px}@media(max-width:900px){.home-context{grid-template-columns:1fr;gap:16px}}@media(max-width:700px){.home-context{padding:18px;margin-bottom:30px}.home-context-grid{grid-template-columns:1fr 1fr;gap:12px}.home-context-action{grid-column:1/-1;justify-self:start}.reference-gallery{grid-template-columns:1fr}.reference-item{grid-template-columns:56px minmax(0,1fr)}.reference-item-actions{grid-column:1/-1;justify-content:flex-end}}