.ss-tool[data-astro-cid-xaohuttp]{margin:1.5rem 0}.ss-presets[data-astro-cid-xaohuttp]{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.ss-preset-btn[data-astro-cid-xaohuttp]{padding:.5rem 1rem;border:1px solid var(--border);border-radius:.5rem;background:var(--surface);color:var(--text);font-size:.875rem;cursor:pointer;transition:all var(--transition-base)}.ss-preset-btn[data-astro-cid-xaohuttp]:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.ss-layout[data-astro-cid-xaohuttp]{display:grid;grid-template-columns:380px 1fr;gap:1.5rem}.ss-panel[data-astro-cid-xaohuttp]{display:flex;flex-direction:column;gap:1rem}.ss-field[data-astro-cid-xaohuttp]{display:flex;flex-direction:column;gap:.4rem}.ss-field--toggle[data-astro-cid-xaohuttp]{flex-direction:row;align-items:center;justify-content:space-between}.ss-label[data-astro-cid-xaohuttp]{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.ss-input[data-astro-cid-xaohuttp]{padding:.5rem .75rem;border:1px solid var(--border);border-radius:.375rem;background:var(--surface);color:var(--text);font-size:.875rem;font-family:var(--font-mono)}.ss-input[data-astro-cid-xaohuttp]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 20%,transparent)}.ss-seg[data-astro-cid-xaohuttp]{display:flex;gap:.25rem;padding:.25rem;background:var(--surface-alt);border-radius:.5rem}.ss-seg__btn[data-astro-cid-xaohuttp]{flex:1;padding:.4rem .5rem;border:none;border-radius:.375rem;background:transparent;color:var(--text-secondary);font-size:.8125rem;cursor:pointer;transition:all var(--transition-base)}.ss-seg__btn[data-astro-cid-xaohuttp].is-active{background:var(--primary);color:#fff}.ss-decls__header[data-astro-cid-xaohuttp]{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.ss-decls__title[data-astro-cid-xaohuttp]{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.ss-decls__add[data-astro-cid-xaohuttp]{padding:.25rem .625rem;border:1px dashed var(--border);border-radius:.375rem;background:transparent;color:var(--primary);font-size:.75rem;cursor:pointer}.ss-decls__add[data-astro-cid-xaohuttp]:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,transparent)}.ss-decl[data-astro-cid-xaohuttp]{display:grid;grid-template-columns:1fr 1fr auto;gap:.4rem;margin-bottom:.4rem}.ss-decl__prop[data-astro-cid-xaohuttp],.ss-decl__val[data-astro-cid-xaohuttp]{padding:.375rem .5rem;border:1px solid var(--border);border-radius:.375rem;background:var(--surface);color:var(--text);font-size:.8125rem;font-family:var(--font-mono)}.ss-decl__prop[data-astro-cid-xaohuttp]:focus,.ss-decl__val[data-astro-cid-xaohuttp]:focus{outline:none;border-color:var(--primary)}.ss-decl__del[data-astro-cid-xaohuttp]{padding:.375rem .5rem;border:1px solid var(--border);border-radius:.375rem;background:var(--surface);color:var(--danger);font-size:.75rem;cursor:pointer}.ss-decl__del[data-astro-cid-xaohuttp]:hover{border-color:var(--danger)}.ss-transitions[data-astro-cid-xaohuttp]{display:flex;flex-direction:column;gap:.4rem}.ss-trans[data-astro-cid-xaohuttp]{display:grid;grid-template-columns:1fr auto auto auto auto auto auto auto;gap:.3rem;align-items:center;padding:.3rem;border:1px solid var(--border);border-radius:.375rem;background:var(--surface)}.ss-trans__prop[data-astro-cid-xaohuttp]{padding:.25rem .4rem;border:1px solid var(--border);border-radius:.25rem;background:var(--bg);color:var(--text);font-size:.75rem;font-family:var(--font-mono);min-width:0}.ss-trans__label[data-astro-cid-xaohuttp]{font-size:.7rem;color:var(--text-secondary)}.ss-trans__num[data-astro-cid-xaohuttp]{width:3rem;padding:.25rem .3rem;border:1px solid var(--border);border-radius:.25rem;background:var(--bg);color:var(--text);font-size:.75rem;text-align:center}.ss-trans__unit[data-astro-cid-xaohuttp]{font-size:.7rem;color:var(--text-secondary)}.ss-trans__select[data-astro-cid-xaohuttp]{padding:.25rem .3rem;border:1px solid var(--border);border-radius:.25rem;background:var(--bg);color:var(--text);font-size:.75rem}.ss-toggle[data-astro-cid-xaohuttp]{padding:.375rem .875rem;border:1px solid var(--border);border-radius:.375rem;background:var(--surface);color:var(--text-secondary);font-size:.8125rem;cursor:pointer;transition:all var(--transition-base)}.ss-toggle[data-astro-cid-xaohuttp].is-on{background:var(--primary);color:#fff;border-color:var(--primary)}.ss-warn[data-astro-cid-xaohuttp]{padding:.5rem .75rem;border-left:3px solid var(--warning);background:color-mix(in srgb,var(--warning) 10%,transparent);color:var(--text);font-size:.8125rem;border-radius:.25rem}.ss-output[data-astro-cid-xaohuttp]{display:flex;flex-direction:column;gap:1.5rem}.ss-preview[data-astro-cid-xaohuttp]{padding:1.5rem;border:1px solid var(--border);border-radius:.75rem;background:var(--surface)}.ss-preview__stage[data-astro-cid-xaohuttp]{min-height:160px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;border-radius:.5rem;background:linear-gradient(45deg,var(--border) 25%,transparent 25%),linear-gradient(-45deg,var(--border) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--border) 75%),linear-gradient(-45deg,transparent 75%,var(--border) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px}.ss-preview__target[data-astro-cid-xaohuttp]{padding:1.5rem 2.5rem;border-radius:.5rem;background:var(--primary);color:#fff;font-size:.9rem;font-weight:600;box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 30%,transparent)}.ss-preview__btn[data-astro-cid-xaohuttp]{padding:.5rem 1.5rem;border:none;border-radius:.5rem;background:var(--primary);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.ss-preview__btn[data-astro-cid-xaohuttp]:hover{transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 30%,transparent)}.ss-preview__hint[data-astro-cid-xaohuttp]{margin-top:.75rem;font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.ss-explain[data-astro-cid-xaohuttp]{padding:1.25rem;border:1px solid var(--border);border-radius:.75rem;background:var(--surface)}.ss-explain__title[data-astro-cid-xaohuttp]{margin:0 0 .5rem;font-size:1rem;font-weight:700;color:var(--text)}.ss-explain__text[data-astro-cid-xaohuttp]{margin:0 0 .75rem;font-size:.875rem;line-height:1.6;color:var(--text-secondary)}.ss-explain__tips[data-astro-cid-xaohuttp]{margin:0;padding-left:1.25rem;font-size:.8125rem;line-height:1.7;color:var(--text-secondary)}.ss-explain__tips[data-astro-cid-xaohuttp] li[data-astro-cid-xaohuttp]{margin-bottom:.25rem}.ss-code[data-astro-cid-xaohuttp]{border:1px solid var(--border);border-radius:.75rem;background:var(--surface);overflow:hidden}.ss-code__header[data-astro-cid-xaohuttp]{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border);background:var(--surface-alt)}.ss-code__title[data-astro-cid-xaohuttp]{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.ss-code__copy[data-astro-cid-xaohuttp]{padding:.375rem .875rem;border:1px solid var(--border);border-radius:.375rem;background:var(--surface);color:var(--primary);font-size:.8125rem;cursor:pointer;transition:all var(--transition-base)}.ss-code__copy[data-astro-cid-xaohuttp]:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.ss-code__pre[data-astro-cid-xaohuttp]{margin:0;padding:1rem;overflow-x:auto;font-size:.8125rem;line-height:1.6;font-family:var(--font-mono);color:var(--text)}@media(max-width:768px){.ss-layout[data-astro-cid-xaohuttp]{grid-template-columns:1fr}.ss-trans[data-astro-cid-xaohuttp]{grid-template-columns:1fr;gap:.5rem}}@media(max-width:414px){.ss-presets[data-astro-cid-xaohuttp]{gap:.375rem}.ss-preset-btn[data-astro-cid-xaohuttp]{padding:.375rem .625rem;font-size:.8125rem}.ss-preview__stage[data-astro-cid-xaohuttp]{min-height:120px}.ss-preview__target[data-astro-cid-xaohuttp]{padding:1rem 1.5rem;font-size:.8125rem}}