.Sb8sPa_container{max-width:1200px;color:var(--text-primary);margin:0 auto;padding:1rem;font-family:Inter,sans-serif}.Sb8sPa_header{text-align:center;margin-bottom:2rem}.Sb8sPa_title{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.Sb8sPa_subtitle{color:var(--text-secondary);font-size:1.1rem}.Sb8sPa_typeBar{background:var(--bg-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-lg);scrollbar-width:none;gap:1rem;margin-bottom:2rem;padding:1rem;display:flex;overflow-x:auto}.Sb8sPa_typeBtn{border-radius:var(--radius-md);min-width:80px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-colors);background:0 0;border:1px solid #0000;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;display:flex}.Sb8sPa_typeBtn:hover{background:var(--bg-hover);color:var(--text-primary)}.Sb8sPa_typeBtn.Sb8sPa_active{background:rgba(var(--primary-rgb), .1);border-color:var(--primary-color);color:var(--primary-color);box-shadow:0 4px 12px rgba(var(--primary-rgb), .2)}.Sb8sPa_grid{grid-template-columns:1.2fr .8fr;gap:2rem;display:grid}.Sb8sPa_controlsCard{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.Sb8sPa_sectionTitle{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.1rem;font-weight:600;display:flex}.Sb8sPa_inputGroup{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.Sb8sPa_label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:500}.Sb8sPa_input,.Sb8sPa_textarea,.Sb8sPa_select{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:var(--transition-colors);padding:.875rem;font-size:1rem}.Sb8sPa_input:focus,.Sb8sPa_textarea:focus,.Sb8sPa_select:focus{border-color:var(--primary-color);background:var(--bg-hover);outline:none}.Sb8sPa_textarea{resize:vertical;min-height:100px}.Sb8sPa_accordion{border-top:1px solid var(--border-color);margin-top:.5rem;padding-top:1.5rem}.Sb8sPa_shapeGrid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.Sb8sPa_toggleRow{background:var(--bg-tertiary);border-radius:var(--radius-md);gap:.5rem;padding:.25rem;display:flex}.Sb8sPa_shapeBtn{border-radius:var(--radius-md);cursor:pointer;height:40px;transition:var(--transition-colors);background:0 0;border:none;flex:1;justify-content:center;align-items:center;display:flex}.Sb8sPa_shapeBtn:hover{background:var(--bg-hover)}.Sb8sPa_shapeBtn.Sb8sPa_activeShape{background:var(--bg-hover);box-shadow:0 2px 8px #0003}.Sb8sPa_previewDot{width:16px;height:16px;color:var(--text-primary);background:currentColor}.Sb8sPa_previewDot.Sb8sPa_square{border-radius:0}.Sb8sPa_previewDot.Sb8sPa_rounded{border-radius:4px}.Sb8sPa_previewDot.Sb8sPa_circle{border-radius:50%}.Sb8sPa_previewDot.Sb8sPa_tiny-dot{border-radius:50%;width:10px;height:10px}.Sb8sPa_previewDot.Sb8sPa_diamond{border-radius:2px;transform:rotate(45deg)}.Sb8sPa_previewDot.Sb8sPa_star{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.Sb8sPa_previewDot.Sb8sPa_heart{clip-path:polygon(10% 30%,50% 15%,90% 30%,90% 60%,50% 90%,10% 60%);clip-path:path("M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z");background-color:currentColor;transform:scale(.6)}.Sb8sPa_previewEye{width:20px;height:20px;color:var(--text-primary);border:2px solid;position:relative}.Sb8sPa_previewEye:after{content:"";background:currentColor;position:absolute;inset:4px}.Sb8sPa_previewEye.Sb8sPa_eye-square,.Sb8sPa_previewEye.Sb8sPa_eye-square:after{border-radius:0}.Sb8sPa_previewEye.Sb8sPa_eye-rounded{border-radius:6px}.Sb8sPa_previewEye.Sb8sPa_eye-rounded:after{border-radius:2px}.Sb8sPa_previewEye.Sb8sPa_eye-circle{border-radius:50%}.Sb8sPa_previewEye.Sb8sPa_eye-circle:after{border-radius:50%;inset:5px}.Sb8sPa_colorGrid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.Sb8sPa_colorSwatch{border-radius:var(--radius-sm);border:2px solid var(--border-color);cursor:pointer;width:100%;height:40px;transition:transform .2s}.Sb8sPa_colorSwatch:hover{border-color:var(--text-primary);transform:scale(1.02)}.Sb8sPa_colorPickerWrapper{position:relative}.Sb8sPa_colorPickerPopover{z-index:20;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.75rem;position:absolute;top:calc(100% + .5rem);left:0;box-shadow:0 8px 24px #0000004d}.Sb8sPa_previewCard{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--card-shadow);flex-direction:column;align-items:center;gap:2rem;height:fit-content;padding:2rem;display:flex;position:sticky;top:2rem}.Sb8sPa_canvasWrapper{border-radius:var(--radius-xl);box-shadow:var(--card-shadow-hover);justify-content:center;align-items:center;padding:1.5rem;transition:transform .3s;display:flex}.Sb8sPa_canvasWrapper:hover{transform:scale(1.02)}.Sb8sPa_downloadGroup{gap:1rem;width:100%;display:flex}.Sb8sPa_downloadBtn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);text-transform:uppercase;letter-spacing:.5px;border:none;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:.9rem;font-weight:600;display:flex}.Sb8sPa_btnPrimary{background:var(--primary-color);color:var(--on-primary);box-shadow:0 4px 15px rgba(var(--primary-rgb), .3)}.Sb8sPa_btnPrimary:hover{opacity:.88;box-shadow:0 8px 25px rgba(var(--primary-rgb), .4);transform:translateY(-1px)}.Sb8sPa_btnPrimary:active{transform:translateY(0)}.Sb8sPa_btnSecondary{border:1px solid var(--border-color);color:var(--text-primary);background:0 0}.Sb8sPa_btnSecondary:hover{background:var(--bg-hover);border-color:var(--text-primary)}.Sb8sPa_downloadBtn:disabled{opacity:.5;cursor:not-allowed;filter:none;box-shadow:none;transform:none}.Sb8sPa_downloadBtn:disabled:hover{filter:none;transform:none}.Sb8sPa_previewCanvas{width:100%;max-width:300px;height:auto;display:block}.Sb8sPa_hiddenCanvas{display:none}.Sb8sPa_animHint{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 .75rem;line-height:1.5}.Sb8sPa_presetGrid{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.Sb8sPa_presetBtn{border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font:inherit;font-size:var(--text-sm);cursor:pointer;background:0 0;flex-direction:column;align-items:center;gap:.35rem;padding:.7rem .4rem;transition:border-color .15s,background-color .15s;display:flex}.Sb8sPa_presetBtn:hover:not(:disabled),.Sb8sPa_presetBtn:focus-visible{border-color:var(--primary-color);background:var(--bg-hover)}.Sb8sPa_presetBtn:disabled{opacity:.45;cursor:not-allowed}.Sb8sPa_presetActive,.Sb8sPa_presetActive:hover:not(:disabled){border-color:var(--primary-color);background:var(--primary-color);color:var(--on-primary)}.Sb8sPa_animExport{flex-direction:column;gap:.6rem;width:100%;margin-top:-1rem;display:flex}.Sb8sPa_animStatus{min-height:1.5em;font-size:var(--text-sm);color:var(--text-secondary);margin:0}.Sb8sPa_animOk,.Sb8sPa_animWarn{align-items:center;gap:.35rem;display:inline-flex}.Sb8sPa_animOk{color:var(--status-success,#22c55e)}.Sb8sPa_animWarn{color:var(--status-warning,#f59e0b)}@media (max-width:900px){.Sb8sPa_grid{grid-template-columns:1fr}.Sb8sPa_previewCard{order:-1;position:static}}@media (max-width:480px){.Sb8sPa_colorGrid{grid-template-columns:1fr}.Sb8sPa_presetGrid{grid-template-columns:repeat(2,1fr)}}.Sb8sPa_qrError{color:var(--status-error);text-align:center;margin:.75rem 0 0;font-size:.9rem;font-weight:600}