._container_3d1dp_1{max-width:900px;margin:0 auto;padding:var(--spacing-2xl) var(--content-padding)}._header_3d1dp_7{text-align:center;margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl);position:relative;z-index:1}._title_3d1dp_15{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}._subtitle_3d1dp_20{color:var(--text-muted-color)}._subtitle_3d1dp_20+._subtitle_3d1dp_20{margin-top:var(--spacing-md);font-size:var(--font-size-base);text-align:left}._content_3d1dp_33{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--spacing-2xl);align-items:start}._previewSection_3d1dp_41{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);position:sticky;top:calc(var(--navbar-height) + var(--spacing-xl))}._canvasWrapper_3d1dp_54{padding:var(--spacing-lg);border:1px solid var(--border-color-light);border-radius:var(--border-radius-lg);box-shadow:var(--glass-shadow),var(--shadow-lg);display:flex;align-items:center;justify-content:center;transition:border-color var(--transition-base),box-shadow var(--transition-base)}._canvasWrapper_3d1dp_54:hover{border-color:var(--border-color-accent);box-shadow:var(--glass-shadow),var(--shadow-accent)}._previewActions_3d1dp_70{display:flex;gap:var(--spacing-md)}._settingsSection_3d1dp_76{background:var(--card-bg-color);border:1px solid var(--border-color-light);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:var(--glass-shadow)}._settingsTitle_3d1dp_84{font-size:var(--font-size-xl);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color-light)}._settingGroup_3d1dp_91{margin-bottom:var(--spacing-lg)}._settingHeader_3d1dp_95{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}._settingHeader_3d1dp_95 label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}._copyBtn_3d1dp_107{padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px solid var(--border-color-medium);border-radius:var(--border-radius-sm);color:var(--text-muted-color);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast)}._copyBtn_3d1dp_107:hover{border-color:var(--accent-color);color:var(--accent-color)}._textarea_3d1dp_123{min-height:80px}._hint_3d1dp_127{font-size:var(--font-size-xs);color:var(--text-muted-color);margin-top:var(--spacing-xs)}._sizeValue_3d1dp_133{font-family:var(--font-mono);color:var(--accent-color);font-weight:var(--font-weight-bold)}._slider_3d1dp_140{width:100%;height:8px;appearance:none;background:var(--border-color-medium);border-radius:4px;cursor:pointer}._slider_3d1dp_140::-webkit-slider-thumb{appearance:none;width:20px;height:20px;background:var(--accent-color);border-radius:50%;cursor:pointer}._colorSettings_3d1dp_159{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}._colorGroup_3d1dp_166 label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm)}._colorInput_3d1dp_173{display:flex;gap:var(--spacing-sm);align-items:center}._colorInput_3d1dp_173 input[type=color]{width:var(--touch-target-min);height:var(--touch-target-min);border:1px solid var(--border-color-medium);border-radius:var(--border-radius-sm);cursor:pointer;padding:0;background:transparent;-webkit-appearance:none;appearance:none;overflow:hidden}._colorInput_3d1dp_173 input[type=color]::-webkit-color-swatch-wrapper{padding:0}._colorInput_3d1dp_173 input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}._colorInput_3d1dp_173 input[type=color]::-moz-color-swatch{border:none;border-radius:2px}._colorText_3d1dp_209{flex:1;padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-color);background:rgba(var(--overlay-rgb),.05);border:1px solid var(--border-color-medium);border-radius:var(--border-radius-sm);text-transform:uppercase}._presets_3d1dp_222 ._groupHeading_3d1dp_222{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm)}._presetButtons_3d1dp_229{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}._presetButtons_3d1dp_229 button{min-height:var(--touch-target-min);padding:var(--spacing-sm) var(--spacing-md);background:rgba(var(--overlay-rgb),.05);border:1px solid var(--border-color-medium);border-radius:var(--border-radius-full);color:var(--text-secondary-color);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}._presetButtons_3d1dp_229 button:hover{border-color:var(--accent-color);color:var(--accent-color)}._presetButtons_3d1dp_229 button:active{transform:scale(.97)}@media (max-width: 768px){._content_3d1dp_33{grid-template-columns:1fr}._previewSection_3d1dp_41{position:static;order:1}._canvasWrapper_3d1dp_54{width:200px;max-width:200px;margin:0 auto;aspect-ratio:1 / 1}._canvasWrapper_3d1dp_54 canvas{width:100%!important;height:100%!important;max-width:100%;max-height:100%;object-fit:contain}._settingsSection_3d1dp_76{order:2}._colorSettings_3d1dp_159{grid-template-columns:1fr}._presetButtons_3d1dp_229{gap:var(--spacing-xs)}._presetButtons_3d1dp_229 button{flex:1;min-width:80px;justify-content:center;min-height:var(--touch-target-ideal)}}@media (max-width: 480px){._container_3d1dp_1{padding:var(--spacing-lg) .75rem;overflow-x:hidden}}._typeLabel_3d1dp_316{display:block;margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}._typeRow_3d1dp_323{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}._typeButton_3d1dp_330{padding:.4rem .9rem;border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background:transparent;color:var(--text-muted-color);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base)}._typeButton_3d1dp_330:hover{border-color:var(--accent-color);color:var(--text-color)}._typeActive_3d1dp_346{background:var(--accent-color);border-color:var(--accent-color);color:var(--on-accent-color)}._fieldRow_3d1dp_352{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}@media (max-width: 576px){._fieldRow_3d1dp_352{grid-template-columns:1fr}}._select_3d1dp_364{width:100%;padding:.65rem .75rem;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--input-bg-color);color:var(--text-color);font-family:inherit;font-size:var(--font-size-base)}._checkboxRow_3d1dp_375{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);font-size:var(--font-size-sm);cursor:pointer}._warnHint_3d1dp_386{margin:var(--spacing-md) 0 0;padding:var(--spacing-md);border-radius:var(--border-radius-sm);background:color-mix(in srgb,var(--warning-color) 12%,transparent);border:1px solid color-mix(in srgb,var(--warning-color) 35%,transparent);font-size:var(--font-size-sm);line-height:1.5;color:var(--text-color)}._payloadPreview_3d1dp_397{margin:0;padding:var(--spacing-md);max-height:9rem;overflow:auto;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:rgba(var(--card-bg-rgb),.5);font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:1.5;white-space:pre-wrap;word-break:break-all;color:var(--text-muted-color)}