.sd-head{margin-bottom:22px}.sd-head h2{max-width:24ch}.sd-head .prose>:last-child{margin-bottom:0}.sd{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-areas:"tabs tabs" "art side";gap:16px 28px;align-items:start;padding:22px;border-radius:28px;border:1px solid #e7e1f3;background:linear-gradient(150deg,#f8f5fe 0%,#f4f7fa 60%,#f4f7fa 100%)}.sd-art{grid-area:art;overflow:hidden;border-radius:20px;border:1px solid var(--panel-line);background:linear-gradient(180deg,#f9fbfd 0%,#ffffff 70%)}.sd-stage{position:relative;transform-origin:0 0;transition:transform 0.8s cubic-bezier(0.3,0.7,0.2,1)}.sd-art .sd-base{display:block;width:100%;height:auto;overflow:hidden}.sd-art .sd-over{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.sd-tabs{grid-area:tabs;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sd-side{grid-area:side;align-self:center;padding:4px 4px 4px 0}.sd-tab{display:flex;align-items:center;gap:12px;width:100%;min-height:62px;margin:0;padding:7px 14px 7px 7px;border:1.5px solid var(--panel-line);border-radius:16px;background:#fff;color:var(--ink);font:inherit;font-weight:600;line-height:1.25;text-align:left;cursor:pointer;transition:border-color 0.2s ease,box-shadow 0.2s ease,background-color 0.2s ease}.sd-tab:hover{border-color:#b9a6e6}.sd-tab[aria-selected="true"]{border-color:#8a63d2;background:#fbf9ff;box-shadow:inset 0 0 0 1px #8a63d2,0 8px 18px rgba(138,99,210,0.14)}.sd-tab-icon{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#f4f7fa}.sd-tab[aria-selected="true"] .sd-tab-icon{background:#f1ecfb}.sd-tab-icon .dw{width:44px;height:44px}.sd-words{margin-top:0}.js .sd-panel:not(.is-on){display:none}.no-js .sd-tabs{display:none}.no-js .sd-words{margin-top:0}.no-js .sd-panel + .sd-panel{margin-top:18px}.sd-panel h3{margin:0 0 8px;font-size:1.25rem}.sd-panel p{margin:0 0 10px}.sd-panel p:last-child{margin-bottom:0}.sd-note{margin:16px 4px 0;color:var(--muted);font-size:0.95rem;max-width:70ch}.sd-pause{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:16px 0 0;padding:0 16px 0 12px;border:1.5px solid var(--panel-line);border-radius:999px;background:#fff;color:var(--ink);font:inherit;font-weight:600;font-size:0.92rem;cursor:pointer}.sd-pause:hover{border-color:#8a63d2}.sd-pause[hidden]{display:none}.sd-pause-icon{width:12px;height:12px;border-left:4px solid currentColor;border-right:4px solid currentColor}.sd-pause[aria-pressed="true"] .sd-pause-icon{width:0;height:0;border-left:11px solid currentColor;border-right:0;border-top:7px solid transparent;border-bottom:7px solid transparent}.sd-svg [data-m]{opacity:0;visibility:hidden;transition:opacity 0.5s ease,visibility 0s linear 0.5s}.sd[data-way="tower"] [data-m="tower"],.sd[data-way="wall"] [data-m="wall"],.sd[data-way="hvac"] [data-m="hvac"]{opacity:1;visibility:visible;transition:opacity 0.5s ease,visibility 0s linear 0s}.sd-svg [data-fx]{display:none}.sd[data-way="tower"] [data-fx="tower"],.sd[data-way="wall"] [data-fx="wall"],.sd[data-way="hvac"] [data-fx="hvac"]{display:inline;animation:sd-in 0.9s ease both}@keyframes sd-in{from{opacity:0}to{opacity:1}}.dw .sd-fan{transform-box:fill-box;transform-origin:center;animation:sd-turn 1.6s linear infinite paused}.dw.is-on .sd-fan{animation-play-state:paused}.sd[data-way="hvac"] .dw.is-on .sd-fan{animation-play-state:running}@keyframes sd-turn{to{transform:rotate(360deg)}}.sd.is-paused .dw *,.sd.is-paused [data-fx]{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.sd-svg [data-m],.sd-stage,.sd-tab{transition:none}}@media (max-width:980px){.sd{grid-template-columns:minmax(0,1fr);grid-template-areas:"tabs" "art" "side";gap:14px;padding:16px;border-radius:24px}.sd-side{padding:0}.sd-tabs{gap:8px}.sd-tab{flex-direction:column;justify-content:flex-start;gap:6px;min-height:92px;padding:8px 6px 10px;text-align:center;font-size:0.95rem}.sd-words{margin-top:4px;padding:0 4px}.sd-pause{margin-left:4px}}@media (max-width:560px){.sd-art .sd-base{aspect-ratio:1.42}}@media (max-width:420px){.sd{padding:10px;margin:0 -6px;border-radius:20px}.sd-art{border-radius:14px}.sd-tab{font-size:0.9rem;padding:7px 4px 9px}.sd-tab-icon{width:42px;height:42px}.sd-tab-icon .dw{width:40px;height:40px}}@media (orientation:landscape) and (max-height:500px){.sd{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-template-areas:"tabs tabs" "art side";gap:10px 16px;padding:12px}.sd-tabs{gap:8px}.sd-tab{flex-direction:row;gap:8px;min-height:48px;padding:4px 10px 4px 4px;text-align:left;font-size:0.9rem}.sd-tab-icon{width:38px;height:38px}.sd-tab-icon .dw{width:36px;height:36px}.sd-words{margin-top:0;padding:0}.sd-side{align-self:start}.sd-panel h3{font-size:1.1rem}.sd-panel p{font-size:0.95rem}}