.twp[data-astro-cid-gnvbxfe6]{margin:24px 0}.twp__presets[data-astro-cid-gnvbxfe6]{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;background:var(--color-bg-soft, rgba(0, 0, 0, .03));border:1px solid var(--color-border);border-radius:var(--radius-md)}.twp__presets-label[data-astro-cid-gnvbxfe6]{font-size:14px;font-weight:600;color:var(--color-text)}.twp__preset-btn[data-astro-cid-gnvbxfe6]{padding:5px 14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-size:13px;cursor:pointer;transition:all .15s ease}.twp__preset-btn[data-astro-cid-gnvbxfe6]:hover{border-color:var(--color-accent, #2563eb);color:var(--color-accent, #2563eb)}.twp__main[data-astro-cid-gnvbxfe6]{display:grid;grid-template-columns:1fr 520px;gap:16px;align-items:start}.twp__config[data-astro-cid-gnvbxfe6],.twp__output[data-astro-cid-gnvbxfe6]{display:flex;flex-direction:column;gap:16px}.twp__panel[data-astro-cid-gnvbxfe6]{padding:14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg)}.twp__panel-title[data-astro-cid-gnvbxfe6]{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--color-text)}.twp__radio-group[data-astro-cid-gnvbxfe6]{display:flex;flex-direction:column;gap:8px}.twp__radio[data-astro-cid-gnvbxfe6]{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text);cursor:pointer}.twp__radio[data-astro-cid-gnvbxfe6] input[data-astro-cid-gnvbxfe6][type=radio]{accent-color:var(--color-accent, #2563eb)}.twp__input[data-astro-cid-gnvbxfe6]{width:100%;padding:7px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-size:13px;font-family:ui-monospace,SF Mono,Consolas,monospace}.twp__input[data-astro-cid-gnvbxfe6]:focus{outline:2px solid var(--color-accent, #2563eb);outline-offset:1px;border-color:var(--color-accent, #2563eb)}.twp__field[data-astro-cid-gnvbxfe6]{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.twp__field[data-astro-cid-gnvbxfe6]:last-child{margin-bottom:0}.twp__field-label[data-astro-cid-gnvbxfe6]{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;color:var(--color-text-muted, #6b7280)}.twp__field-value[data-astro-cid-gnvbxfe6]{font-family:ui-monospace,SF Mono,Consolas,monospace;color:var(--color-accent, #2563eb)}.twp__field[data-astro-cid-gnvbxfe6] input[data-astro-cid-gnvbxfe6][type=range]{width:100%;accent-color:var(--color-accent, #2563eb)}.twp__select[data-astro-cid-gnvbxfe6]{width:100%;padding:6px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-size:13px}.twp__select[data-astro-cid-gnvbxfe6]:focus{outline:2px solid var(--color-accent, #2563eb);outline-offset:1px;border-color:var(--color-accent, #2563eb)}.twp__textarea[data-astro-cid-gnvbxfe6]{width:100%;padding:10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-size:13px;line-height:1.6;font-family:inherit;resize:vertical}.twp__textarea[data-astro-cid-gnvbxfe6]:focus{outline:2px solid var(--color-accent, #2563eb);outline-offset:1px;border-color:var(--color-accent, #2563eb)}.twp__text-actions[data-astro-cid-gnvbxfe6]{display:flex;gap:8px;margin-top:8px}.twp__text-btn[data-astro-cid-gnvbxfe6]{padding:4px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-size:12px;cursor:pointer;transition:all .15s ease}.twp__text-btn[data-astro-cid-gnvbxfe6]:hover{border-color:var(--color-accent, #2563eb);color:var(--color-accent, #2563eb)}.twp__preview-tabs[data-astro-cid-gnvbxfe6]{display:flex;gap:4px;padding:4px;background:var(--color-bg-soft, rgba(0, 0, 0, .03));border:1px solid var(--color-border);border-radius:var(--radius-md)}.twp__tab[data-astro-cid-gnvbxfe6]{flex:1;padding:7px 12px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted, #6b7280);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.twp__tab--active[data-astro-cid-gnvbxfe6]{background:var(--color-bg);color:var(--color-accent, #2563eb);box-shadow:0 1px 3px #00000014}.twp__preview-area[data-astro-cid-gnvbxfe6]{padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);overflow:auto}.twp__preview-single[data-astro-cid-gnvbxfe6]{display:flex;flex-direction:column;gap:10px}.twp__preview-label[data-astro-cid-gnvbxfe6]{font-size:12px;color:var(--color-text-muted, #6b7280)}.twp__preview-label[data-astro-cid-gnvbxfe6] strong[data-astro-cid-gnvbxfe6]{color:var(--color-accent, #2563eb);font-family:ui-monospace,SF Mono,Consolas,monospace}.twp__preview-box[data-astro-cid-gnvbxfe6]{border:1px dashed var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-soft, rgba(0, 0, 0, .02));color:var(--color-text);overflow:hidden;word-break:break-word}.twp__preview-compare[data-astro-cid-gnvbxfe6]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.twp__compare-item[data-astro-cid-gnvbxfe6]{display:flex;flex-direction:column;gap:8px}.twp__explain[data-astro-cid-gnvbxfe6]{padding:14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-soft, rgba(0, 0, 0, .02))}.twp__explain-title[data-astro-cid-gnvbxfe6]{margin:0 0 10px;font-size:14px;font-weight:600;color:var(--color-text)}.twp__explain-body[data-astro-cid-gnvbxfe6]{font-size:13px;line-height:1.7;color:var(--color-text)}.twp__explain-body[data-astro-cid-gnvbxfe6] strong[data-astro-cid-gnvbxfe6]{color:var(--color-accent, #2563eb)}.twp__explain-body[data-astro-cid-gnvbxfe6] p[data-astro-cid-gnvbxfe6]{margin:6px 0 0}.twp__explain-tip[data-astro-cid-gnvbxfe6]{margin-top:10px;padding:8px 12px;border-radius:var(--radius-sm);background:var(--color-bg);border:1px solid var(--color-border);font-size:12px;line-height:1.6;color:var(--color-text-muted, #6b7280);display:flex;gap:6px;align-items:flex-start}.twp__tip-icon[data-astro-cid-gnvbxfe6]{flex-shrink:0}.twp__code-section[data-astro-cid-gnvbxfe6]{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.twp__code-header[data-astro-cid-gnvbxfe6]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--color-bg-soft, rgba(0, 0, 0, .03));border-bottom:1px solid var(--color-border)}.twp__code-title[data-astro-cid-gnvbxfe6]{font-size:13px;font-weight:600;color:var(--color-text)}.twp__copy-btn[data-astro-cid-gnvbxfe6]{padding:4px 14px;border:1px solid var(--color-accent, #2563eb);border-radius:var(--radius-sm);background:var(--color-accent, #2563eb);color:#fff;font-size:12px;cursor:pointer;transition:all .15s ease}.twp__copy-btn[data-astro-cid-gnvbxfe6]:hover{opacity:.9}.twp__copy-btn[data-astro-cid-gnvbxfe6]:disabled{opacity:.6;cursor:default}.twp__code[data-astro-cid-gnvbxfe6]{margin:0;padding:12px;max-height:320px;overflow:auto;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:12px;line-height:1.6;color:var(--color-text);background:var(--color-bg)}.twp__code[data-astro-cid-gnvbxfe6] code[data-astro-cid-gnvbxfe6]{font-family:inherit}@media(max-width:768px){.twp__main[data-astro-cid-gnvbxfe6],.twp__preview-compare[data-astro-cid-gnvbxfe6]{grid-template-columns:1fr}}@media(max-width:414px){.twp__presets[data-astro-cid-gnvbxfe6],.twp__panel[data-astro-cid-gnvbxfe6],.twp__preview-area[data-astro-cid-gnvbxfe6]{padding:10px}.twp__code[data-astro-cid-gnvbxfe6]{font-size:11px;padding:10px}}