.tsg-preview{display:flex;align-items:center;justify-content:center;min-height:220px;padding:var(--tb-space-6);border-radius:var(--tb-radius-lg);border:1px solid var(--tb-border);background-color:#4ecdc4;overflow:hidden}.tsg-preview-text{font-size:var(--tb-font-size-8xl);font-weight:var(--tb-weight-bold);line-height:var(--tb-leading-tight);text-align:center;word-break:break-word;color:var(--tb-color-white)}.tsg-slider-row .tb-range{flex:1;min-width:0}.tsg-presets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:var(--tb-space-2)}.tsg-preset{display:flex;flex-direction:column;align-items:center;gap:var(--tb-space-2);padding:var(--tb-space-2);background:var(--tb-color-white);border:1px solid var(--tb-border);border-radius:var(--tb-radius-md);cursor:pointer;transition:border-color var(--tb-transition-fast),box-shadow var(--tb-transition-fast)}.tsg-preset:hover{border-color:var(--tb-color-primary);box-shadow:var(--tb-shadow-sm)}.tsg-preset-swatch{display:flex;align-items:center;justify-content:center;width:100%;height:3.25rem;border-radius:var(--tb-radius-sm);font-size:var(--tb-font-size-3xl);font-weight:var(--tb-weight-bold);line-height:var(--tb-leading-none)}.tsg-preset-name{font-size:var(--tb-font-size-xs);color:var(--tb-color-gray-500);text-align:center}.tsg-layers-list{display:flex;flex-direction:column;gap:var(--tb-space-3)}.tsg-layer-card{display:flex;flex-direction:column;gap:var(--tb-space-3);padding:var(--tb-space-3);background:var(--tb-color-gray-100);border:1px solid var(--tb-border);border-radius:var(--tb-radius-md)}.tsg-layer-header{display:flex;align-items:center;gap:var(--tb-space-2)}.tsg-layer-title{flex:1;font-size:var(--tb-font-size-sm);font-weight:var(--tb-weight-semibold);color:var(--tb-color-gray-600)}.tsg-layer-delete{padding:var(--tb-space-1) var(--tb-space-2);font-size:var(--tb-font-size-xs)}.tsg-layer-controls{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--tb-space-2) var(--tb-space-4)}.tsg-field{display:flex;flex-direction:column;gap:var(--tb-space-1)}.tsg-mini-label{font-size:var(--tb-font-size-xs);font-weight:var(--tb-weight-medium);color:var(--tb-color-gray-400)}.tsg-slider-val{font-size:var(--tb-font-size-sm);font-family:var(--tb-font-mono);color:var(--tb-color-gray-500);min-width:3rem;text-align:right;flex-shrink:0}.tsg-code-block{position:relative}.tsg-code{padding:var(--tb-space-3) var(--tb-space-4);background:var(--tb-color-gray-100);border-radius:var(--tb-radius-md);font-family:var(--tb-font-mono);font-size:var(--tb-font-size-sm);color:var(--tb-color-gray-600);line-height:var(--tb-leading-relaxed);overflow-x:auto;white-space:pre-wrap;word-break:break-all;margin:0;padding-right:6rem}.tsg-copy-btn{position:absolute;top:var(--tb-space-2);right:var(--tb-space-2);padding:var(--tb-space-1) var(--tb-space-2);font-size:var(--tb-font-size-xs)}@media(max-width:639px){.tsg-layer-controls{grid-template-columns:1fr}}