:root{--color-bg-rgb:255, 253, 249;--color-bg-secondary-rgb:247, 242, 234;--color-primary-rgb:255, 158, 181;--color-secondary-rgb:127, 167, 255;--color-accent-rgb:142, 209, 199;--color-purple-rgb:168, 85, 247;--color-rose-rgb:255, 111, 145;--color-bright-blue-rgb:77, 150, 255;--color-yellow-rgb:255, 200, 87;--color-white-rgb:255, 255, 255;--color-black-rgb:61, 61, 61;--color-bg:#fffdf9;--color-bg-secondary:#f7f2ea;--color-bg-tertiary:#eaf4f2;--color-surface:rgba(var(--color-white-rgb), .8);--color-surface-hover:rgba(var(--color-white-rgb), .95);--color-border:#e5ded4;--color-border-hover:#d4cbc0;--color-text:#3d3d3d;--color-text-secondary:#6b6b6b;--color-text-muted:#9b9b9b;--color-primary:#ff9eb5;--color-primary-hover:#ff6f91;--color-secondary:#7fa7ff;--color-accent:#8ed1c7;--color-purple:#a855f7;--color-purple-hover:#9333ea;--color-rose:#ff6f91;--color-bright-blue:#4d96ff;--color-white:#fff;--color-black:#3d3d3d;--color-primary-10:rgba(var(--color-primary-rgb), .1);--color-primary-15:rgba(var(--color-primary-rgb), .15);--color-primary-20:rgba(var(--color-primary-rgb), .2);--color-primary-30:rgba(var(--color-primary-rgb), .3);--color-primary-50:rgba(var(--color-primary-rgb), .5);--color-secondary-08:rgba(var(--color-secondary-rgb), .08);--color-secondary-10:rgba(var(--color-secondary-rgb), .1);--color-secondary-15:rgba(var(--color-secondary-rgb), .15);--color-accent-08:rgba(var(--color-accent-rgb), .08);--color-accent-10:rgba(var(--color-accent-rgb), .1);--color-yellow-10:rgba(var(--color-yellow-rgb), .1);--color-white-02:rgba(var(--color-white-rgb), .02);--color-white-03:rgba(var(--color-white-rgb), .03);--color-white-05:rgba(var(--color-white-rgb), .05);--color-white-06:rgba(var(--color-white-rgb), .06);--color-white-08:rgba(var(--color-white-rgb), .08);--color-white-15:rgba(var(--color-white-rgb), .15);--color-white-20:rgba(var(--color-white-rgb), .2);--color-overlay:#0006;--color-overlay-dark:rgba(var(--color-bg-rgb), .9);--gradient-primary:linear-gradient(135deg, var(--color-rose) 0%, var(--color-bright-blue) 100%);--gradient-surface:linear-gradient(180deg, var(--color-white) 0%, var(--color-bg-secondary) 100%);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:32px;--shadow-soft:0 4px 20px #0000000f;--shadow-card:0 8px 30px #00000014;--shadow-hover:0 12px 40px #0000001f;--shadow-sm:var(--shadow-soft);--shadow-md:var(--shadow-card);--shadow-lg:var(--shadow-hover);--shadow-glow:0 0 20px rgba(var(--color-rose-rgb), .3);--transition-fast:.15s ease;--transition-normal:.3s ease-in-out;--transition-slow:.4s cubic-bezier(.34, 1.56, .64, 1);--font-family:"Poppins", "Inter", -apple-system, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;line-height:1.5}.app-container{background:radial-gradient(ellipse at 20% 0%, var(--color-accent-08) 0%, transparent 50%), radial-gradient(ellipse at 80% 100%, var(--color-yellow-10) 0%, transparent 50%), var(--color-bg);flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-header{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg);border-bottom:2px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;justify-content:space-between;align-items:center;display:flex}.logo{align-items:center;gap:var(--spacing-md);display:flex}.logo-icon{width:40px;height:40px}.logo h1{font-size:var(--font-size-xl);background:var(--color-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:600}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-family:inherit;font-size:var(--font-size-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;font-weight:500;display:inline-flex}.btn svg{width:18px;height:18px}.btn-primary{background:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-glow)}.btn-primary:hover:not(:disabled){box-shadow:0 0 30px var(--color-primary-50);transform:translateY(-2px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-hover)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover{background:var(--color-bg-secondary);color:var(--color-text)}.main-content{flex:1;display:flex;overflow:hidden}.controls-panel{background:var(--color-bg-secondary);border-right:1px solid var(--color-border);scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;flex-direction:column;width:320px;display:flex;overflow-y:auto}.controls-panel::-webkit-scrollbar{width:6px}.controls-panel::-webkit-scrollbar-track{background:0 0}.controls-panel::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:10px}.panel-section{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.section-title,.section-title-sm{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-md);font-weight:600}.upload-zone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.upload-zone:hover,.upload-zone.dragover{border-color:var(--color-primary);background:var(--color-primary-10)}.upload-zone.has-image{border-style:solid;padding:0}.upload-content{align-items:center;gap:var(--spacing-sm);flex-direction:column;display:flex}.upload-content svg{width:48px;height:48px}.upload-icon{width:48px;height:48px;color:var(--color-text-muted);transition:color var(--transition-fast)}.upload-zone:hover .upload-icon{color:var(--color-primary)}.upload-text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.upload-hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.preview-image{object-fit:contain;object-position:center;border-radius:var(--radius-md);aspect-ratio:16/9;width:100%;max-height:160px;display:block}.pattern-grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr);display:grid}.pattern-card{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;display:flex}.pattern-card:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.pattern-card.active{border-color:var(--color-primary);background:var(--color-primary-10)}.pattern-preview{border-radius:var(--radius-sm);background:var(--color-bg);width:60px;height:60px;position:relative;overflow:hidden}.pattern-preview:after{content:"";opacity:.7;background-position:50%;background-size:cover;position:absolute;inset:0}.pattern-flow:after{background:repeating-linear-gradient(45deg, transparent 0px, transparent 2px, var(--color-text-muted) 2px, var(--color-text-muted) 3px)}.pattern-spiral:after{background:conic-gradient(from 0deg, transparent 0deg, var(--color-text-muted) 10deg, transparent 20deg)}.pattern-contour:after{background:repeating-radial-gradient(circle at 50% 50%, transparent 0px, transparent 5px, var(--color-text-muted) 5px, var(--color-text-muted) 6px)}.pattern-cells:after{background:linear-gradient(60deg, transparent 45%, var(--color-text-muted) 45%, var(--color-text-muted) 55%, transparent 55%), linear-gradient(-60deg, transparent 45%, var(--color-text-muted) 45%, var(--color-text-muted) 55%, transparent 55%);background-size:20px 20px}.pattern-spiroglyph:after{background:conic-gradient(from 0deg at 50% 50%, var(--color-text-muted) 0deg, transparent 10deg, transparent 20deg, var(--color-text-muted) 30deg, transparent 40deg, transparent 50deg, var(--color-text-muted) 60deg, transparent 70deg, transparent 80deg, var(--color-text-muted) 90deg, transparent 100deg, transparent 110deg, var(--color-text-muted) 120deg, transparent 130deg, transparent 140deg, var(--color-text-muted) 150deg, transparent 160deg, transparent 170deg, var(--color-text-muted) 180deg, transparent 190deg, transparent 200deg, var(--color-text-muted) 210deg, transparent 220deg, transparent 230deg, var(--color-text-muted) 240deg, transparent 250deg, transparent 260deg, var(--color-text-muted) 270deg, transparent 280deg, transparent 290deg, var(--color-text-muted) 300deg, transparent 310deg, transparent 320deg, var(--color-text-muted) 330deg, transparent 340deg, transparent 350deg, var(--color-text-muted) 360deg)}.pattern-concentric:after{background:repeating-radial-gradient(circle at 50% 50%, var(--color-text-muted) 0px, var(--color-text-muted) 2px, transparent 2px, transparent 8px)}.pattern-parallel:after{background:repeating-linear-gradient(0deg, var(--color-text-muted) 0px, var(--color-text-muted) 2px, transparent 2px, transparent 8px)}.pattern-paint:after{background:radial-gradient(ellipse at 35% 40%, transparent 20%, var(--color-text-muted) 20.5%, var(--color-text-muted) 21.5%, transparent 22%), radial-gradient(ellipse at 65% 55%, transparent 15%, var(--color-text-muted) 15.5%, var(--color-text-muted) 16.5%, transparent 17%), radial-gradient(ellipse at 40% 65%, transparent 25%, var(--color-text-muted) 25.5%, var(--color-text-muted) 26.5%, transparent 27%), radial-gradient(ellipse at 55% 30%, transparent 10%, var(--color-text-muted) 10.5%, var(--color-text-muted) 11.5%, transparent 12%)}.pattern-classic:after{background:linear-gradient(to right, transparent 45%, var(--color-text-muted) 45%, var(--color-text-muted) 55%, transparent 55%), linear-gradient(to bottom, transparent 45%, var(--color-text-muted) 45%, var(--color-text-muted) 55%, transparent 55%);background-size:15px 15px}.param-group.paint-param.hidden,.param-group.classic-param.hidden,.param-group.spiroglyph-param.hidden{display:none}.section-subtitle{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm);padding-left:2px;font-weight:500}.pattern-card span{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:500}.pattern-card.active span{color:var(--color-primary)}.shape-grid{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.shape-card{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;flex:auto;min-width:48px;max-width:60px;display:flex}.shape-card:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.shape-card.active{border-color:var(--color-primary);background:var(--color-primary-10)}.shape-preview{width:36px;height:36px;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.shape-preview svg{width:100%;height:100%}.shape-card.active .shape-preview{color:var(--color-primary)}.shape-card span{color:var(--color-text-secondary);font-size:.65rem;font-weight:500}.shape-card.active span{color:var(--color-primary)}.param-group{margin-bottom:var(--spacing-md)}.param-group:last-child{margin-bottom:0}.param-label{margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary);justify-content:space-between;align-items:center;display:flex}.param-value{color:var(--color-primary);text-align:right;min-width:40px;font-weight:600}.view-toggle-group{gap:var(--spacing-sm);display:flex}.view-toggle-btn{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);flex:1;font-family:inherit;font-weight:500;display:flex}.view-toggle-btn svg{width:18px;height:18px}.view-toggle-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.view-toggle-btn.active{background:var(--color-primary-15);border-color:var(--color-primary);color:var(--color-primary)}.view-toggle-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--spacing-sm);text-align:center}.slider{appearance:none;background:var(--color-bg);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}.slider::-webkit-slider-thumb{appearance:none;background:var(--color-primary);cursor:pointer;width:18px;height:18px;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast);border-radius:50%}.slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider::-moz-range-thumb{background:var(--color-primary);cursor:pointer;width:18px;height:18px;box-shadow:var(--shadow-sm);border:none;border-radius:50%}.action-buttons{padding:var(--spacing-lg);gap:var(--spacing-sm);flex-direction:column;margin-top:auto;display:flex}.action-buttons .btn{width:100%;padding:var(--spacing-md)}.canvas-section{background:var(--color-bg);flex-direction:column;flex:1;display:flex;overflow:hidden}.canvas-toolbar{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.toolbar-group{align-items:center;gap:var(--spacing-xs);display:flex}.toolbar-btn{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;font-family:inherit;display:inline-flex}.toolbar-btn svg{width:18px;height:18px}.toolbar-btn:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.toolbar-btn.active{background:var(--color-primary);color:var(--color-white)}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.zoom-indicator{font-size:var(--font-size-sm);color:var(--color-text-muted);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-surface);border-radius:var(--radius-sm);font-weight:500}.view-mode-toggle{background:var(--color-surface);border-radius:var(--radius-md);gap:2px;padding:2px;display:flex}.toggle-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;font-family:inherit;font-weight:500;display:flex}.toggle-btn svg{width:16px;height:16px}.toggle-btn:hover{color:var(--color-text)}.toggle-btn.active{background:var(--color-primary);color:var(--color-white)}.dropdown{position:relative}.dropdown-trigger{align-items:center;gap:var(--spacing-xs);display:flex!important}.dropdown-arrow{width:14px;height:14px;transition:transform var(--transition-fast)}.dropdown.open .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:all var(--transition-fast);z-index:100;margin-top:4px;position:absolute;transform:translateY(-8px)}.dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-fast);text-align:left;background:0 0;border:none;font-family:inherit;display:flex}.dropdown-item:hover{background:var(--color-surface-hover)}.dropdown-item svg{width:18px;height:18px;color:var(--color-text-secondary)}.dropdown-item:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.dropdown-item:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}.canvas-wrapper{padding:var(--spacing-lg);background:radial-gradient(circle at center, var(--color-bg-secondary) 0%, var(--color-bg) 100%);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.canvas-container{justify-content:center;align-items:center;max-width:100%;max-height:100%;display:flex;position:relative}#mainCanvas{width:auto;max-width:100%;height:auto;max-height:calc(100vh - 150px);box-shadow:var(--shadow-lg);border-radius:var(--radius-sm);background:var(--color-white);transition:opacity .3s}#originalPreview{width:auto;max-width:100%;height:auto;max-height:calc(100vh - 150px);box-shadow:var(--shadow-lg);border-radius:var(--radius-sm);transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#originalPreview.hidden{opacity:0;pointer-events:none}.canvas-placeholder{align-items:center;gap:var(--spacing-md);color:var(--color-text-muted);pointer-events:none;flex-direction:column;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.canvas-placeholder svg{width:80px;height:80px}.canvas-placeholder p{font-size:var(--font-size-lg);text-align:center}.loading-overlay{justify-content:center;align-items:center;gap:var(--spacing-md);background:var(--color-overlay-dark);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;flex-direction:column;display:flex;position:absolute;inset:0}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.test-mode-overlay{padding:var(--spacing-lg);background:var(--color-bg-secondary);border-top:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:200;animation:.3s slideUp;position:fixed;bottom:0;left:0;right:0}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.test-toolbar{justify-content:space-between;align-items:center;gap:var(--spacing-lg);max-width:800px;margin:0 auto;display:flex}.test-toolbar h3{font-size:var(--font-size-lg);font-weight:600}.test-toolbar p{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.color-palette{gap:var(--spacing-xs);display:flex}.color-btn{background:var(--color);cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);border:3px solid #0000;border-radius:50%}.color-btn:hover{transform:scale(1.1)}.color-btn.active{border-color:var(--color-white);box-shadow:0 0 0 2px var(--color-bg), 0 0 10px var(--color)}.test-actions{gap:var(--spacing-sm);display:flex}.modal{z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-backdrop{background:var(--color-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:absolute;inset:0}.modal-content{width:90%;max-width:500px;max-height:80vh;padding:var(--spacing-xl);background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:.3s modalIn;position:relative;overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-close{top:var(--spacing-md);right:var(--spacing-md);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:24px;display:flex;position:absolute}.modal-close:hover{background:var(--color-surface-hover);color:var(--color-text)}.modal-content h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-lg);background:var(--color-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.help-steps{gap:var(--spacing-md);flex-direction:column;display:flex}.help-step{gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-md);display:flex}.step-number{background:var(--color-primary);width:32px;height:32px;color:var(--color-white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.help-step h4{font-size:var(--font-size-base);margin-bottom:var(--spacing-xs);font-weight:600}.help-step p{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.hidden{display:none!important}@media (max-width:768px){.main-content{flex-direction:column}.controls-panel{width:100%;max-height:50vh}.test-toolbar{text-align:center;flex-direction:column}}.app-layout{background:radial-gradient(ellipse at 20% 0%, var(--color-accent-08) 0%, transparent 50%), radial-gradient(ellipse at 80% 100%, var(--color-yellow-10) 0%, transparent 50%), var(--color-bg);flex-direction:column;height:100vh;display:flex}.app-main{flex:1;display:flex;overflow:hidden}.landing-page{background:radial-gradient(ellipse at 20% 0%, var(--color-accent-08) 0%, transparent 50%), radial-gradient(ellipse at 80% 100%, var(--color-yellow-10) 0%, transparent 50%), var(--color-bg);flex-direction:column;min-height:100vh;display:flex;overflow-y:auto}.landing-header{padding:var(--spacing-lg) var(--spacing-2xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.landing-logo{align-items:center;gap:var(--spacing-md);display:flex}.landing-logo svg{width:40px;height:40px}.landing-logo h1{font-size:var(--font-size-xl);background:var(--color-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.landing-nav{gap:var(--spacing-md);display:flex}.landing-main{padding:var(--spacing-2xl);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.hero{text-align:center;max-width:800px}.hero h2{margin-bottom:var(--spacing-lg);background:linear-gradient(135deg, var(--color-text) 0%, var(--color-text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;line-height:1.2}.hero p{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);line-height:1.7}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg)}.landing-footer{padding:var(--spacing-lg);text-align:center;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-sm)}.hero-buttons{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;display:flex}.auth-page{min-height:100vh;padding:var(--spacing-2xl);background:radial-gradient(ellipse at 20% 0%, var(--color-accent-08) 0%, transparent 50%), radial-gradient(ellipse at 80% 100%, var(--color-yellow-10) 0%, transparent 50%), var(--color-bg);justify-content:center;align-items:center;display:flex}.cl-rootBox{width:100%;max-width:420px}.cl-card{background:var(--color-bg-secondary)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-lg)!important}.cl-headerTitle{color:var(--color-text)!important;font-family:var(--font-family)!important}.cl-headerSubtitle{color:var(--color-text-secondary)!important;font-family:var(--font-family)!important}.cl-socialButtonsBlockButton{background:var(--color-surface)!important;border:1px solid var(--color-border)!important;color:var(--color-text)!important;font-family:var(--font-family)!important}.cl-socialButtonsBlockButton:hover{background:var(--color-surface-hover)!important;border-color:var(--color-border-hover)!important}.cl-formFieldInput{background:var(--color-bg)!important;border:1px solid var(--color-border)!important;color:var(--color-text)!important;font-family:var(--font-family)!important}.cl-formFieldInput:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 2px var(--color-primary-20)!important}.cl-formButtonPrimary{background:var(--color-primary)!important;color:var(--color-white)!important;font-family:var(--font-family)!important}.cl-formButtonPrimary:hover{box-shadow:var(--shadow-glow)!important}.cl-footerActionLink{color:var(--color-primary)!important}.cl-footerActionLink:hover{color:var(--color-primary-hover)!important}.cl-dividerLine{background:var(--color-border)!important}.cl-dividerText{color:var(--color-text-muted)!important}.cl-formFieldLabel{color:var(--color-text-secondary)!important}.safeguard-loading{justify-content:center;align-items:center;gap:var(--spacing-lg);background:var(--color-bg);flex-direction:column;min-height:100vh;display:flex}.safeguard-spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.safeguard-loading p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.safeguard-denied{min-height:100vh;padding:var(--spacing-xl);background:radial-gradient(ellipse at 20% 0%, var(--color-accent-10) 0%, transparent 50%), radial-gradient(ellipse at 80% 100%, var(--color-yellow-10) 0%, transparent 50%), var(--color-bg);justify-content:center;align-items:center;display:flex}.safeguard-denied-card{max-width:440px;padding:var(--spacing-2xl);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-lg)}.safeguard-denied-icon{width:80px;height:80px;margin:0 auto var(--spacing-lg);color:var(--color-secondary)}.safeguard-denied-icon svg{width:100%;height:100%}.safeguard-denied h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md);background:var(--color-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:600}.safeguard-denied p{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);line-height:1.6}.safeguard-denied-actions{gap:var(--spacing-md);justify-content:center;display:flex}.cookie-consent-overlay{z-index:9999;padding:var(--spacing-md);pointer-events:none;position:fixed;bottom:0;left:0;right:0}.cookie-consent-banner{max-width:600px;padding:var(--spacing-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);pointer-events:all;margin:0 auto;animation:.4s ease-out slideUp}.cookie-consent-content{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.cookie-consent-icon{width:40px;height:40px;color:var(--color-primary);flex-shrink:0}.cookie-consent-icon svg{width:100%;height:100%}.cookie-consent-text h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs);font-weight:600}.cookie-consent-text p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.cookie-consent-text a{color:var(--color-primary);text-decoration:none}.cookie-consent-text a:hover{text-decoration:underline}.cookie-preferences{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);gap:var(--spacing-sm);flex-direction:column;display:flex}.cookie-option{align-items:flex-start;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:background var(--transition-fast);display:flex}.cookie-option:hover{background:var(--color-surface)}.cookie-option.essential{opacity:.7;cursor:not-allowed}.cookie-option input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer;margin-top:2px}.cookie-option.essential input[type=checkbox]{cursor:not-allowed}.cookie-option div{flex:1}.cookie-option strong{font-size:var(--font-size-sm);margin-bottom:2px;font-weight:500;display:block}.cookie-option span{font-size:var(--font-size-xs);color:var(--color-text-muted)}.cookie-consent-actions{gap:var(--spacing-sm);justify-content:flex-end;display:flex}.legal-page{background:var(--color-bg);min-height:100vh;overflow-y:auto}.legal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary);justify-content:center;display:flex}.legal-logo{align-items:center;gap:var(--spacing-sm);color:var(--color-text);text-decoration:none;display:flex}.legal-logo svg{width:32px;height:32px}.legal-logo span{font-size:var(--font-size-lg);background:var(--color-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:600}.legal-content{max-width:800px;padding:var(--spacing-2xl) var(--spacing-lg);margin:0 auto}.legal-article h1{margin-bottom:var(--spacing-sm);background:var(--color-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}.legal-updated{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-2xl)}.legal-article section{margin-bottom:var(--spacing-2xl)}.legal-article h2{font-size:var(--font-size-xl);color:var(--color-text);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border);font-weight:600}.legal-article h3{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:var(--spacing-lg) 0 var(--spacing-sm);font-weight:500}.legal-article p{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);line-height:1.7}.legal-article ul,.legal-article ol{margin:var(--spacing-md) 0;padding-left:var(--spacing-xl);color:var(--color-text-secondary)}.legal-article li{margin-bottom:var(--spacing-sm);line-height:1.6}.legal-article a{color:var(--color-primary);text-decoration:none}.legal-article a:hover{text-decoration:underline}.legal-table{border-collapse:collapse;width:100%;margin:var(--spacing-md) 0;font-size:var(--font-size-sm)}.legal-table th,.legal-table td{padding:var(--spacing-md);text-align:left;border:1px solid var(--color-border)}.legal-table th{background:var(--color-surface);color:var(--color-text);font-weight:600}.legal-table td{color:var(--color-text-secondary)}.legal-footer{padding:var(--spacing-xl) var(--spacing-lg);border-top:1px solid var(--color-border);text-align:center;background:var(--color-bg-secondary)}.legal-footer p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.legal-footer nav{justify-content:center;gap:var(--spacing-lg);display:flex}.legal-footer a{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none}.legal-footer a:hover{color:var(--color-primary)}.subscription-banner{justify-content:center;align-items:center;gap:var(--spacing-xl);padding:var(--spacing-sm) var(--spacing-md);background:var(--gradient-surface);border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.subscription-banner strong{color:var(--color-primary);font-weight:600}.hub-page{background:radial-gradient(ellipse at 20% 0%, var(--color-accent-08) 0%, transparent 50%), radial-gradient(ellipse at 80% 100%, var(--color-yellow-10) 0%, transparent 50%), var(--color-bg);flex-direction:column;min-height:100vh;display:flex;overflow-y:auto}.hub-header-bar{padding:var(--spacing-md) var(--spacing-2xl);background:var(--color-surface);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.hub-logo{align-items:center;gap:var(--spacing-sm);text-decoration:none;display:flex}.hub-logo svg{width:36px;height:36px}.hub-logo span{font-size:var(--font-size-xl);background:var(--color-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.hub-nav{text-wrap-mode:nowrap;justify-content:center;align-items:center;gap:var(--spacing-md);display:flex}.hub-main{width:100%;max-width:1200px;padding:var(--spacing-2xl);gap:var(--spacing-2xl);flex-direction:column;flex:1;margin:0 auto;display:flex}.hub-welcome{justify-content:space-between;align-items:flex-start;gap:var(--spacing-xl);flex-wrap:wrap;display:flex}.hub-welcome-text h1{color:var(--color-text);margin-bottom:var(--spacing-xs);font-size:2rem;font-weight:700}.hub-welcome-text p{font-size:var(--font-size-lg);color:var(--color-text-secondary)}.hub-stats{gap:var(--spacing-md);display:flex}.hub-stat-card{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:140px;display:flex}.hub-stat-icon{background:var(--color-primary-15);width:40px;height:40px;color:var(--color-primary);border-radius:var(--radius-md);font-size:var(--font-size-lg);justify-content:center;align-items:center;display:flex}.hub-stat-icon.accent{background:var(--color-secondary-15);color:var(--color-secondary)}.hub-stat-info{flex-direction:column;display:flex}.hub-stat-value{font-size:var(--font-size-xl);color:var(--color-text);font-weight:700}.hub-stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.hub-quick-actions{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.hub-action-card{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);transition:all var(--transition-normal);text-decoration:none;display:flex}.hub-action-card:hover{border-color:var(--color-primary);background:var(--color-primary-10);box-shadow:var(--shadow-card);transform:translateY(-2px)}.hub-action-card.primary{background:var(--gradient-primary);color:var(--color-white);border-color:#0000}.hub-action-card.primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.hub-action-icon{border-radius:var(--radius-md);width:48px;height:48px;font-size:var(--font-size-xl);background:#fff3;justify-content:center;align-items:center;display:flex}.hub-action-content{flex:1}.hub-action-content h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs);font-weight:600}.hub-action-content p{font-size:var(--font-size-sm);opacity:.9}.hub-action-arrow{font-size:var(--font-size-lg);opacity:.7;transition:transform var(--transition-fast)}.hub-action-card:hover .hub-action-arrow{transform:translate(4px)}.hub-creations-section{gap:var(--spacing-lg);flex-direction:column;display:flex}.hub-section-header{justify-content:space-between;align-items:center;display:flex}.hub-section-header h2{font-size:var(--font-size-xl);color:var(--color-text);font-weight:600}.hub-section-count{font-size:var(--font-size-sm);color:var(--color-text-muted);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-surface);border-radius:var(--radius-sm)}.hub-creations-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.hub-creation-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-normal);overflow:hidden}.hub-creation-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-card);transform:translateY(-4px)}.hub-creation-card.skeleton{pointer-events:none}.hub-creation-image{aspect-ratio:4/3;background:var(--color-bg-secondary);justify-content:center;align-items:center;display:flex;overflow:hidden}.hub-creation-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-normal)}.hub-creation-card:hover .hub-creation-image img{transform:scale(1.05)}.hub-creation-placeholder{color:var(--color-text-muted);opacity:.3;font-size:2rem}.hub-creation-info{padding:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.hub-creation-date{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.hub-creation-format{font-size:var(--font-size-xs);color:var(--color-primary);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-primary-10);border-radius:var(--radius-sm);text-transform:uppercase;font-weight:500}.skeleton-text{background:var(--color-border);border-radius:var(--radius-sm);width:100px;height:14px}.skeleton-text.short{width:50px}.hub-empty-state{padding:var(--spacing-2xl);text-align:center;background:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-xl);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;min-height:300px;display:flex}.hub-empty-icon{width:80px;height:80px;color:var(--color-text-muted);margin-bottom:var(--spacing-lg);opacity:.5}.hub-empty-state h3{font-size:var(--font-size-xl);color:var(--color-text);margin-bottom:var(--spacing-sm);font-weight:600}.hub-empty-state p{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:400px;margin-bottom:var(--spacing-lg);line-height:1.6}@media (max-width:768px){.main-content{flex-direction:column}.controls-panel{width:100%;max-height:50vh}.test-toolbar{text-align:center;flex-direction:column}.safeguard-denied-actions{flex-direction:column}.safeguard-denied-card{padding:var(--spacing-lg)}.legal-content{padding:var(--spacing-lg) var(--spacing-md)}.legal-table{display:block;overflow-x:auto}.subscription-banner{gap:var(--spacing-xs);flex-direction:column}}@media (max-width:640px){.cookie-consent-overlay{padding:var(--spacing-sm)}.cookie-consent-banner{padding:var(--spacing-md)}.cookie-consent-content{text-align:center;flex-direction:column;align-items:center}.cookie-consent-actions,.safeguard-denied-actions{flex-direction:column}.safeguard-denied-card{padding:var(--spacing-lg)}.legal-content{padding:var(--spacing-lg) var(--spacing-md)}.legal-table{display:block;overflow-x:auto}.subscription-banner{gap:var(--spacing-xs);flex-direction:column}}@media (max-width:480px){.hub-stats{flex-direction:column}.hub-stat-card{width:100%}.hub-creations-grid{grid-template-columns:1fr}}.new-project-card{cursor:pointer;transition:all var(--transition-normal);text-decoration:none;position:relative;border:2px dashed var(--color-border)!important;background:0 0!important}.new-project-card:hover{box-shadow:var(--shadow-card);transform:translateY(-4px);border-color:var(--color-primary)!important;background:var(--color-primary-05)!important}.new-project-card .hub-creation-image.placeholder,.new-project-card .hub-creation-info.placeholder{opacity:0!important;pointer-events:none!important}.new-project-body{justify-content:center;align-items:center;gap:var(--spacing-sm);flex-direction:column;display:flex;position:absolute;inset:0}.new-project-text{color:var(--color-primary);font-weight:600}.new-project-icon{padding:var(--spacing-sm);background:var(--color-surface);border-radius:var(--radius-full);border:1px solid var(--color-border);transition:all var(--transition-normal);width:56px;height:56px;color:var(--color-text-secondary);justify-content:center;align-items:center;font-size:2.25rem;display:flex}.new-project-card:hover .new-project-icon{border-color:var(--color-primary);box-shadow:var(--shadow-sm);color:var(--color-primary);transform:scale(1.1)rotate(90deg)}.creation-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--spacing-lg);background:#0006;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.creation-modal-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);grid-template-columns:1.2fr 1fr;width:100%;max-width:900px;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleUp;display:grid;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.creation-modal-preview{background:var(--color-bg-secondary);padding:var(--spacing-xl);border-right:1px solid var(--color-border);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.creation-modal-preview img{object-fit:contain;border-radius:var(--radius-md);max-width:100%;max-height:480px;box-shadow:var(--shadow-md)}.creation-modal-content{padding:var(--spacing-2xl);background:var(--color-surface);flex-direction:column;justify-content:space-between;display:flex}.creation-modal-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:flex-start;display:flex}.creation-modal-title{font-size:var(--font-size-xl);color:var(--color-text);font-weight:700}.creation-modal-close{color:var(--color-text-secondary);font-size:var(--font-size-xl);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-full);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.creation-modal-close:hover{background:var(--color-border);color:var(--color-text);transform:rotate(90deg)}.creation-modal-info-list{gap:var(--spacing-md);margin-bottom:var(--spacing-2xl);flex-direction:column;display:flex}.creation-modal-info-item{align-items:center;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.creation-modal-info-item svg{color:var(--color-primary);flex-shrink:0;width:16px}.creation-modal-info-label{color:var(--color-text-muted);flex-shrink:0;width:90px;font-weight:500}.creation-modal-info-value{color:var(--color-text);font-weight:600}.creation-modal-actions{gap:var(--spacing-sm);flex-direction:column;display:flex}.creation-modal-download-btn{justify-content:center;align-items:center;gap:var(--spacing-sm);width:100%;display:flex}@media (max-width:768px){.creation-modal-container{grid-template-columns:1fr;max-height:90vh;overflow-y:auto}.creation-modal-preview{border-right:none;border-bottom:1px solid var(--color-border);padding:var(--spacing-lg)}}.plans-modal-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);width:100%;max-width:1050px;max-height:90vh;padding:var(--spacing-xl);gap:var(--spacing-lg);--scrollbar-thumb:var(--color-border);--scrollbar-track:transparent;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin;flex-direction:column;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleUp;display:flex;overflow-y:auto}@supports not (scrollbar-color:auto){.plans-modal-container::-webkit-scrollbar{width:8px;height:8px}.plans-modal-container::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.plans-modal-container::-webkit-scrollbar-track{background:0 0}}.plans-modal-header{border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-md);justify-content:space-between;align-items:flex-start;display:flex}.plans-modal-title-group h3{font-size:var(--font-size-xl);color:var(--color-text);margin:0;font-weight:700}.plans-modal-title-group p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:4px 0 0}.plans-grid{gap:var(--spacing-md);grid-template-columns:repeat(4,1fr);align-items:stretch;display:grid}.plan-modal-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg) var(--spacing-md);transition:all var(--transition-normal);justify-content:space-between;gap:var(--spacing-lg);flex-direction:column;display:flex;position:relative}.plan-modal-card.current{border-color:var(--color-primary);background:var(--color-primary-05)}.plan-modal-card.popular{background:#ffc8570d;border-color:#ffc857}.plan-badge{background:var(--color-primary);color:#fff;border-radius:var(--radius-full);padding:2px 8px;font-size:.72rem;font-weight:600;position:absolute;top:-12px;right:12px}.plan-badge.popular{color:#333;background:#ffc857}.plan-badge.current{color:#fff;background:#10b981}.plan-name{font-size:var(--font-size-lg);color:var(--color-text);margin:0 0 var(--spacing-xs) 0;font-weight:700}.plan-price-block{flex-direction:column;gap:2px;display:flex}.plan-price-usd{color:var(--color-text);font-size:1.6rem;font-weight:800;line-height:1.2}.plan-price-usd span{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:500}.plan-price-brl{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:500}.plan-features-list{gap:var(--spacing-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.plan-feature-item{font-size:var(--font-size-xs);color:var(--color-text-secondary);align-items:flex-start;gap:6px;line-height:1.4;display:flex}.plan-feature-item svg{color:#10b981;flex-shrink:0;width:12px;margin-top:2px}.plan-select-btn{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-weight:600;font-size:var(--font-size-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);border:none;justify-content:center;align-items:center;display:flex}.plan-cancel-section{border-top:1px solid var(--color-border);padding-top:var(--spacing-md);justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.plan-cancel-text{font-size:var(--font-size-xs);color:var(--color-text-muted)}@media (max-width:992px){.plans-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.plans-grid{grid-template-columns:1fr}.plan-cancel-section{text-align:center;gap:var(--spacing-sm);flex-direction:column}}.plan-select-btn.plan-btn-current{cursor:not-allowed;color:#64748b!important;background:#e2e8f0!important;border:none!important}.plan-select-btn.plan-btn-outline{color:var(--color-primary)!important;border:2px solid var(--color-primary)!important;background:0 0!important}.plan-select-btn.plan-btn-outline:hover:not(:disabled){transform:translateY(-2px);background:var(--color-primary-10)!important}.plan-select-btn.plan-btn-outline.plan-btn-atelier{color:var(--color-secondary)!important;border-color:var(--color-secondary)!important}.plan-select-btn.plan-btn-outline.plan-btn-atelier:hover:not(:disabled){transform:translateY(-2px);background:#7fa7ff1a!important}.plan-select-btn.plan-btn-filled{box-shadow:0 4px 12px #ff9eb540;background:var(--color-primary)!important;color:#fff!important;border:none!important}.plan-select-btn.plan-btn-filled:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #ff9eb559;background:var(--color-primary-hover)!important}.plan-select-btn.plan-btn-filled.plan-btn-studio{box-shadow:0 4px 12px #a855f740;background:var(--color-purple)!important}.plan-select-btn.plan-btn-filled.plan-btn-studio:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #a855f759;background:var(--color-purple-hover)!important}