:root{font-family:SF Pro Display,SF Pro Text,PingFang SC,Microsoft YaHei,sans-serif;color:#111827;background:#f7f9fc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:1280px;min-height:100vh}a{color:inherit}.page{min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 32px;border-bottom:1px solid #dbe2ea;background:#fff}.brand,.subtitle{margin:0}.brand{font-size:15px;font-weight:700}.subtitle{margin-top:2px;color:#6b7280;font-size:12px}.nav{display:flex;gap:20px;font-size:13px;text-decoration:none}.nav a{color:#374151}.nav a:hover{color:#1d4ed8}.content{width:960px;margin:0 auto;padding:72px 0}.meta{display:flex;gap:8px;margin-bottom:18px;color:#1d4ed8;font-size:12px}.meta span{padding:5px 10px;border:1px solid #bfdbfe;border-radius:999px;background:#eff6ff}h1{margin:0;font-size:30px;line-height:1.25}.content>p{margin:14px 0 0;color:#4b5563;font-size:15px;line-height:1.7}.panel{margin-top:38px;padding:26px;border:1px solid #dbe2ea;border-radius:12px;background:#fff}.panel p{margin:0;color:#6b7280;font-size:14px;line-height:1.7}.actions{margin-top:20px}.actions a{color:#1d4ed8;font-size:14px;font-weight:600;text-decoration:none}.workflow-steps{display:flex;align-items:center;justify-content:center;gap:24px;min-width:1280px;padding:22px 32px;border-bottom:1px solid #dbe2ea;background:#fff}.step{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:13px}.step.active{color:#1d4ed8;font-weight:700}.step-index{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid #d1d5db;border-radius:50%;background:#fff;font-size:12px}.step.active .step-index{border-color:#1d4ed8;background:#eff6ff}.intake-layout,.result-layout{display:grid;grid-template-columns:minmax(680px,1fr) 380px;align-items:start;gap:24px;width:min(1280px,calc(100% - 64px));margin:24px auto 64px}.card{padding:22px;border:1px solid #dbe2ea;border-radius:12px;background:#fff;box-shadow:0 1px 2px #1118270a}.form-column,.summary-column{display:grid;gap:18px}.summary-column{position:sticky;top:24px}.card h2{margin:0 0 16px;font-size:17px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:grid;gap:7px}.field label,.field-note,legend{color:#4b5563;font-size:13px}.field label{font-weight:600}.field-note{margin:-8px 0 14px}input,select,textarea{width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#111827;font:inherit}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid rgba(59,130,246,.35);outline-offset:1px}small{color:#6b7280}.chip-row{display:flex;flex-wrap:wrap;gap:9px}.chip-grid{display:grid;gap:18px}fieldset{margin:0;padding:0;border:0}legend{margin-bottom:8px;font-weight:600}.chip{padding:8px 13px;border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:#374151;cursor:pointer;font:inherit}.chip.selected{border-color:#1d4ed8;background:#eff6ff;color:#1d4ed8;font-weight:700}.primary{width:100%;margin-top:14px;padding:12px 16px;border:0;border-radius:8px;background:#1d4ed8;color:#fff;font:inherit;font-weight:700;cursor:pointer}.primary:disabled{cursor:not-allowed;opacity:.55}.summary-list{display:grid;gap:11px;margin:0}.summary-list div,.component-preview article{display:flex;justify-content:space-between;gap:14px}.summary-list dt,.component-preview span{color:#6b7280;font-size:13px}.summary-list dd{margin:0;text-align:right}.parsed-result ul,.validation-list{padding-left:18px;color:#4b5563;font-size:13px;line-height:1.6}.status{margin-top:16px;color:#1d4ed8;font-size:13px;font-weight:600}.error{padding:12px;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#b91c1c;font-size:13px}.component-preview{display:grid;gap:10px;margin-bottom:16px}.component-preview article{padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;font-size:13px}.validation-list li{margin-bottom:8px}.validation-list li.block strong{margin-right:6px;color:#b91c1c}.validation-list li.warn strong{margin-right:6px;color:#b45309}.result-layout{grid-template-columns:minmax(0,1fr) minmax(320px,420px)}.result-layout .status{margin:12px 0 0}.button-link{display:inline-block;padding:11px 16px;border-radius:8px;background:#1d4ed8;color:#fff;font-size:14px;font-weight:700;text-decoration:none}.button-link.secondary{border:1px solid #cbd5e1;background:#fff;color:#374151}@media (max-width: 1360px){.intake-layout,.result-layout{grid-template-columns:1fr;width:min(880px,calc(100% - 40px))}.summary-column{position:static}}.compare-header{display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(1280px,calc(100% - 64px));margin:28px auto 22px}.compare-header h1{font-size:28px}.compare-header p{margin:8px 0 0;color:#6b7280}.primary.inline{width:auto;margin-top:0}.error.wide{width:min(1280px,calc(100% - 64px));margin:0 auto 18px}.loading,.compare-empty{width:min(1280px,calc(100% - 64px));margin:0 auto}.compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;width:min(1280px,calc(100% - 64px));margin:0 auto}.scheme-card{overflow:hidden;border:1px solid #dbe2ea;border-radius:12px;background:#fff}.scheme-card.selected{border-color:#1d4ed8;box-shadow:0 0 0 2px #1d4ed824}.scheme-visual{position:relative;display:grid;align-items:end;min-height:210px;padding:24px;background:linear-gradient(180deg,#0b1120f0,#3b82f6b8)}.visual-wall{position:absolute;left:15%;right:15%;top:22%;height:46%;border-radius:4px;background:#ffffff2e}.visual-led{position:absolute;left:25%;right:25%;top:30%;height:28%;border-radius:2px;background:#22d3eea6}.visual-floor{height:38px;border-radius:6px;background:#ffffff3d}.selected-badge,.blocked-badge{position:absolute;top:14px;left:14px;padding:6px 10px;border-radius:999px;font-size:12px}.selected-badge{background:#eff6ff;color:#1d4ed8}.blocked-badge{background:#fef2f2;color:#b91c1c}.scheme-body{padding:22px}.scheme-body h2{margin:0;font-size:18px}.scheme-body>p{min-height:46px;margin:9px 0 16px;color:#6b7280;font-size:13px;line-height:1.6}.scheme-body dl{margin:0 0 18px}.scheme-body dl div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e5e7eb;font-size:13px}.scheme-body dt{color:#6b7280}.scheme-body dd{margin:0;font-weight:700}.scheme-actions{display:grid;gap:10px;justify-items:center}.text-link{color:#4b5563;font-size:13px}.compare-help{width:min(1280px,calc(100% - 64px));margin:22px auto 64px}.compare-help p{margin:0 0 14px;color:#6b7280}.scheme-mini-list{display:grid;gap:10px;padding:0;list-style:none}.scheme-mini-list li{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:13px}.scheme-mini-list span{color:#6b7280}@media (max-width: 1180px){.compare-grid{grid-template-columns:1fr}}.studio-page{display:grid;grid-template-rows:auto auto minmax(0,1fr);min-height:100vh;background:#f7f9fc}.studio-topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px;padding:12px 28px;border-bottom:1px solid #dbe2ea;background:#fff}.studio-title{display:flex;align-items:center;gap:14px}.studio-title a{color:#4b5563;font-size:13px}.studio-title h1{margin:0;font-size:18px}.version-pill{padding:5px 10px;border:1px solid #bfdbfe;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:12px}.studio-actions{display:flex;align-items:center;gap:12px}.studio-actions .dirty{color:#b45309;font-size:13px}.studio-actions .clean{color:#6b7280;font-size:13px}.studio-actions button,.studio-actions .primary{padding:10px 14px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#374151;font:inherit;font-size:13px;cursor:pointer}.studio-actions .primary{border-color:#1d4ed8;background:#1d4ed8;color:#fff;text-decoration:none;font-weight:700}.studio-actions button:disabled,.studio-actions .primary:disabled{cursor:not-allowed;opacity:.55}.studio-error{width:calc(100% - 56px);margin:14px auto 0}.studio-layout{display:grid;grid-template-columns:250px minmax(0,1fr) 280px;gap:0;min-height:0;height:calc(100vh - 78px)}.studio-side,.studio-properties{overflow:auto;padding:20px;background:#fff}.studio-side{border-right:1px solid #dbe2ea}.studio-properties{border-left:1px solid #dbe2ea}.studio-side h2,.studio-properties h2{margin:18px 0 12px;font-size:15px}.studio-side h2:first-child,.studio-properties h2:first-child{margin-top:0}.component-list{display:grid;gap:8px;margin:0 0 18px;padding:0;list-style:none}.component-item{width:100%;padding:10px;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;color:#111827;cursor:pointer;text-align:left}.component-item.selected{border-color:#1d4ed8;background:#eff6ff}.component-item strong,.component-item span{display:block;font-size:13px}.component-item span{margin-top:3px;color:#6b7280}.constraint-list{padding:0;list-style:none;font-size:12px;line-height:1.5}.constraint-list li{margin-bottom:8px}.constraint-list li.block strong{margin-right:5px;color:#b91c1c}.constraint-list li.warn strong{margin-right:5px;color:#b45309}.live-status{margin:-6px 0 12px;padding:9px 10px;border-radius:8px;background:#f9fafb;color:#6b7280;font-size:12px}.live-status.blocked{border:1px solid #fecaca;background:#fef2f2;color:#b91c1c}.construction-note{margin-top:18px;padding:12px;border:1px solid #fde68a;border-radius:8px;background:#fffbeb}.construction-note strong{display:block;margin-bottom:5px;font-size:12px}.construction-note p{margin:0;color:#92400e;font-size:12px;line-height:1.5}.studio-main{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;background:#0b1120}.studio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 18px;border-bottom:1px solid rgba(255,255,255,.08);color:#9ca3af;font-size:12px}.view-switch{display:flex;gap:8px}.view-switch button{padding:7px 12px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:transparent;color:#cbd5e1;cursor:pointer;font:inherit;font-size:12px}.view-switch button.selected{border-color:#22d3ee;background:#22d3ee1f;color:#e0f2fe}.studio-canvas{min-width:0;min-height:0}.studio-canvas canvas{width:100%!important;height:100%!important;display:block}.studio-properties fieldset{margin:0 0 16px;padding:0;border:0}.studio-properties legend,.selected-name{margin-bottom:8px;font-weight:700}.selected-name{font-size:15px}.component-kind{margin:-4px 0 16px;color:#6b7280;font-size:12px}.property-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.property-grid label{display:grid;gap:5px;color:#4b5563;font-size:12px}.material-label{display:grid;gap:6px;margin-bottom:16px;color:#4b5563;font-size:12px}.selected-validation h3{margin:0 0 8px;font-size:13px}.selected-validation ul{padding-left:18px;color:#4b5563;font-size:12px;line-height:1.6}.source-note{margin:16px 0 0;color:#6b7280;font-size:12px}.studio-loading{display:grid;place-content:center;gap:18px;min-height:100vh;justify-items:center}