.ic-hero{background:var(--navy);border-radius:var(--radius-lg);padding:28px 24px;margin-bottom:16px}.ic-hero-badge{font-size:12px;color:#9FB0CC;letter-spacing:0.06em;text-transform:uppercase;margin-bottom:8px}.ic-hero-desc{max-width:560px}.sw-panel{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.sw-controls{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:20px}.sw-field label{display:block;font-size:12.5px;font-weight:600;color:var(--text2);margin-bottom:8px}.sw-field--symbols{flex:1 1 380px}.sw-field-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.sw-field-head label{margin-bottom:0}.sw-symbol-count{font-size:11px;font-weight:700;color:var(--text2);background:var(--bg);border:1px solid var(--border);padding:3px 9px;border-radius:var(--radius-pill);white-space:nowrap;transition:all .15s}.sw-symbol-count.is-full{color:var(--accent);border-color:var(--accent);background:rgba(242,101,34,0.08)}.sw-type-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.sw-type-tab{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text2);padding:9px 14px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg);cursor:pointer;transition:all .15s}.sw-type-tab i{font-size:15px}.sw-type-tab:hover{border-color:var(--accent);color:var(--accent)}.sw-type-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.sw-radio-group{display:flex;flex-wrap:wrap;gap:10px}.sw-radio{display:flex;align-items:center;gap:6px;font-size:13px;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:var(--bg)}.sw-checkbox-group:not([hidden]){display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.sw-symbol{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.sw-checkbox{position:relative;display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:500;color:var(--text);padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);cursor:pointer;transition:border-color .15s,background .15s,color .15s}.sw-checkbox:hover{border-color:var(--accent)}.sw-check-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sw-check-dot{flex:0 0 auto;width:16px;height:16px;border-radius:5px;border:1.5px solid var(--border);background:var(--bg);display:flex;align-items:center;justify-content:center;transition:all .15s}.sw-check-dot::after{content:'';width:7px;height:7px;border-radius:2px;background:transparent;transition:background .15s}.sw-checkbox:has(.sw-symbol:checked){background:rgba(242,101,34,0.08);border-color:var(--accent);color:var(--accent);font-weight:600}.sw-checkbox:has(.sw-symbol:checked) .sw-check-dot{background:var(--accent);border-color:var(--accent)}.sw-checkbox:has(.sw-symbol:checked) .sw-check-dot::after{background:#fff}.sw-checkbox:has(.sw-symbol:disabled){opacity:.4;cursor:not-allowed}.sw-checkbox:has(.sw-symbol:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.sw-preview-wrap{margin:20px 0}.sw-preview-label{font-size:12.5px;font-weight:600;color:var(--text2);margin-bottom:8px}.sw-preview{background:var(--bg3);border-radius:var(--radius);padding:20px;display:flex;justify-content:center}.sw-code-block{margin-top:14px}.sw-code-head{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:6px}.sw-copy-btn{font-size:12px;padding:5px 10px;border-radius:6px;border:1px solid var(--border);background:var(--bg);cursor:pointer}.sw-copy-btn:hover{background:var(--bg3)}.sw-code-textarea{width:100%;font-family:var(--font-mono);font-size:12px;padding:10px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:var(--text);resize:vertical}.sw-note{font-size:12.5px;color:var(--text2);margin-top:16px}