.stable{box-sizing:border-box;width:100%;max-width:920px;margin:0 auto}.stable-lead{color:#2a2418;margin:0 0 16px;font-size:13.5px;line-height:1.55}.stable-layout{grid-template-columns:minmax(160px,240px) 1fr;align-items:start;gap:18px;display:grid}.stable-panels{flex-direction:column;gap:18px;min-width:0;display:flex}@media (width<=560px){.stable-layout{grid-template-columns:1fr}}.stable-preview-wrap{text-align:center;background:radial-gradient(80% 50% at 50% 100%,#0000000f,#0000 55%),linear-gradient(#f7f4ee 0%,#ebe4d8 100%);border:1px solid #2a241824;border-radius:12px;margin:0;padding:16px 12px 14px}.stable-preview{background:#e8e8ec;border-radius:8px;width:100%;max-width:280px;margin:0 auto;position:relative;overflow:hidden}.stable-layer{-webkit-user-select:none;user-select:none;pointer-events:none;display:block}.stable-layer-body{object-fit:fill;object-position:center center;width:100%;height:100%;position:absolute;inset:0}.stable-layer-slot{object-fit:contain;object-position:center center;filter:drop-shadow(0 1px 2px #0003);position:absolute}.stable-map{z-index:5;pointer-events:none;position:absolute;inset:0}.stable-map-box{box-sizing:border-box;background:#ff502814;border:1px solid #ffffff8c;position:absolute}.stable-map-box:after{content:attr(data-label);letter-spacing:.02em;color:#fffffff2;text-shadow:0 0 2px #000,0 1px 2px #000;white-space:nowrap;font-size:8px;font-weight:800;position:absolute;top:1px;left:2px}.stable-map-slot{background:0 0;border-style:dashed;border-width:1.5px}.stable-map-pivot{z-index:6;background:#1a6aff59;border:2px solid #1a6aff;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute;box-shadow:0 0 0 1px #fff}.stable-map-pivot:before,.stable-map-pivot:after{content:"";background:#1a6aff;position:absolute;top:50%;left:50%}.stable-map-pivot:before{width:16px;height:1px;margin:0 0 0 -8px}.stable-map-pivot:after{width:1px;height:16px;margin:-8px 0 0}.stable-map-pivot-face{background:#12a35a59;border-color:#12a35a}.stable-map-pivot-face:before,.stable-map-pivot-face:after{background:#12a35a}.stable-map-toggle{color:#3a424a;align-items:center;gap:8px;margin:0 0 12px;font-size:12px;font-weight:650;display:flex}.stable-map-toggle input{width:16px;height:16px}.stable-map-legend{color:#5a6570;margin:8px 0 0;font-size:11px;line-height:1.4}@media (width<=560px){.stable-preview{max-width:min(100%,320px)}.stable-map-box:after{font-size:7px}}.stable-preview-cap{color:#3a424a;margin:10px 0 0;font-size:12px;font-weight:750}.stable-panel h2{color:#1a4a7a;margin:0 0 8px;font-size:14px;font-weight:800}.stable-panel-note{color:#5a6570;margin:0 0 12px;font-size:12px;line-height:1.45}.stable-wear-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.stable-wear-list li{margin:0}.stable-wear-btn{text-align:left;width:100%;font:inherit;color:#1a1520;cursor:pointer;background:#fffef8;border:1px solid #2a241824;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;margin:0;padding:10px 12px;display:flex}.stable-wear-btn:hover{background:#f7fafc;border-color:#1a4a7a59}.stable-wear-btn.is-on{background:#e8f0f8;border-color:#1a4a7a;box-shadow:inset 0 0 0 1px #1a4a7a}.stable-wear-btn strong{font-size:13px;font-weight:800}.stable-wear-btn span{color:#5a6570;font-size:11.5px;line-height:1.35}.stable-foot{margin:20px 0 0;font-size:12px}