.app-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;height:100%;min-height:220px}.app-loader-spinner{width:28px;height:28px;border-radius:50%;border:2px solid hsla(0,0%,100%,.12);border-top:2px solid var(--accent,var(--accent-indigo,#3b82f6));animation:app-loader-spin .9s linear infinite}.app-loader-label{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:hsla(0,0%,100%,.7)}@keyframes app-loader-spin{to{transform:rotate(1turn)}}:root{--accent-indigo:#8b5cf6;--accent-indigo-glow:rgba(139,92,246,.3);--bg-dark:#09090b;--bg-card:rgba(24,24,27,.4);--glass-border:hsla(0,0%,100%,.08);--text-main:#fff;--text-dim:#a1a1aa;--radius-lg:12px}.html-design-list{background:var(--bg-dark);color:var(--text-main);min-height:100vh;position:relative;overflow-x:hidden;font-family:Inter,-apple-system,sans-serif}.html-design-list main{position:relative;z-index:1}.html-design-list:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(139,92,246,.03) 1px,transparent 0),linear-gradient(90deg,rgba(139,92,246,.03) 1px,transparent 0);background-size:40px 40px;pointer-events:none;z-index:0}.html-design-list header{background:rgba(9,9,11,.82);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);position:sticky;top:0;z-index:100}.header-container{max-width:1200px;margin:0 auto;padding:.75rem 1.5rem;justify-content:space-between;gap:1rem}.header-container,.header-left{display:flex;align-items:center}.header-left{gap:.75rem}.logo-wrapper{display:flex;align-items:center;justify-content:center;width:26px;height:26px}.logo-wrapper img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:6px}.brand-name{font-size:1.125rem;letter-spacing:-.02em;color:#fff}.badge-studio,.brand-name{font-weight:700;line-height:1}.badge-studio{font-size:.625rem;padding:.15rem .4rem;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.badge-html{background:rgba(139,92,246,.1);color:var(--accent-indigo);border:1px solid rgba(139,92,246,.2)}.header-right{display:flex;align-items:center;gap:.625rem}.prompt-hero{max-width:1200px;margin:2rem auto 1.5rem;padding:1.75rem;border-radius:20px;border:1px solid var(--glass-border);background:linear-gradient(140deg,rgba(24,24,27,.85),rgba(15,15,18,.9));box-shadow:0 24px 50px rgba(0,0,0,.35);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;overflow:hidden}.prompt-hero:before{width:420px;height:420px;top:-200px;left:-80px;background:radial-gradient(circle,rgba(139,92,246,.2) 0,transparent 70%);opacity:.9}.prompt-hero:after,.prompt-hero:before{content:"";position:absolute;pointer-events:none}.prompt-hero:after{width:360px;height:360px;bottom:-220px;right:-120px;background:radial-gradient(circle,rgba(99,102,241,.18) 0,transparent 70%);opacity:.7}.prompt-hero-inner{position:relative;z-index:1;display:grid;gap:1.25rem}.prompt-hero-copy{display:flex;flex-direction:column;gap:.5rem}.prompt-hero-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.62rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#c4b5fd;background:rgba(139,92,246,.15);border:1px solid rgba(139,92,246,.3);padding:.2rem .45rem;border-radius:999px;width:-moz-fit-content;width:fit-content}.prompt-hero-title{margin:0;font-size:1.5rem;font-weight:700;color:#fff}.prompt-hero-subtitle{margin:0;font-size:.9rem;color:var(--text-dim);max-width:640px}.prompt-hero-form{display:flex;flex-direction:column;gap:.9rem}.prompt-hero-input{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:stretch}.prompt-hero-textarea{background:rgba(9,9,11,.75);border:1px solid var(--glass-border);color:var(--text-main);border-radius:12px;padding:.75rem .9rem;font-size:.9rem;font-family:Inter,-apple-system,sans-serif;line-height:1.4;resize:vertical;min-height:72px;width:100%;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.02);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.prompt-hero-textarea:focus{outline:none;border-color:rgba(139,92,246,.6);box-shadow:0 0 0 2px rgba(139,92,246,.25);background:rgba(9,9,11,.9)}.prompt-hero-textarea:disabled{opacity:.6;cursor:not-allowed}.prompt-hero-textarea::-moz-placeholder{color:var(--text-dim);opacity:.7}.prompt-hero-textarea::placeholder{color:var(--text-dim);opacity:.7}.prompt-hero-submit{min-width:170px;align-self:stretch;font-size:.85rem}.prompt-hero-submit:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.prompt-hero-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.prompt-hero-chips{display:flex;flex-wrap:wrap;gap:.5rem}.prompt-chip{border-radius:999px;padding:.35rem .7rem;font-size:.72rem;font-weight:600;background:rgba(139,92,246,.12);color:#e0e7ff;border:1px solid rgba(139,92,246,.28);cursor:pointer;transition:all .2s ease;white-space:nowrap}.prompt-chip:hover:not(:disabled){background:rgba(139,92,246,.22);border-color:rgba(139,92,246,.4);color:#fff}.prompt-chip:disabled{opacity:.5;cursor:not-allowed}.prompt-hero-hint{font-size:.7rem;color:var(--text-dim)}.prompt-hero.compact{padding:1.25rem 1.5rem;margin-top:1.5rem}.prompt-hero.compact .prompt-hero-title{font-size:1.25rem}.prompt-hero.compact .prompt-hero-subtitle{font-size:.82rem}.prompt-hero.compact .prompt-hero-textarea{min-height:58px}@media (max-width:900px){.prompt-hero{margin:1.5rem 1rem 1.25rem}.prompt-hero-input{grid-template-columns:1fr}.prompt-hero-submit{width:100%}.prompt-hero-footer{align-items:flex-start}}@media (max-width:640px){.prompt-hero{padding:1.25rem;margin:1.25rem 1rem 1rem}.prompt-hero-title{font-size:1.2rem}.prompt-hero-subtitle{font-size:.82rem}}.btn-premium{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .875rem;border-radius:8px;font-size:.8125rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;cursor:pointer}.btn-primary-premium{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;box-shadow:0 4px 12px rgba(139,92,246,.2)}.btn-primary-premium:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px rgba(139,92,246,.35)}.btn-secondary-premium{background:hsla(0,0%,100%,.04);color:#d4d4d8;border:1px solid var(--glass-border)}.btn-secondary-premium:hover{background:hsla(0,0%,100%,.08);color:#fff;border-color:hsla(0,0%,100%,.15)}.designs-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:2.5rem 1.5rem;max-width:1200px;margin:0 auto}@media (max-width:1024px){.designs-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.designs-grid{grid-template-columns:1fr;padding:1.5rem 1rem}.header-container{flex-direction:column;padding:1rem;gap:1rem;align-items:flex-start}.header-right{width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:.25rem}}.design-card{background:var(--bg-card);backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:all .4s cubic-bezier(.2,0,0,1);display:flex;flex-direction:column;text-decoration:none}.design-card:hover{transform:translateY(-4px);border-color:rgba(139,92,246,.4);box-shadow:0 12px 24px rgba(0,0,0,.4),0 0 0 1px rgba(139,92,246,.1);background:rgba(39,39,42,.4)}.design-card-preview{aspect-ratio:16/10;background:#0c0c0e;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid var(--glass-border);position:relative}.design-card-preview:before{content:"";position:absolute;width:140%;height:140%;background:radial-gradient(circle at center,rgba(139,92,246,.08) 0,transparent 70%);z-index:0}.canvas-preview-image,.canvas-preview-placeholder{border-radius:10px;border:1px solid hsla(0,0%,100%,.05)}.canvas-preview-placeholder{background:radial-gradient(circle at 30% 30%,#15151b,#0b0b10 65%)}.canvas-preview-placeholder svg{color:#8b5cf6;opacity:.6}.canvas-preview-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px;z-index:1}.canvas-preview-placeholder{width:100%;height:100%;color:#6b7280;z-index:1}.preview-content{color:var(--accent-indigo);z-index:1;opacity:.8;transition:all .3s ease}.design-card:hover .preview-content{opacity:1;transform:scale(1.1);filter:drop-shadow(0 0 10px rgba(139,92,246,.5))}.design-card-details{padding:1.125rem}.design-card-title{font-size:.9375rem;font-weight:600;color:#fff;margin-bottom:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.design-card-meta{gap:.5rem;font-size:.75rem;color:var(--text-dim)}.badge-label{background:hsla(0,0%,100%,.05);color:#a1a1aa;border:1px solid hsla(0,0%,100%,.08);font-weight:500}.studio-loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8rem 0;gap:2rem}.studio-loader{width:54px;height:54px;position:relative}.studio-loader:after,.studio-loader:before{content:"";box-sizing:border-box;width:100%;height:100%;border-radius:50%;border:3px solid var(--accent-indigo);position:absolute;left:0;top:0;animation:loader-pulse 2s cubic-bezier(0,.2,.8,1) infinite}.studio-loader:after{animation-delay:1s}@keyframes loader-pulse{0%{transform:scale(0);opacity:1}to{transform:scale(1.6);opacity:0}}.loader-text{font-size:.6875rem;font-weight:700;color:var(--accent-indigo);letter-spacing:.2em;text-transform:uppercase;opacity:.8}.design-card-wrapper{cursor:pointer}.design-card-header{align-items:center;padding:1rem 1.125rem;border-bottom:1px solid var(--glass-border)}.design-card-menu{display:flex;align-items:center;gap:.5rem}.design-card-menu-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:1.25rem;padding:.25rem .5rem;transition:color .2s}.design-card-menu-btn:hover{color:var(--accent-indigo)}.design-card-footer{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.125rem}.canvas-preview-placeholder{display:flex;align-items:center;justify-content:center;color:var(--accent-indigo);opacity:.6;transition:all .3s ease}.design-card:hover .canvas-preview-placeholder{opacity:.8;transform:scale(1.1);filter:drop-shadow(0 0 10px rgba(139,92,246,.5))}.design-card-meta{display:flex;align-items:center;justify-content:space-between}.meta-label{font-size:.75rem;color:var(--text-dim);font-weight:500}.meta-value{font-size:.75rem;color:var(--accent-indigo);font-weight:600}.empty-state-studio{text-align:center;padding:6rem 2rem;background:hsla(0,0%,100%,.01);border:1px dashed var(--glass-border);border-radius:24px;max-width:540px;margin:4rem auto}.home-container{min-height:100vh;padding:0;background:linear-gradient(180deg,#09090b,#0c0c10 50%,#09090b);position:relative}.home-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(139,92,246,.03) 1px,transparent 0),linear-gradient(90deg,rgba(139,92,246,.03) 1px,transparent 0);background-size:60px 60px;pointer-events:none}.home-header{justify-content:space-between;padding:.875rem 2rem;border-bottom:1px solid hsla(0,0%,100%,.06);background:rgba(9,9,11,.8);backdrop-filter:blur(12px);position:sticky;top:0;z-index:100;gap:1rem}.header-logo,.home-header{display:flex;align-items:center}.header-logo{gap:.625rem;text-decoration:none;transition:opacity .2s}.header-logo:hover{opacity:.8}.header-logo img{border-radius:8px}.header-logo span{font-size:1.25rem;font-weight:700;color:#fff;letter-spacing:-.02em}.studio-badge{font-size:.75rem;font-weight:600;color:#8b5cf6;background:rgba(139,92,246,.15);border:1px solid rgba(139,92,246,.3);padding:.25rem .625rem;border-radius:6px;text-transform:uppercase;letter-spacing:.05em}.new-design-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:rgba(139,92,246,.15);border:1px solid rgba(139,92,246,.3);border-radius:8px;color:#a78bfa;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;margin-left:auto}.new-design-button:hover:not(:disabled){background:rgba(139,92,246,.25);border-color:rgba(139,92,246,.5);color:#c4b5fd;transform:translateY(-1px)}.new-design-button:disabled{opacity:.5;cursor:not-allowed}.new-design-button svg{flex-shrink:0}.settings-panel{margin:0;background:#18181b;position:relative;z-index:50}.settings-header,.settings-panel{border-bottom:1px solid hsla(0,0%,100%,.06)}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem}.settings-header h3{font-size:.875rem;font-weight:600;color:#fff;margin:0}.close-button{width:28px;height:28px;border:none;background:hsla(0,0%,100%,.05);font-size:1.25rem;color:#71717a;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-button:hover{background:hsla(0,0%,100%,.1);color:#fff}.settings-content{padding:1.25rem 2rem;display:flex;flex-direction:column;gap:.75rem}.settings-row{display:flex;gap:1rem;align-items:flex-end}.settings-content .form-group{display:flex;flex-direction:column;gap:.5rem}.settings-content .provider-group{min-width:180px}.settings-content .api-key-group{flex:1;min-width:280px}.settings-content .form-group label{font-size:.75rem;font-weight:500;color:#a1a1aa;text-transform:uppercase;letter-spacing:.05em}.settings-content .form-group input,.settings-content .form-group select{background:#09090b;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:#fff;height:42px;padding:0 .875rem;font-size:.875rem;transition:all .2s}.settings-content .form-group input:focus,.settings-content .form-group select:focus{outline:none;border-color:rgba(139,92,246,.5);box-shadow:0 0 0 3px rgba(139,92,246,.1)}.api-key-input{display:flex;gap:.5rem}.api-key-input input{flex:1}.toggle-visibility{padding:0 .75rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;cursor:pointer;font-size:1rem;height:42px;display:flex;align-items:center;justify-content:center;transition:all .2s}.toggle-visibility:hover{background:hsla(0,0%,100%,.08)}.settings-content>.help-text{font-size:.8rem;color:#71717a;margin-left:calc(180px + 1rem)}.help-text a{color:#8b5cf6;text-decoration:none;transition:color .2s}.help-text a:hover{color:#a78bfa;text-decoration:underline}.save-settings-button{padding:0 1.25rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;height:42px;white-space:nowrap}.save-settings-button:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px rgba(139,92,246,.3)}@media (max-width:768px){.settings-row{flex-direction:column;align-items:stretch}.settings-content .api-key-group,.settings-content .provider-group{min-width:100%}.settings-content>.help-text{margin-left:0}}.home-main{max-width:1200px;margin:0 auto;padding:2.5rem 2rem;position:relative;z-index:1}.create-section{background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(99,102,241,.1));border:1px solid rgba(139,92,246,.2);border-radius:16px;padding:2rem;margin-bottom:3rem;position:relative;overflow:hidden}.create-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.5),transparent)}.create-section h2{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:#fff;display:flex;align-items:center;gap:.5rem}.create-section h2:before{content:"✨"}.create-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.create-form .form-group:nth-child(2){grid-column:1/-1}.form-group{display:flex;flex-direction:column;gap:.5rem}.create-section .form-group label{font-size:.75rem;font-weight:500;color:#a1a1aa;text-transform:uppercase;letter-spacing:.05em}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;font-size:.875rem;font-family:inherit;transition:all .2s;background:rgba(9,9,11,.6);color:#fff}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:#52525b}.form-group input::placeholder,.form-group textarea::placeholder{color:#52525b}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:rgba(139,92,246,.5);box-shadow:0 0 0 3px rgba(139,92,246,.1);background:rgba(9,9,11,.8)}.form-group textarea{resize:vertical;min-height:100px}.create-button{grid-column:1/-1;padding:.875rem 1.5rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:.5rem}.create-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(139,92,246,.4)}.create-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:640px){.create-form{grid-template-columns:1fr}.create-button,.create-form .form-group:nth-child(2){grid-column:1}}.designs-section{margin-top:2rem}.designs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.designs-section h2{font-size:1.125rem;font-weight:600;margin-bottom:0;color:#fff;display:flex;align-items:center;gap:.5rem}.designs-section h2:before{content:"📁"}.designs-actions,.upload-button{display:flex;gap:.5rem}.upload-button{align-items:center;padding:.5rem 1rem;background:rgba(139,92,246,.15);border:1px solid rgba(139,92,246,.3);border-radius:8px;color:#a78bfa;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.upload-button:hover:not(:disabled){background:rgba(139,92,246,.25);border-color:rgba(139,92,246,.5);color:#c4b5fd;transform:translateY(-1px)}.upload-button:disabled{opacity:.5;cursor:not-allowed}.upload-button svg{flex-shrink:0}.empty-state,.loading{text-align:center;padding:4rem 2rem;color:#71717a;background:hsla(0,0%,100%,.02);border:1px dashed hsla(0,0%,100%,.1);border-radius:12px}.empty-state p:first-child{font-size:1rem;color:#a1a1aa;margin-bottom:.5rem}.designs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.design-card,.design-card-wrapper{position:relative}.design-card{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.06);border-radius:12px;padding:1.25rem;transition:all .2s;display:block;overflow:hidden}.design-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#8b5cf6,#6366f1);opacity:0;transition:opacity .2s}.design-card:hover{background:hsla(0,0%,100%,.04);border-color:rgba(139,92,246,.3);transform:translateY(-2px)}.design-card:hover:before{opacity:1}.design-card-menu{position:absolute;top:.75rem;right:.75rem;z-index:10}.menu-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:6px;color:#a1a1aa;cursor:pointer;transition:all .2s}.menu-button:hover{background:hsla(0,0%,100%,.1);color:#fff;border-color:hsla(0,0%,100%,.2)}.menu-dropdown{position:absolute;top:100%;right:0;margin-top:.25rem;background:#18181b;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.4);min-width:140px;z-index:1000}.menu-dropdown button{width:100%;padding:.625rem .875rem;background:transparent;border:none;color:#e4e4e7;font-size:.875rem;text-align:left;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.625rem}.menu-dropdown button:hover{background:hsla(0,0%,100%,.05)}.menu-dropdown button.delete-option{color:#ef4444;border-top:1px solid hsla(0,0%,100%,.06)}.menu-dropdown button.delete-option:hover{background:rgba(239,68,68,.1)}.design-card-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:.75rem}.design-card-header h3{font-size:1rem;font-weight:600;color:#fff;line-height:1.4}.design-id{font-size:.75rem;color:#52525b;font-family:SF Mono,Fira Code,monospace;background:hsla(0,0%,100%,.05);padding:.25rem .5rem;border-radius:4px}.design-card-meta{font-size:.8125rem;color:#71717a}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.modal-dialog{background:#18181b;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;width:100%;max-width:420px;box-shadow:0 20px 40px rgba(0,0,0,.5);animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid hsla(0,0%,100%,.06)}.modal-header h3{font-size:1rem;font-weight:600;color:#fff;margin:0}.modal-content{padding:1.5rem}.modal-content input{width:100%;padding:.75rem 1rem;background:#09090b;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:#fff;font-size:.875rem;transition:all .2s}.modal-content input:focus{outline:none;border-color:rgba(139,92,246,.5);box-shadow:0 0 0 3px rgba(139,92,246,.1)}.modal-content p{margin:0;color:#a1a1aa;font-size:.875rem;line-height:1.6}.modal-actions{display:flex;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid hsla(0,0%,100%,.06);justify-content:flex-end}.cancel-button,.confirm-button,.delete-button{padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.cancel-button{background:hsla(0,0%,100%,.05);color:#a1a1aa;border:1px solid hsla(0,0%,100%,.1)}.cancel-button:hover{background:hsla(0,0%,100%,.08);color:#e4e4e7}.confirm-button{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff}.confirm-button:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px rgba(139,92,246,.3)}.delete-button{background:#ef4444;color:#fff}.delete-button:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px rgba(239,68,68,.3)}