.page-module__ZWpYQa__page{min-height:100vh}.page-module__ZWpYQa__header{padding:var(--space-4xl) 0 var(--space-2xl);text-align:center;background:var(--gradient-mesh)}.page-module__ZWpYQa__pageTitle{margin-top:var(--space-lg);font-size:clamp(2rem,4vw,3rem)}.page-module__ZWpYQa__pageDesc{margin-top:var(--space-md);color:var(--color-text-secondary);max-width:560px;margin-left:auto;margin-right:auto;font-size:1.1rem}.page-module__ZWpYQa__builder{padding:var(--space-3xl) 0 var(--space-5xl)}.page-module__ZWpYQa__builderGrid{gap:var(--space-2xl);grid-template-columns:1fr 1fr;align-items:start;display:grid}.page-module__ZWpYQa__formCard{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2xl)}.page-module__ZWpYQa__formSection{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--space-md);margin-top:var(--space-xl);font-size:.85rem;font-weight:700}.page-module__ZWpYQa__formSection:first-child{margin-top:0}.page-module__ZWpYQa__fieldGrid{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.page-module__ZWpYQa__field{margin-bottom:var(--space-md)}.page-module__ZWpYQa__label{color:var(--color-text-secondary);align-items:center;gap:6px;margin-bottom:6px;font-size:.8rem;font-weight:600;display:flex}.page-module__ZWpYQa__input{background:var(--color-bg-deep);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text);font-family:var(--font-body);transition:border-color var(--transition-fast);outline:none;padding:.65rem .85rem;font-size:.9rem}.page-module__ZWpYQa__input::placeholder{color:var(--color-text-muted)}.page-module__ZWpYQa__input:focus{border-color:var(--color-primary)}.page-module__ZWpYQa__previewPanel{top:calc(var(--nav-height) + var(--space-xl));position:sticky}.page-module__ZWpYQa__previewCard{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2xl)}.page-module__ZWpYQa__previewHeader{margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;display:flex}.page-module__ZWpYQa__previewHeader h3{color:var(--color-text);font-size:1rem}.page-module__ZWpYQa__copyBtn{padding:.5rem 1rem;font-size:.85rem}.page-module__ZWpYQa__templateRow{gap:var(--space-sm);margin-bottom:var(--space-lg);display:flex}.page-module__ZWpYQa__templateBtn{background:var(--color-bg-deep);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;flex:1;align-items:center;gap:4px;padding:.6rem;font-size:.75rem;display:flex}.page-module__ZWpYQa__templateBtn:hover{border-color:var(--color-border-hover);color:var(--color-text-secondary)}.page-module__ZWpYQa__templateActive{border-color:var(--color-primary);color:var(--color-primary);background:#ef82390f}.page-module__ZWpYQa__templatePreview{font-size:1.2rem}.page-module__ZWpYQa__colorRow{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl);color:var(--color-text-muted);display:flex}.page-module__ZWpYQa__colorDot{cursor:pointer;width:22px;height:22px;transition:all var(--transition-fast);border:2px solid #0000;border-radius:50%}.page-module__ZWpYQa__colorDot:hover{transform:scale(1.15)}.page-module__ZWpYQa__colorActive{border-color:var(--color-text);box-shadow:0 0 0 2px var(--color-bg-card)}.page-module__ZWpYQa__colorPicker{border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:50%;width:22px;height:22px;padding:0;overflow:hidden}.page-module__ZWpYQa__colorPicker::-webkit-color-swatch-wrapper{padding:0}.page-module__ZWpYQa__colorPicker::-webkit-color-swatch{border:none;border-radius:50%}.page-module__ZWpYQa__previewBox{border-radius:var(--radius-md);padding:var(--space-xl);background:#fff;min-height:120px}@media (max-width:1024px){.page-module__ZWpYQa__builderGrid{grid-template-columns:1fr}.page-module__ZWpYQa__previewPanel{position:static}}@media (max-width:768px){.page-module__ZWpYQa__header{padding:var(--space-3xl) 0 var(--space-xl)}}@media (max-width:640px){.page-module__ZWpYQa__fieldGrid{grid-template-columns:1fr}.page-module__ZWpYQa__templateRow{flex-wrap:wrap}.page-module__ZWpYQa__templateBtn{flex:0 0 calc(50% - var(--space-xs))}}@media (max-width:480px){.page-module__ZWpYQa__header{padding:var(--space-2xl) 0 var(--space-lg)}.page-module__ZWpYQa__formCard,.page-module__ZWpYQa__previewCard{padding:var(--space-lg)}}