:root{--bg-primary:#f5f5f7;--bg-card:#fff;--text-primary:#1d1d1f;--text-secondary:#86868b;--accent-color:#0071e3;--accent-hover:#0077ed;--success-color:#34c759;--danger-color:#ff3b30;--border-color:#d2d2d7;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 8px 24px #00000014;--shadow-lg:0 20px 48px #0000001f;--radius-sm:8px;--radius-md:16px;--radius-lg:24px}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,San Francisco,Helvetica Neue,Segoe UI,Roboto,sans-serif;line-height:1.6}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.glass-card{-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-md);border-radius:var(--radius-md);background:#ffffffd9;border:1px solid #fff6;transition:transform .2s,box-shadow .2s}.preview-card{border:1px solid var(--border-color);box-shadow:var(--shadow-lg);border-radius:var(--radius-md);background:#fff;overflow:hidden}.form-control,.form-select{background-color:#fafafa;border:1px solid #e5e5e5;border-radius:12px;padding:12px 16px;font-size:.95rem;transition:all .2s}.form-control:focus,.form-select:focus{border-color:var(--accent-color);background-color:#fff;box-shadow:0 0 0 4px #0071e31a}.form-label{color:var(--text-primary);margin-bottom:8px;font-size:.9rem;font-weight:600}.btn-primary{background-color:var(--accent-color);border:none;border-radius:99px;padding:10px 24px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0071e34d}.btn-primary:hover,.btn-primary:active{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 16px #0071e366}.btn-outline-secondary{border-color:var(--border-color);color:var(--text-primary);border-radius:99px}.btn-danger-soft{color:var(--danger-color);background-color:#ff3b301a;border:none;border-radius:8px;padding:6px 12px;font-weight:600;transition:background .2s}.btn-danger-soft:hover{color:var(--danger-color);background-color:#ff3b3033}.text-gradient{background:linear-gradient(135deg,#0071e3 0%,#a259ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.section-title{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary);margin-bottom:16px;font-size:.8rem;font-weight:700}input[type=range]{-webkit-appearance:none;background:0 0;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}input[type=range]:focus{outline:none}