.gg-layout{display:flex;flex-direction:column;gap:var(--tb-space-5)}.gg-controls{display:flex;flex-direction:column;gap:var(--tb-space-3)}.gg-gap-3{gap:var(--tb-space-3)}.gg-preview-section{position:relative}.gg-preview{min-height:220px;border-radius:var(--tb-radius-lg);border:1px solid var(--tb-color-gray-200);background:linear-gradient(90deg,#ff6b6b,#4ecdc4)}.gg-preview:fullscreen{border-radius:0;border:none;min-height:100vh}.gg-preview-actions{position:absolute;top:var(--tb-space-3);right:var(--tb-space-3);display:flex;gap:var(--tb-space-2)}.gg-action-btn{display:inline-flex;align-items:center;gap:var(--tb-space-1);padding:var(--tb-space-1) var(--tb-space-2);font-size:var(--tb-font-size-xs);background:var(--tb-color-white);opacity:.85;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.gg-action-btn:hover{opacity:1}.gg-slider-row{display:flex;align-items:center;gap:var(--tb-space-2)}.gg-slider-row .tb-range{flex:1}.gg-input-narrow{width:4.5rem;text-align:center;font-variant-numeric:tabular-nums}.gg-unit{font-size:var(--tb-font-size-sm);color:var(--tb-color-gray-400);flex-shrink:0;width:1rem}.gg-pos-group{display:flex;flex-direction:column;gap:var(--tb-space-2)}.gg-pos-label{font-size:var(--tb-font-size-xs);font-weight:600;color:var(--tb-color-gray-400);width:1rem;flex-shrink:0;text-align:center}.gg-pos-val{font-size:var(--tb-font-size-sm);font-family:var(--tb-font-mono);color:var(--tb-color-gray-500);min-width:2.5rem;text-align:right;flex-shrink:0}.gg-shared-controls{display:flex;flex-direction:column;gap:var(--tb-space-4)}.gg-stop-bar{position:relative;height:2rem;border-radius:var(--tb-radius-md);border:1px solid var(--tb-color-gray-200);cursor:crosshair;background:linear-gradient(90deg,#ff6b6b,#4ecdc4)}.gg-stop-handle{position:absolute;top:50%;width:1.25rem;height:1.25rem;border-radius:var(--tb-radius-full);border:2px solid var(--tb-color-white);box-shadow:0 0 0 1px var(--tb-color-gray-300),0 1px 3px #00000026;transform:translate(-50%,-50%);cursor:grab;z-index:2;transition:box-shadow var(--tb-transition-fast),transform var(--tb-transition-fast)}.gg-stop-handle:hover{transform:translate(-50%,-50%) scale(1.15)}.gg-stop-handle.is-active{box-shadow:0 0 0 2px var(--tb-color-primary),0 1px 4px #0003;z-index:3}.gg-stop-handle.is-dragging{cursor:grabbing;transform:translate(-50%,-50%) scale(1.2)}.gg-stop-handle__picker{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.gg-stop-actions{display:flex;align-items:center;gap:var(--tb-space-2);margin-top:var(--tb-space-2)}.gg-btn-sm{padding:var(--tb-space-1) var(--tb-space-2);font-size:var(--tb-font-size-xs)}.gg-color-row{display:flex;align-items:center;gap:var(--tb-space-2)}.gg-native-picker{width:var(--tb-space-8);height:var(--tb-space-8);padding:var(--tb-space-1);border:1px solid var(--tb-color-gray-200);border-radius:var(--tb-radius-md);background:var(--tb-color-bg);cursor:pointer;flex-shrink:0}.gg-input-color{width:6rem;font-family:var(--tb-font-mono);font-size:var(--tb-font-size-sm)}.gg-mesh-editor{position:relative}.gg-mesh-canvas{width:100%;aspect-ratio:3 / 2;border-radius:var(--tb-radius-lg);border:1px solid var(--tb-color-gray-200);cursor:crosshair;touch-action:none}.gg-mesh-point-panel{position:absolute;display:flex;flex-direction:column;gap:var(--tb-space-2);padding:var(--tb-space-3);background:var(--tb-color-white);border:1px solid var(--tb-color-gray-200);border-radius:var(--tb-radius-md);box-shadow:0 4px 16px #00000026;z-index:10;min-width:11rem}.gg-mesh-point-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--tb-space-2)}.gg-mesh-point-panel__label{font-size:var(--tb-font-size-xs);font-weight:600;color:var(--tb-color-gray-400);text-transform:uppercase;letter-spacing:.05em}.gg-mesh-point-panel__field{display:flex;align-items:center;gap:var(--tb-space-2)}.gg-mesh-point-panel__field .tb-range{flex:1;min-width:0}.gg-mesh-point-panel__field .gg-pos-val{min-width:2rem;font-size:var(--tb-font-size-xs)}.gg-layers-section{margin-top:var(--tb-space-3);border-top:1px solid var(--tb-color-gray-200);padding-top:var(--tb-space-3)}.gg-layers-title{display:block;margin-bottom:var(--tb-space-2)}.gg-layers-list{display:flex;flex-direction:column;gap:var(--tb-space-1)}.gg-layer-row{display:flex;align-items:center;gap:var(--tb-space-2);padding:var(--tb-space-2) var(--tb-space-2);border-radius:var(--tb-radius-md);border:1px solid transparent;cursor:pointer;transition:background var(--tb-transition-fast),border-color var(--tb-transition-fast)}.gg-layer-row:hover{background:var(--tb-color-gray-100)}.gg-layer-row.is-active{border-color:var(--tb-color-primary);background:var(--tb-color-gray-100)}.gg-layer-swatch{width:1.25rem;height:1.25rem;border-radius:var(--tb-radius-full);border:1px solid var(--tb-color-gray-200);flex-shrink:0}.gg-layer-hex{flex:1;font-family:var(--tb-font-mono);font-size:var(--tb-font-size-sm);color:var(--tb-color-gray-500)}.gg-layer-btn{width:1.5rem;height:1.5rem;padding:0;border:none;border-radius:var(--tb-radius-sm);background:none;color:var(--tb-color-gray-400);font-size:var(--tb-font-size-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color var(--tb-transition-fast),background var(--tb-transition-fast)}.gg-layer-btn:hover:not(:disabled){color:var(--tb-color-gray-600);background:var(--tb-color-gray-200)}.gg-layer-btn:disabled{opacity:.3;cursor:default}.gg-layer-btn--delete:hover:not(:disabled){color:var(--tb-color-danger);background:#ef44441a}.gg-presets-section{border-top:1px solid var(--tb-color-gray-200);padding-top:var(--tb-space-3)}.gg-section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;background:none;border:none;cursor:pointer;color:var(--tb-color-gray-600)}.gg-section-toggle[aria-expanded=true] .gg-chevron{transform:rotate(180deg)}.gg-chevron{transition:transform var(--tb-transition-fast);color:var(--tb-color-gray-400)}.gg-presets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(4.5rem,1fr));gap:var(--tb-space-2);margin-top:var(--tb-space-3)}.gg-preset-swatch{aspect-ratio:1;border-radius:var(--tb-radius-md);border:2px solid transparent;cursor:pointer;padding:0;transition:transform var(--tb-transition-fast),border-color var(--tb-transition-fast)}.gg-preset-swatch:hover{transform:scale(1.08);border-color:var(--tb-color-gray-300)}.gg-preset-swatch.is-active{border-color:var(--tb-color-primary)}.gg-section-title{font-size:var(--tb-font-size-base);font-weight:600;color:var(--tb-color-gray-600);margin:0}.gg-output-section{display:flex;flex-direction:column;gap:var(--tb-space-3);border-top:1px solid var(--tb-color-gray-200);padding-top:var(--tb-space-4)}.gg-code-block{position:relative}.gg-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:1.6;overflow-x:auto;white-space:pre-wrap;word-break:break-all;margin:0}.gg-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)}.gg-details{border:none}.gg-details-summary{font-size:var(--tb-font-size-sm);font-weight:500;color:var(--tb-color-gray-500);cursor:pointer;padding:var(--tb-space-1) 0;-webkit-user-select:none;user-select:none}.gg-details-summary:hover{color:var(--tb-color-gray-600)}.gg-details[open] .gg-code-block{margin-top:var(--tb-space-2)}.gg-export-section{display:flex;flex-direction:column;gap:var(--tb-space-3);border-top:1px solid var(--tb-color-gray-200);padding-top:var(--tb-space-4)}.gg-export-actions{display:flex;gap:var(--tb-space-2);flex-wrap:wrap}.gg-export-actions .tb-btn{display:inline-flex;align-items:center;gap:var(--tb-space-1)}@media(max-width:639px){.gg-preview{min-height:160px}.gg-action-btn .tb-sm-inline{display:none}.gg-stop-bar{height:2.5rem}.gg-stop-handle{width:1.5rem;height:1.5rem}}@media(min-width:640px){.gg-preview{min-height:280px}}