.home-page,.tools-page,.projects-page,.new-project-page{gap:28px;display:grid}.new-project-page{max-width:960px;margin:0 auto}.wizard-steps{border:1px solid var(--color-divider);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-panel);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.wizard-steps li{color:var(--color-text-muted);padding:14px 16px;font-size:.875rem}.wizard-steps li+li{border-left:1px solid var(--color-divider)}.wizard-steps li[aria-current=step]{background:var(--color-accent-soft);color:var(--color-ink);font-weight:650}.source-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.source-options h2{grid-column:1/-1}.source-options button{border-color:var(--color-divider);background:var(--color-surface);min-height:128px;color:var(--color-ink);font-family:var(--font-display);font-size:1.25rem}.wizard-panel{border:1px solid var(--color-divider);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-panel);gap:22px;padding:28px;display:grid}.wizard-panel label{max-width:560px;color:var(--color-text-muted);gap:8px;font-size:.875rem;display:grid}.wizard-panel input,.wizard-panel select{min-height:40px;padding:8px 10px}.wizard-panel dl,.wizard-panel dl div{gap:8px;display:grid}.wizard-panel dl{margin:0}.wizard-panel dl div{border-top:1px solid var(--color-divider);grid-template-columns:140px 1fr;padding:12px 0}.wizard-panel dt{color:var(--color-text-muted)}.wizard-panel dd{margin:0}.wizard-actions{justify-content:flex-end;gap:10px;display:flex}.home-introduction{isolation:isolate;border:1px solid var(--color-divider);border-radius:var(--radius-lg);background:linear-gradient(135deg, #ffffffeb, #edf3f0c7), var(--color-surface);max-width:none;box-shadow:var(--shadow-panel);gap:14px;padding:34px 40px;display:grid;position:relative;overflow:clip}.home-introduction:before{z-index:-1;content:"";opacity:.68;pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#0f766e1c 1px,#0000 1px),linear-gradient(0deg,#2454a617 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:44px 44px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;animation:12s ease-in-out infinite alternate home-ambient-drift;position:absolute;inset:0;-webkit-mask-image:linear-gradient(115deg,#0000 0%,#000 38% 100%);mask-image:linear-gradient(115deg,#0000 0%,#000 38% 100%)}.page-heading{max-width:760px}.home-introduction h1,.page-heading h1{color:var(--color-ink);font-family:var(--font-display);margin:0;font-size:2.65rem;font-weight:700;line-height:1.1}.home-introduction h1{white-space:nowrap;max-width:1220px;font-size:2.15rem}@media (width<=1280px){.home-introduction h1{font-size:2rem}}@media (width<=1100px){.home-introduction h1{white-space:normal;font-size:2.2rem}}.home-introduction>p:last-of-type,.page-heading>p:last-child{max-width:640px;color:var(--color-text-muted)}.section-kicker{color:var(--color-accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:.75rem;font-weight:700}.home-actions,.project-controls,.view-switch,.row-actions,.section-heading-row,.project-page-heading{align-items:center;display:flex}.home-actions{flex-wrap:wrap;gap:12px;margin-top:8px}.home-introduction .section-kicker,.home-introduction h1,.home-introduction>p:not(.section-kicker),.home-actions,.capability-grid article,.recent-section{animation:home-content-enter var(--motion-duration-slow) var(--motion-ease-out) backwards}.home-introduction h1{animation-delay:80ms}.home-introduction>p:not(.section-kicker){animation-delay:.15s}.home-actions{animation-delay:.22s}.capability-grid article:nth-child(2){animation-delay:80ms}.capability-grid article:nth-child(3){animation-delay:.16s}.capability-grid article:nth-child(4){animation-delay:.24s}.recent-section{animation-delay:.26s}.primary-link,.file-action{border:1px solid var(--color-accent);border-radius:var(--radius-sm);min-height:var(--control-height);transition:color var(--motion-duration-fast) var(--motion-ease-standard), border-color var(--motion-duration-fast) var(--motion-ease-standard), background-color var(--motion-duration-fast) var(--motion-ease-standard), box-shadow var(--motion-duration-fast) var(--motion-ease-standard), transform var(--motion-duration-fast) var(--motion-ease-out);padding:9px 14px;text-decoration:none}.primary-link{background:var(--color-accent);color:var(--color-surface)}.primary-link:hover,.file-action:hover{box-shadow:var(--shadow-interactive);transform:translateY(var(--motion-hover-lift))}.file-action{color:var(--color-accent);cursor:pointer;align-items:center;display:inline-flex;position:relative;overflow:hidden}.file-action input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.file-action:focus-within{outline:2px solid var(--color-accent);outline-offset:3px}.capability-section h2,.recent-section h2,.tool-card h2{color:var(--color-ink);font-family:var(--font-display)}.capability-grid,.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.capability-grid article,.tool-card{border:1px solid var(--color-divider);border-radius:var(--radius-lg);background:var(--color-surface);min-height:148px;padding:20px;box-shadow:0 1px #17251f0a}.capability-grid article,.tool-card,.source-options button,.recent-projects li,.table-frame tbody tr{transition:background-color var(--motion-duration-fast) var(--motion-ease-standard), box-shadow var(--motion-duration-base) var(--motion-ease-out), transform var(--motion-duration-base) var(--motion-ease-out)}.capability-grid article:hover,.tool-card:not([aria-disabled=true]):hover,.source-options button:hover:not(:disabled){z-index:1;box-shadow:var(--shadow-interactive);transform:translateY(var(--motion-hover-lift));position:relative}.capability-grid p,.tool-card p,.tool-card span,.empty-note{color:var(--color-text-muted)}.section-heading-row,.project-page-heading,.project-controls{justify-content:space-between}.recent-projects{margin:0;padding:0;list-style:none;display:grid}.recent-projects li{border-top:1px solid var(--color-divider);justify-content:space-between;padding:16px 12px;display:flex}.recent-projects li:hover,.table-frame tbody tr:hover{background:var(--color-accent-soft)}.recent-projects span{color:var(--color-text-muted);font-size:.875rem}.tools-page,.projects-page{max-width:1200px;margin:0 auto}.tools-page{align-content:start}.tool-launch-card{border:1px solid color-mix(in srgb, var(--color-accent) 35%, var(--color-divider));border-radius:var(--radius-lg);background:linear-gradient(110deg, var(--color-surface) 0%, var(--color-accent-soft) 145%), var(--color-surface);box-shadow:var(--shadow-panel);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;padding:30px 32px;display:grid;overflow:hidden}.tool-launch-card h2,.planned-tools h2,.planned-tool-list h3{color:var(--color-ink);font-family:var(--font-display);margin:0}.tool-launch-card h2{margin-top:6px;font-size:1.75rem}.tool-launch-card p:last-child{max-width:620px;color:var(--color-text-muted);margin:10px 0 0}.tool-launch-card__eyebrow{color:var(--color-accent);letter-spacing:.1em;margin:0;font-size:.75rem;font-weight:750}.planned-tools{gap:14px;display:grid}.planned-tools .section-heading-row>span{color:var(--color-text-muted);font-size:.8125rem}.planned-tool-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.planned-tool-list article{border:1px solid var(--color-divider);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-surface) 72%, var(--color-canvas));min-height:92px;padding:16px 18px}.planned-tool-list h3{font-size:1rem}.planned-tool-list p{color:var(--color-text-muted);margin:8px 0 0;font-size:.8125rem}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-card[aria-disabled=true]{opacity:.62}.projects-page{gap:28px}.project-storage-note{color:var(--color-text-muted);margin:-14px 0 0;font-size:.875rem}.project-page-heading{max-width:none}.project-page-heading h1{font-size:2.5rem}.project-controls{gap:24px}.project-controls input{min-width:300px;padding:9px 12px}.view-switch,.row-actions{gap:6px}.view-switch button[aria-pressed=true]{border-color:var(--color-accent);color:var(--color-accent)}.table-frame{border:1px solid var(--color-divider);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);overflow-x:auto}.table-frame table{border-collapse:collapse;background:var(--color-surface);width:100%}.table-frame th,.table-frame td{border-bottom:1px solid var(--color-divider);text-align:left;white-space:nowrap;padding:14px 16px}.table-frame th{color:var(--color-text-muted);letter-spacing:.04em;font-size:.75rem;font-weight:600}.table-frame tbody tr:last-child td{border-bottom:0}.row-actions button{padding:4px 8px;font-size:.8125rem}.project-operation-menu{min-width:244px}.project-operation-menu summary{color:var(--color-accent);cursor:pointer}.project-operation-menu[open] .row-actions{flex-wrap:wrap;margin-top:8px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes home-content-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes home-ambient-drift{to{opacity:.42;transform:translate(-18px)}}@media (width<=1100px){.tool-launch-card{grid-template-columns:1fr}.tool-launch-card .primary-link{justify-self:start}.planned-tool-list{grid-template-columns:repeat(2,minmax(0,1fr))}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-canvas:#f3f6f5;--color-canvas-elevated:#e9efed;--color-surface:#fff;--color-surface-muted:#edf2f0;--color-surface-subtle:#f7f9f8;--color-ink:#15231e;--color-text:#2d3a35;--color-text-muted:#66756f;--color-accent:#0f766e;--color-accent-strong:#2454a6;--color-accent-soft:#e2f3f1;--color-accent-warm:#b4652a;--color-warning:#9f5c22;--color-danger:#a33d3d;--color-divider:#d7e0dc;--color-muted:#edf3f0;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--control-height:40px;--toolbar-height:56px;--font-ui:Inter, "Microsoft YaHei", "PingFang SC", sans-serif;--font-display:Inter, "Microsoft YaHei", "PingFang SC", sans-serif;--motion-duration-fast:.18s;--motion-duration-base:.32s;--motion-duration-slow:.64s;--motion-ease-out:cubic-bezier(.22, 1, .36, 1);--motion-ease-standard:cubic-bezier(.4, 0, .2, 1);--motion-hover-lift:-2px;--shadow-panel:0 10px 30px #17251f14;--shadow-floating:0 22px 64px #17251f29;--shadow-interactive:0 12px 28px #17251f1f}*{box-sizing:border-box}html{background:var(--color-canvas);min-width:1024px}body{background:var(--color-canvas);color:var(--color-text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.5}button,input,select,textarea{color:inherit;font:inherit;border:1px solid var(--color-divider);border-radius:var(--radius-sm);background:var(--color-surface)}button,input,select,textarea,a{transition:color var(--motion-duration-fast) var(--motion-ease-standard), border-color var(--motion-duration-fast) var(--motion-ease-standard), background-color var(--motion-duration-fast) var(--motion-ease-standard), box-shadow var(--motion-duration-fast) var(--motion-ease-standard), transform var(--motion-duration-fast) var(--motion-ease-out)}button{min-height:var(--control-height);cursor:pointer;justify-content:center;align-items:center;padding:.5rem .75rem;font-weight:550;display:inline-flex}button:hover:not(:disabled){border-color:var(--color-accent);transform:translateY(var(--motion-hover-lift));box-shadow:0 8px 20px #17251f1a}button:active:not(:disabled){transform:translateY(-1px)}button:disabled{cursor:not-allowed;color:var(--color-text-muted);background:var(--color-surface-subtle);opacity:.7}input,select,textarea{min-height:var(--control-height);padding:.45rem .65rem}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-accent) 46%, var(--color-divider))}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}::selection{background:var(--color-surface-muted);color:var(--color-ink)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.public-shell{min-height:100vh}.site-filing-footer{border-top:1px solid var(--color-divider);background:var(--color-surface);color:var(--color-text-muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 16px;padding:12px 24px;font-size:.75rem;display:flex}.site-filing-footer a:hover{color:var(--color-accent)}.project-shell+.site-filing-footer,.standalone-tool-shell+.site-filing-footer{display:none}.public-header,.project-header{z-index:30;border-bottom:1px solid var(--color-divider);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;justify-content:space-between;align-items:center;min-height:56px;padding:0 28px;display:flex;position:sticky;top:0;box-shadow:0 1px #17251f0a}.public-brand,.project-brand{color:var(--color-ink);font-family:var(--font-display);letter-spacing:.01em;align-items:center;gap:10px;font-size:1.125rem;font-weight:700;text-decoration:none;display:inline-flex}.brand-icon{flex:none;width:26px;height:26px}.brand-icon rect{fill:var(--color-accent)}.brand-icon path{fill:none;stroke:#fff;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.brand-icon circle{fill:#fff}.public-navigation{color:var(--color-text-muted);align-items:center;gap:22px;font-size:.875rem;display:flex}.public-navigation a{text-decoration:none}.public-navigation a:hover{color:var(--color-accent);transform:translateY(-2px)}.public-navigation a.active{color:var(--color-accent);text-decoration:underline;-webkit-text-decoration-color:var(--color-divider);text-decoration-color:var(--color-divider);text-underline-offset:.45em}.public-navigation [aria-disabled=true]{cursor:not-allowed;opacity:.58}.public-content{max-width:1440px;margin:0 auto;padding:40px}.project-shell{background:var(--color-canvas);grid-template-rows:auto minmax(0,1fr);height:100vh;min-height:0;display:grid;overflow:hidden}.project-header{min-width:0;padding:0 20px}.project-context,.project-actions{align-items:center;gap:12px;min-width:0;display:flex}.project-context-divider{background:var(--color-divider);align-self:stretch;width:1px;margin:14px 0}.project-name{color:var(--color-ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.save-state{color:var(--color-text-muted);font-size:.8125rem}.save-state-error{color:var(--color-warning)}.save-error{color:var(--color-warning);align-items:center;gap:8px;font-size:.8125rem;display:flex}.project-layout{grid-template-columns:192px minmax(0,1fr);height:100%;min-height:0;display:grid;overflow:hidden}.project-sidebar{border-right:1px solid var(--color-divider);background:linear-gradient(180deg, #fffffff0, #f8faf8f0), var(--color-surface);flex-direction:column;justify-content:space-between;min-height:0;padding:18px 14px;display:flex;overflow-y:auto}.project-navigation-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.project-navigation-list a,.project-navigation-list span{border-radius:var(--radius-sm);padding:8px 10px;text-decoration:none;display:block}.project-navigation-list a{transition:color var(--motion-duration-fast) var(--motion-ease-standard), background-color var(--motion-duration-fast) var(--motion-ease-standard), transform var(--motion-duration-fast) var(--motion-ease-out)}.project-navigation-list a:hover{background:var(--color-accent-soft);color:var(--color-accent);transform:translate(4px)}.project-navigation-list a.active{background:var(--color-accent-soft);box-shadow:inset 2px 0 var(--color-accent);color:var(--color-accent);font-weight:600}.project-navigation-list [aria-disabled=true]{color:var(--color-text-muted);cursor:not-allowed;opacity:.62}.project-list-link{border-top:1px solid var(--color-divider);color:var(--color-text-muted);padding:16px 10px 0;font-size:.8125rem}.project-content{min-width:0;height:100%;min-height:0;overflow:hidden}.project-source-rebind{border:1px solid var(--color-divider);border-radius:var(--radius-sm);background:var(--color-surface);align-items:center;gap:10px;margin:12px 16px 0;padding:8px 10px;display:inline-flex;box-shadow:0 8px 24px #17251f14}.topology-version-dialog{z-index:40;border:1px solid var(--color-divider);border-radius:var(--radius-md);background:var(--color-surface);width:min(420px,100vw - 32px);max-height:calc(100vh - 32px);box-shadow:var(--shadow-floating);animation:dialog-enter var(--motion-duration-base) var(--motion-ease-out) both;gap:16px;padding:24px;display:grid;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.topology-version-dialog h2,.topology-version-summary__panel h2{color:var(--color-ink);font-family:var(--font-display);margin:0}.topology-version-dialog label{gap:8px;display:grid}.topology-version-dialog input,.topology-version-dialog select,.topology-version-dialog textarea{min-height:40px;padding:8px 10px}.topology-version-dialog textarea{resize:vertical;min-height:72px}.topology-version-dialog select{width:100%;min-width:0;max-width:100%}.topology-version-dialog__source-issue{overflow-wrap:anywhere;color:var(--color-warning);margin:0;font-size:.8125rem}.topology-version-dialog__actions{justify-content:flex-end;gap:8px;display:flex}.topology-version-summary{z-index:20;pointer-events:none;justify-items:end;gap:8px;max-width:min(360px,100vw - 32px);display:grid;position:fixed;bottom:20px;right:20px}.topology-version-summary>*{pointer-events:auto}.topology-version-summary__toggle{border:1px solid var(--color-divider);border-radius:var(--radius-sm);background:var(--color-accent);min-height:36px;box-shadow:var(--shadow-panel);color:#fff;padding:6px 12px;font-weight:600}.topology-version-summary.is-open .topology-version-summary__toggle{background:var(--color-surface);color:var(--color-accent)}.topology-version-summary__panel{border:1px solid var(--color-divider);border-radius:var(--radius-md);background:var(--color-surface);width:min(360px,100vw - 32px);max-height:min(52vh,420px);box-shadow:var(--shadow-panel);animation:summary-enter var(--motion-duration-base) var(--motion-ease-out) both;padding:14px 16px;overflow:auto}.topology-version-summary__panel ul{margin:8px 0 0;padding-left:20px}.topology-version-summary__panel li{overflow-wrap:anywhere;gap:4px;display:grid}.topology-version-summary__panel time{color:var(--color-text-muted);font-size:.75rem}.topology-version-summary__empty{gap:10px;margin-top:8px;display:grid}.topology-version-summary__empty p{color:var(--color-text-muted);margin:0;font-size:.875rem}.topology-version-summary__action{justify-self:start;min-height:28px;padding:3px 8px;font-size:.78rem}.topology-version-summary{bottom:20px;right:20px}.topology-version-summary__panel p{color:var(--color-text-muted);margin:0;font-size:.8rem}.topology-version-summary__item{border-bottom:1px solid var(--color-divider);padding-bottom:8px}.topology-version-summary__item:last-child{border-bottom:0}.topology-version-summary__item small{color:var(--color-text-muted);font-size:.75rem}.topology-version-source{overflow-wrap:anywhere;gap:2px;min-width:0;display:grid}.topology-version-source__label{overflow-wrap:anywhere;min-width:0}.topology-version-summary__bindings{border-left:2px solid var(--color-divider);gap:4px;margin:4px 0 0;padding-left:10px;display:grid}.topology-version-summary__bindings li{gap:2px}@keyframes dialog-enter{0%{opacity:0;transform:translate(-50%,calc(12px - 50%))scale(.98)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes summary-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.drawing-surface{border:1px solid var(--color-divider);border-radius:var(--radius-md);background:#111827;min-height:620px;position:relative;overflow:hidden}.dxf-viewer-mount,.fallback-grid,.annotation-overlay,.empty-state{position:absolute;inset:0}.dxf-viewer-mount{z-index:1;background:#111827}.dxf-viewer-mount canvas{width:100%!important;height:100%!important}.fallback-grid{z-index:0;background-color:#111827;background-image:linear-gradient(#94a3b838 1px,#0000 1px),linear-gradient(90deg,#94a3b838 1px,#0000 1px);background-size:40px 40px}.annotation-overlay{z-index:2;pointer-events:none}.fit-view-button{z-index:5;background:#fffffff0;border-color:#94a3b8b8;font-weight:700;position:absolute;top:12px;right:12px;box-shadow:0 8px 24px #0f172a2e}.annotation-overlay .annotation-node-marker{cursor:pointer;pointer-events:all}.annotation-overlay .annotation-edge-line{cursor:pointer;pointer-events:stroke}.annotation-tooltip{z-index:4;border-radius:var(--radius-md);color:#f8fafc;pointer-events:none;white-space:nowrap;background:#0f172af0;border:1px solid #0f172a3d;max-width:min(280px,100% - 24px);padding:6px 9px;font-size:13px;font-weight:700;line-height:1.35;position:absolute;transform:translate(12px,calc(-100% - 12px));box-shadow:0 8px 24px #0f172a38}.empty-state{z-index:3;color:#cbd5e1;justify-content:center;align-items:center;display:flex}@media (width<=900px){.drawing-surface{min-height:520px}}