:root{font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;color:#13202f;background:#f1f4f8;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:0;min-height:100vh;overflow:hidden}button,input{font:inherit}button{border:0;cursor:pointer}.shell{display:grid;grid-template-columns:minmax(540px,1fr) minmax(320px,36vw);height:100vh;background:#f1f4f8}.stage{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;min-width:0;border-right:1px solid #d8e0ea}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 24px 10px;background:#fff;border-bottom:1px solid #d8e0ea}.eyebrow{margin:0 0 4px;color:#52708d;font-size:13px;font-weight:700}h1,h2,p{margin:0}h1{font-size:22px;line-height:1.2;font-weight:800;letter-spacing:0}h2{font-size:15px;line-height:1.2;font-weight:800;letter-spacing:0}.segmented,.tabs,.thumbs{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid #cad5e2;border-radius:8px;background:#eef3f8}.segmented button,.tabs button,.thumbs button{min-height:34px;padding:0 14px;border-radius:6px;color:#38516b;background:transparent;white-space:nowrap}.segmented button.active,.tabs button.active,.thumbs button.active{color:#0d233a;background:#fff;box-shadow:0 1px 2px #18293a1f}.control-deck{display:grid;gap:8px;padding:8px 24px;border-bottom:1px solid #d8e0ea;background:#f8fbff}.control-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.control-row:nth-child(2){grid-template-columns:168px 168px minmax(280px,1fr)}.tool-deck{display:grid;grid-template-columns:minmax(128px,150px) minmax(128px,150px) minmax(260px,1fr);gap:10px;padding:10px 24px;border-top:1px solid #d8e0ea;background:#f8fbff}.control-card{min-width:0;padding:8px 10px;border:1px solid #d7e1ec;border-radius:8px;background:#fff}.control-card .section-head{margin-bottom:8px}.control-card .choice-grid button{min-height:40px;padding:7px 10px}.control-card .choice-grid strong{margin-bottom:2px}.switch-card{display:grid;gap:4px;align-content:center}.opacity-card{display:grid;align-content:center}.view-card.control-card{margin:0;padding:8px 12px;display:grid;align-content:center}.bottom-views{width:100%}.bottom-views button{flex:1;min-height:42px;font-size:16px;font-weight:800}.viewport-wrap{position:relative;min-height:0;overflow:hidden}#scene{display:block;width:100%;height:100%}.scene-label{position:absolute;top:18px;padding:7px 10px;border-radius:7px;color:#203248;background:#ffffffd1;border:1px solid rgba(167,183,202,.75);font-size:13px;font-weight:800;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.scene-label.left{left:24px}.scene-label.right{right:24px}.answer-cover{position:absolute;top:50%;right:28px;display:grid;width:220px;transform:translateY(-50%);gap:8px;padding:12px;border:1px solid #cbd8e5;border-radius:8px;background:#ffffffe0;box-shadow:0 18px 45px #23374e1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.answer-cover strong{color:#15283b;font-size:14px;line-height:1.35}.answer-cover span{color:#526b82;font-size:12px;line-height:1.45}.answer-cover button{min-height:32px;border-radius:7px;color:#fff;background:#276fbf;font-size:13px;font-weight:800}.panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;min-width:0;height:100vh;overflow:hidden;padding:14px;background:#fbfcfe}.tabs{width:100%;margin-bottom:14px}.tabs button{flex:1;padding:0 8px}.panel-section{padding:14px 0;border-top:1px solid #dde5ef}.panel-section:first-of-type{border-top:0;padding-top:0}.photo-section{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.section-head span{color:#607992;font-size:13px;font-weight:700}.compact{margin:12px 0 8px}.compact button{min-height:28px;padding:0 10px;border-radius:6px;background:#e7edf4;color:#314960;font-size:13px;font-weight:800}.photo-section img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;object-position:center;border-radius:8px;border:1px solid #d8e0ea;background:#fff}.thumbs{margin-top:8px}.thumbs button{flex:1}.choice-grid{display:grid;gap:8px}.choice-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-grid button,.scenario-grid button{min-height:62px;padding:10px;border:1px solid #cad5e2;border-radius:8px;color:#263d55;background:#fff;text-align:left}.choice-grid button.active,.scenario-grid button.active{border-color:#276fbf;background:#eaf4ff;box-shadow:inset 0 0 0 1px #276fbf}.choice-grid strong{display:block;margin-bottom:4px;font-size:14px}.choice-grid span{display:block;color:#657a90;font-size:12px}.scenario-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.scenario-grid button{min-height:42px;text-align:center;font-weight:800}.mini-views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.mini-views div{padding:7px;border:1px solid #d8e0ea;border-radius:8px;background:#fff}.mini-views span{display:block;margin-bottom:4px;color:#5b7288;font-size:12px;font-weight:800}.mini-views canvas{width:100%;height:auto}.switch-row,.range-row{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:10px;min-height:38px;color:#344b62;font-size:14px;font-weight:700}.switch{justify-self:end;position:relative;width:48px;height:28px}.switch input{position:absolute;opacity:0}.switch i{display:block;width:100%;height:100%;border-radius:999px;background:#b7c4d2;transition:.18s ease}.switch i:after{content:"";position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:.18s ease}.switch input:checked+i{background:#276fbf}.switch input:checked+i:after{transform:translate(20px)}input[type=range]{width:100%;accent-color:#276fbf}.hidden{display:none}.ok{color:#1f8f58!important}.warn{color:#c45d28!important}@media(max-width:1180px){.shell{grid-template-columns:minmax(540px,1fr) minmax(320px,36vw)}.tool-deck{grid-template-columns:minmax(128px,150px) minmax(128px,150px) minmax(260px,1fr)}}