@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);.btn{align-items:center;border:none;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-weight:600;justify-content:center;text-decoration:none;transition:var(--transition-fast)}.btn-primary{background-color:var(--color-primary);border:none;color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);box-shadow:var(--shadow-md);color:#fff;transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background-color:#fff;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--color-primary-light);border:2px solid var(--color-primary);box-shadow:var(--shadow-sm);color:#fff;transform:translateY(-2px)}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-outline{background-color:transparent;border:1px solid var(--color-gray-300);color:var(--color-gray-700)}.btn-outline:hover:not(:disabled){background-color:var(--color-gray-100);border-color:var(--color-gray-400)}.btn-text{background-color:transparent;color:var(--color-primary);padding:var(--spacing-1) var(--spacing-2)}.btn-text:hover:not(:disabled){background-color:var(--color-primary-light)}.btn-sm{font-size:.875rem;padding:var(--spacing-1) var(--spacing-2)}.btn-md{font-size:.95rem;padding:var(--spacing-2) var(--spacing-4)}.btn-lg{font-size:1rem;padding:var(--spacing-3) var(--spacing-5)}.btn-full{width:100%}.btn:disabled{cursor:not-allowed;opacity:.7}.btn:focus{box-shadow:0 0 0 3px rgba(67,97,238,.3);outline:none}.container{margin-left:auto;margin-right:auto;padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.container-sm{max-width:640px}.container-default{max-width:1200px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}.container-full{max-width:none}.container-centered{text-align:center}@media screen and (max-width:640px){.container{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}}.section{width:100%}.section-default{background-color:#fff;color:var(--color-gray-800)}.section-primary{background-color:var(--color-primary-light);color:var(--color-gray-900)}.section-secondary{background-color:var(--color-secondary-light);color:var(--color-gray-800)}.section-accent{background-color:var(--color-accent);color:#fff}.section-dark{background-color:var(--color-gray-900);color:#fff}.section-light{background-color:#fff;color:var(--color-gray-800)}.section-spacing-1{padding-bottom:var(--spacing-1);padding-top:var(--spacing-1)}.section-spacing-2{padding-bottom:var(--spacing-2);padding-top:var(--spacing-2)}.section-spacing-3{padding-bottom:var(--spacing-3);padding-top:var(--spacing-3)}.section-spacing-4{padding-bottom:var(--spacing-4);padding-top:var(--spacing-4)}.section-spacing-5{padding-bottom:var(--spacing-5);padding-top:var(--spacing-5)}.section-spacing-6{padding-bottom:var(--spacing-6);padding-top:var(--spacing-6)}.section-spacing-8{padding-bottom:var(--spacing-8);padding-top:var(--spacing-8)}.section-spacing-10{padding-bottom:var(--spacing-10);padding-top:var(--spacing-10)}.section-centered{text-align:center}.card{background-color:#fff;border-radius:var(--border-radius);overflow:hidden;transition:var(--transition)}.card-default{border:none;box-shadow:var(--shadow-md)}.card-outlined{border:1px solid var(--color-gray-200);box-shadow:none}.card-elevated{border:none;box-shadow:var(--shadow-lg)}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.card-padding-0{padding:0}.card-padding-1{padding:var(--spacing-1)}.card-padding-2{padding:var(--spacing-2)}.card-padding-3{padding:var(--spacing-3)}.card-padding-4{padding:var(--spacing-4)}.card-padding-5{padding:var(--spacing-5)}.card-header{border-bottom:1px solid var(--color-gray-200);padding:var(--spacing-4);padding-bottom:var(--spacing-3)}.card-body,.card-footer{padding:var(--spacing-4)}.card-footer{border-top:1px solid var(--color-gray-200);padding-top:var(--spacing-3)}.card-padding-0 .card-header{padding:var(--spacing-4);padding-bottom:var(--spacing-3)}.card-padding-0 .card-body{padding:var(--spacing-4)}.card-padding-0 .card-footer{padding:var(--spacing-4);padding-top:var(--spacing-3)}.grid{display:grid;grid-template-columns:repeat(12,1fr);width:100%}.grid-spacing-0{gap:0}.grid-spacing-1{gap:var(--spacing-1)}.grid-spacing-2{gap:var(--spacing-2)}.grid-spacing-3{gap:var(--spacing-3)}.grid-spacing-4{gap:var(--spacing-4)}.grid-spacing-5{gap:var(--spacing-5)}.grid-spacing-6{gap:var(--spacing-6)}.grid-item{grid-column:span 12}.grid-cols-1{grid-column:span 1}.grid-cols-2{grid-column:span 2}.grid-cols-3{grid-column:span 3}.grid-cols-4{grid-column:span 4}.grid-cols-5{grid-column:span 5}.grid-cols-6{grid-column:span 6}.grid-cols-7{grid-column:span 7}.grid-cols-8{grid-column:span 8}.grid-cols-9{grid-column:span 9}.grid-cols-10{grid-column:span 10}.grid-cols-11{grid-column:span 11}.grid-cols-12{grid-column:span 12}@media (min-width:640px){.grid-sm-1{grid-column:span 1}.grid-sm-2{grid-column:span 2}.grid-sm-3{grid-column:span 3}.grid-sm-4{grid-column:span 4}.grid-sm-5{grid-column:span 5}.grid-sm-6{grid-column:span 6}.grid-sm-7{grid-column:span 7}.grid-sm-8{grid-column:span 8}.grid-sm-9{grid-column:span 9}.grid-sm-10{grid-column:span 10}.grid-sm-11{grid-column:span 11}.grid-sm-12{grid-column:span 12}}@media (min-width:768px){.grid-md-1{grid-column:span 1}.grid-md-2{grid-column:span 2}.grid-md-3{grid-column:span 3}.grid-md-4{grid-column:span 4}.grid-md-5{grid-column:span 5}.grid-md-6{grid-column:span 6}.grid-md-7{grid-column:span 7}.grid-md-8{grid-column:span 8}.grid-md-9{grid-column:span 9}.grid-md-10{grid-column:span 10}.grid-md-11{grid-column:span 11}.grid-md-12{grid-column:span 12}}@media (min-width:1024px){.grid-lg-1{grid-column:span 1}.grid-lg-2{grid-column:span 2}.grid-lg-3{grid-column:span 3}.grid-lg-4{grid-column:span 4}.grid-lg-5{grid-column:span 5}.grid-lg-6{grid-column:span 6}.grid-lg-7{grid-column:span 7}.grid-lg-8{grid-column:span 8}.grid-lg-9{grid-column:span 9}.grid-lg-10{grid-column:span 10}.grid-lg-11{grid-column:span 11}.grid-lg-12{grid-column:span 12}}@media (min-width:1280px){.grid-xl-1{grid-column:span 1}.grid-xl-2{grid-column:span 2}.grid-xl-3{grid-column:span 3}.grid-xl-4{grid-column:span 4}.grid-xl-5{grid-column:span 5}.grid-xl-6{grid-column:span 6}.grid-xl-7{grid-column:span 7}.grid-xl-8{grid-column:span 8}.grid-xl-9{grid-column:span 9}.grid-xl-10{grid-column:span 10}.grid-xl-11{grid-column:span 11}.grid-xl-12{grid-column:span 12}}.heading{color:var(--color-gray-900);font-family:var(--font-family);font-weight:700;line-height:1.2;margin-top:0}.heading-h1{font-size:2.5rem}.heading-h1,.heading-h2{margin-bottom:var(--spacing-4)}.heading-h2{font-size:2rem}.heading-h3{font-size:1.5rem}.heading-h3,.heading-h4{margin-bottom:var(--spacing-3)}.heading-h4{font-size:1.25rem}.heading-h5{font-size:1.125rem}.heading-h5,.heading-h6{margin-bottom:var(--spacing-2)}.heading-h6{font-size:1rem}.text{font-family:var(--font-family);margin-top:0}.text-body1{font-size:1rem}.text-body1,.text-body2{line-height:1.6;margin-bottom:var(--spacing-3)}.text-body2{font-size:.95rem}.text-subtitle1{color:var(--color-gray-700);font-size:1.1rem}.text-subtitle1,.text-subtitle2{font-weight:500;line-height:1.5;margin-bottom:var(--spacing-3)}.text-subtitle2{color:var(--color-gray-600);font-size:.9rem}.text-caption{color:var(--color-gray-600);font-size:.875rem;line-height:1.4;margin-bottom:var(--spacing-2)}.text-overline{color:var(--color-gray-600);font-size:.75rem;font-weight:500;letter-spacing:.08em;margin-bottom:var(--spacing-1);text-transform:uppercase}.display{color:var(--color-gray-900);font-family:var(--font-family);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin-top:0}.display-1{font-size:3.5rem}.display-1,.display-2{margin-bottom:var(--spacing-5)}.display-2{font-size:3rem}.display-3{font-size:2.5rem;margin-bottom:var(--spacing-4)}@media screen and (max-width:640px){.heading-h1{font-size:2rem}.heading-h2{font-size:1.75rem}.heading-h3{font-size:1.35rem}.display-1{font-size:2.75rem}.display-2{font-size:2.5rem}.display-3{font-size:2.25rem}}.main-nav{background-color:#fff;box-shadow:var(--shadow-sm);padding:var(--spacing-3) 0;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:100}.main-nav.scrolled{box-shadow:var(--shadow-md);padding:var(--spacing-2) 0}.nav-container{justify-content:space-between}.nav-container,.nav-logo a{align-items:center;display:flex}.nav-logo a{text-decoration:none}.nav-menu{display:flex;gap:var(--spacing-5);list-style:none;margin:0;padding:0}.nav-menu li a{border-radius:var(--border-radius-sm);color:var(--color-gray-700);font-size:1rem;font-weight:500;padding:var(--spacing-1) var(--spacing-2);text-decoration:none;transition:var(--transition-fast)}.nav-menu li a.active,.nav-menu li a:hover{color:var(--color-primary)}.nav-menu li a.active{font-weight:600}.nav-actions,.user-info{align-items:center;display:flex}.user-info{gap:var(--spacing-3)}.user-greeting{color:var(--color-gray-700);font-size:.95rem;font-weight:500}.nav-toggle{cursor:pointer;display:none;flex-direction:column;gap:6px;padding:var(--spacing-2)}.nav-toggle span{background-color:var(--color-gray-700);border-radius:3px;display:block;height:3px;transition:all .3s ease;width:25px}@media (max-width:768px){.nav-toggle{display:flex;z-index:200}.nav-menu{background-color:#fff;box-shadow:-5px 0 15px rgba(0,0,0,.1);flex-direction:column;gap:var(--spacing-4);height:100vh;padding:80px var(--spacing-4) var(--spacing-4);position:fixed;right:-100%;top:0;transition:right .3s ease;width:70%;z-index:100}.nav-menu.open{right:0}.nav-menu li{width:100%}.nav-menu li a{display:block;font-size:1.1rem;padding:var(--spacing-3)}.nav-actions{margin-left:auto;margin-right:var(--spacing-4)}.user-greeting{display:none}.nav-toggle.open span:first-child{transform:translateY(9px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:last-child{transform:translateY(-9px) rotate(-45deg)}}.hero-section{background-color:#fff;background-size:cover;overflow:hidden;position:relative}.hero-title{font-size:3.5rem;margin-bottom:var(--spacing-4)}.hero-description{color:var(--color-gray-700);font-size:1.2rem;margin:0 auto var(--spacing-5);max-width:700px}.hero-actions{display:flex;gap:var(--spacing-3);justify-content:center;margin-top:var(--spacing-5)}.section-title{margin-bottom:var(--spacing-2)}.section-subtitle{color:var(--color-gray-600);margin:0 auto var(--spacing-6);max-width:700px}.feature-card{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:flex-start;transition:var(--transition)}.feature-card:hover{transform:translateY(-10px)}.feature-icon{color:var(--color-primary);font-size:2.5rem;margin-bottom:var(--spacing-3)}.steps-container{display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:space-between;margin-top:var(--spacing-5)}.step{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-md);flex:1 1;min-width:210px;padding:var(--spacing-4);position:relative;text-align:center;transition:var(--transition)}.step:hover{transform:scale(1.05)}.step-number{align-items:center;background-color:var(--color-primary);border-radius:50%;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;margin:0 auto var(--spacing-3);width:40px}.testimonial-card{display:flex;flex-direction:column;height:100%}.testimonial-content{flex:1 1;font-style:italic;margin-bottom:var(--spacing-3)}.testimonial-author{border-top:1px solid var(--color-gray-200);padding-top:var(--spacing-3)}.cta-section{background-color:var(--color-secondary)}.cta-title{color:#fff}.home-cta-description{color:#fff;font-size:1.1rem;font-weight:500;line-height:1.5;margin-bottom:var(--spacing-4)}.cta-button:hover:not(:disabled){border-color:var(--color-primary-light)}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-description{font-size:1rem}.hero-actions{align-items:center;flex-direction:column}.steps-container{flex-direction:column;margin-left:auto;margin-right:auto;max-width:400px}.step{width:100%}}.video-player{animation:fadeIn .3s ease-out;background-color:var(--color-gray-900);border-radius:var(--border-radius)}.video-player-content{width:100%}.video-frame-container{background-color:#000;border-radius:var(--border-radius) var(--border-radius) 0 0;overflow:hidden;padding-top:56.25%;position:relative;width:100%}.video-frame{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.video-player-info{background-color:#fff;border-radius:0 0 var(--border-radius) var(--border-radius);padding:var(--spacing-4)}.video-player-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-3)}.video-player-category{background-color:var(--color-primary-light);border-radius:12px;color:var(--color-primary);display:inline-block;font-size:.8rem;font-weight:500;margin-top:var(--spacing-2);padding:2px 10px}.close-button{height:40px;line-height:1;min-width:40px;padding:var(--spacing-1) var(--spacing-2)}.video-description{color:var(--color-gray-700);line-height:1.6}@media (max-width:768px){.video-player-info{padding:var(--spacing-3)}.video-player-header{flex-direction:column}.close-button{background-color:rgba(0,0,0,.5);color:#fff;position:absolute;right:10px;top:10px;z-index:10}}.videos-header{background-color:var(--color-primary-light)}.header-description{color:#fff;margin:0 auto var(--spacing-4);max-width:700px}.category-filter{display:flex;flex-wrap:wrap;gap:var(--spacing-2);justify-content:center;margin-top:var(--spacing-4)}.category-button{background-color:#fff;border:1px solid var(--color-gray-300);border-radius:var(--border-radius);color:var(--color-gray-700);cursor:pointer;font-family:var(--font-family);font-size:.95rem;font-weight:500;padding:var(--spacing-2) var(--spacing-4);transition:var(--transition-fast)}.category-button:hover{background-color:var(--color-gray-100);border-color:var(--color-gray-400)}.category-button.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.video-card{display:flex;flex-direction:column;height:100%;transition:var(--transition)}.video-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.video-thumbnail{aspect-ratio:16/9;cursor:pointer;overflow:hidden;position:relative}.video-thumbnail img{display:block;height:auto;transition:transform .3s ease;width:100%}.video-card:hover .video-thumbnail img{transform:scale(1.05)}.play-button-overlay{align-items:center;background-color:rgba(0,0,0,.3);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.video-thumbnail:hover .play-button-overlay{opacity:1}.play-button-icon{align-items:center;background-color:hsla(0,0%,100%,.8);border-radius:50%;display:flex;height:60px;justify-content:center;position:relative;transition:transform .2s ease;width:60px}.play-button-icon:hover{background-color:#fff;transform:scale(1.1)}.play-button-icon:after{border-color:transparent transparent transparent var(--color-primary);border-style:solid;border-width:10px 0 10px 18px;content:"";height:0;left:53%;position:absolute;transform:translateX(-50%);width:0}.video-duration{background-color:rgba(0,0,0,.7);border-radius:4px;bottom:10px;color:#fff;font-size:.8rem;font-weight:500;padding:2px 8px;position:absolute;right:10px;z-index:1}.video-info{display:flex;flex:1 1;flex-direction:column;padding:var(--spacing-4)}.video-info h3{font-size:1.1rem;margin-bottom:var(--spacing-2)}.video-category{background-color:var(--color-primary-light);border-radius:12px;color:#fff;display:inline-block;font-size:.8rem;font-weight:500;padding:2px 10px;width:-webkit-fit-content;width:fit-content}.video-category,.video-info p{margin-bottom:var(--spacing-3)}.video-info p{color:var(--color-gray-700);font-size:.95rem;line-height:1.5}.watch-button{margin-top:var(--spacing-2)}.video-player-section{background-color:var(--color-gray-900);padding-bottom:var(--spacing-4);padding-top:var(--spacing-4)}.videos-cta{background-color:var(--color-primary-light)}.cta-description{color:var(--color-gray-700);margin-bottom:var(--spacing-4)}.no-videos{background-color:var(--color-gray-100);border-radius:var(--border-radius);padding:var(--spacing-8);text-align:center}@media (max-width:768px){.category-filter{flex-direction:row;overflow-x:auto;padding-bottom:var(--spacing-2)}.category-button{flex-shrink:0}.play-button-icon{height:50px;width:50px}.play-button-icon:after{border-width:8px 0 8px 14px}}.app-header{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-md);overflow:hidden;padding:var(--spacing-4) var(--spacing-5);position:relative}.app-header:before{background:linear-gradient(90deg,var(--color-primary),var(--color-accent));content:"";height:4px;left:0;position:absolute;top:0;width:100%}.header-content{align-items:center;display:flex;justify-content:space-between}.logo-title{align-items:flex-start;display:flex;flex-direction:column}.app-title{font-size:1.8rem;font-weight:700;margin-bottom:var(--spacing-1)}.text-gradient{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;background-clip:text}.subtitle{color:var(--color-gray-600);font-size:.95rem;font-weight:400}.help-button{align-items:center;background-color:var(--color-primary-light);border:none;border-radius:50%;color:#000;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:36px;justify-content:center;transition:var(--transition-fast);width:36px}.help-button:hover{background-color:var(--color-primary);color:#fff;transform:scale(1.05)}.help-panel{animation:fadeIn .3s ease-out;background-color:#fff;border-left:4px solid var(--color-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-md);margin-top:var(--spacing-4);padding:var(--spacing-4)}.help-content h3{color:var(--color-gray-900);font-weight:600;margin-bottom:var(--spacing-3)}.help-content ol,.help-content ul{color:var(--color-gray-700);margin-bottom:var(--spacing-4);padding-left:var(--spacing-5)}.help-content li{margin-bottom:var(--spacing-2)}.help-content p{color:var(--color-gray-700);margin-bottom:var(--spacing-3)}.help-content strong{color:var(--color-gray-900);font-weight:600}.close-help{margin-top:var(--spacing-3)}@media (max-width:768px){.app-header{padding:var(--spacing-3)}.header-content{align-items:flex-start;flex-direction:column;gap:var(--spacing-3)}.app-title{font-size:1.5rem}}.prompt-controls{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-md);display:flex;flex-wrap:wrap;gap:var(--spacing-4);margin-bottom:var(--spacing-5);padding:var(--spacing-4)}.control-group{display:flex;flex:1 1;flex-direction:column;min-width:180px}.control-group label{color:var(--color-secondary);font-size:.9rem;font-weight:600;margin-bottom:var(--spacing-2)}.control-group select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .7rem center;background-repeat:no-repeat;background-size:1em;border:1px solid var(--color-secondary);border-radius:var(--border-radius);color:var(--color-secondary);font-family:var(--font-family);font-size:.95rem;padding:var(--spacing-2) var(--spacing-3);transition:var(--transition-fast)}.control-group select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(67,97,238,.15);outline:none}.toggle-container{border:1px solid var(--gray-300);border-radius:var(--border-radius);display:flex;margin-bottom:10px;overflow:hidden}.toggle-button,.toggle-container{background-color:#fff;position:relative}.toggle-button{border:none;color:var(--color-secondary);cursor:pointer;flex:1 1;font-family:var(--font-family);font-size:.95rem;font-weight:500;padding:var(--spacing-2) var(--spacing-3);transition:var(--transition-fast)}.toggle-button.active{background-color:var(--color-primary);color:#fff;font-weight:600}.toggle-button:not(.active){border:1px solid var(--color-primary-light)}.toggle-button:not(.active):hover{background-color:var(--color-primary-light);color:#fff}[data-tooltip]{position:relative}[data-tooltip]:hover:after{background-color:#fff;border:1px solid var(--color-secondary);border-radius:var(--border-radius);bottom:-45px;box-shadow:var(--shadow-md);color:var(--gray-800);content:attr(data-tooltip);font-size:.85rem;font-weight:400;left:50%;max-width:220px;padding:8px 12px;position:absolute;text-align:center;transform:translateX(-50%);white-space:nowrap;width:-webkit-max-content;width:max-content;z-index:100}[data-tooltip]:hover:before{border:5px solid transparent;border-bottom-color:#fff;bottom:-10px;content:"";left:50%;position:absolute;transform:translateX(-50%);z-index:101}.level-toggle{margin-bottom:10px}.level-toggle .toggle-container:after{content:"";display:block;height:45px;opacity:0;pointer-events:none}@media (max-width:768px){.prompt-controls{flex-direction:column;gap:var(--spacing-3)}.control-group{width:100%}}.prompt-input-output{display:flex;gap:var(--spacing-5);margin-bottom:var(--spacing-5)}.prompt-panel{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-md);display:flex;flex:1 1;flex-direction:column;padding:var(--spacing-4)}.prompt-panel h2{color:var(--gray-900);font-size:1.1rem;font-weight:600;margin-bottom:var(--spacing-3)}.panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-3)}.prompt-textarea{border:1px solid var(--color-secondary-dark);border-radius:var(--border-radius);color:var(--gray-800);flex:1 1;font-family:var(--font-family);font-size:.95rem;line-height:1.6;min-height:220px;padding:var(--spacing-3);resize:vertical;transition:var(--transition-fast);width:100%}.prompt-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(67,97,238,.15);outline:none}.output-container{display:flex;flex:1 1;flex-direction:column}.text-stats{color:var(--gray-500);font-size:.8rem;justify-content:space-between;margin-top:var(--spacing-2)}.copy-button,.text-stats{display:flex;font-weight:500}.copy-button{align-items:center;background-color:var(--primary-light);border:none;border-radius:var(--border-radius);color:var(--primary-color);cursor:pointer;font-size:.85rem;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);transition:var(--transition-fast)}.copy-button:hover{background-color:var(--primary-color);color:#fff}.copy-button:focus{box-shadow:0 0 0 3px rgba(67,97,238,.15);outline:none}.copy-button:before{content:"📋";display:inline-block;font-size:.85rem}.optimizing-indicator{align-items:center;background-color:var(--gray-50);border:1px dashed var(--gray-300);border-radius:var(--border-radius);display:flex;flex-direction:column;height:220px;justify-content:center}.spinner{animation:spin 1s linear infinite;border-top:3px solid var(--gray-200);border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary-color);height:40px;margin-bottom:var(--spacing-3);width:40px}.optimizing-indicator p{color:var(--gray-600);font-weight:500}.error-message{background-color:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:var(--border-radius);color:var(--danger-color);font-weight:500;padding:var(--spacing-4);text-align:center}@media (max-width:768px){.prompt-input-output{flex-direction:column}.prompt-panel{padding:var(--spacing-3)}}.action-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-3);margin-bottom:var(--spacing-5)}.primary-button{align-items:center;background-color:var(--color-primary);border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;display:flex;font-family:var(--font-family);font-size:.95rem;font-weight:600;justify-content:center;min-width:150px;padding:var(--spacing-2) var(--spacing-4);transition:var(--transition-fast)}.primary-button:hover:not(:disabled){background-color:var(--color-primary-dark);box-shadow:0 4px 8px rgba(0,0,0,.1);transform:translateY(-1px)}.primary-button:active:not(:disabled){transform:translateY(0)}.primary-button:focus{box-shadow:0 0 0 3px rgba(67,97,238,.3);outline:none}.primary-button:disabled{background-color:var(--color-gray-400);cursor:not-allowed;opacity:.7}.secondary-button{align-items:center;background-color:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:var(--border-radius);color:#fff;cursor:pointer;display:flex;font-family:var(--font-family);font-size:.95rem;font-weight:500;justify-content:center;min-width:120px;padding:var(--spacing-2) var(--spacing-4);transition:var(--transition-fast)}.secondary-button:hover:not(:disabled){background-color:var(--color-secondary-light);border-color:var(--color-primary-dark);color:var(--color-primary-dark)}.secondary-button:focus{box-shadow:0 0 0 3px rgba(67,97,238,.15);outline:none}.secondary-button:disabled{background-color:var(--color-gray-200);border-color:var(--color-gray-300);color:var(--color-gray-400);cursor:not-allowed}@media (max-width:768px){.action-buttons{flex-direction:column}.action-buttons button{width:100%}}.feedback-container{animation:fadeIn .5s ease-out;background-color:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-5);margin-top:var(--spacing-4);padding:var(--spacing-4)}.feedback-container h3{align-items:center;color:var(--gray-900);display:flex;font-size:1.1rem;font-weight:600;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.feedback-container h3:before{content:"📊";display:inline-block;font-size:1.1rem}.feedback-scores{display:flex;flex-wrap:wrap;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.score-indicator{background-color:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--border-radius);flex:1 1;min-width:140px;padding:var(--spacing-3);transition:var(--transition-fast)}.score-indicator:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.score-label{color:var(--gray-700);font-size:.9rem;font-weight:600}.score-dots,.score-label{margin-bottom:var(--spacing-2)}.score-dots{display:flex;gap:6px}.score-dot{background-color:var(--gray-200);border-radius:50%;height:14px;transition:var(--transition-fast);width:14px}.score-dot.active{background-color:var(--primary-color)}.score-indicator[data-score="1"] .score-dot.active{background-color:#ef4444}.score-indicator[data-score="2"] .score-dot.active{background-color:#f97316}.score-indicator[data-score="3"] .score-dot.active{background-color:#f59e0b}.score-indicator[data-score="4"] .score-dot.active{background-color:#84cc16}.score-indicator[data-score="5"] .score-dot.active{background-color:#10b981}.score-value{color:var(--gray-600);font-size:.85rem;font-weight:500}.improvements-section{border-top:1px solid var(--gray-200);margin-top:var(--spacing-3);padding-top:var(--spacing-3);position:relative}.improvements-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-2) 0;transition:var(--transition-fast)}.improvements-header:hover{color:var(--primary-color)}.improvements-header h4{color:var(--gray-800);font-size:1rem;font-weight:600}.info-icon{align-items:center;background-color:var(--color-primary-light);border-radius:50%;color:var(--color-secondary-dark);display:flex;font-size:1rem;font-weight:700;height:24px;justify-content:center;transition:var(--transition-fast);width:24px}.improvements-header:hover .info-icon{background-color:var(--color-primary);color:#fff}.improvements-tooltip{animation:fadeIn .3s ease-out;background-color:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);margin-top:var(--spacing-2);padding:var(--spacing-3)}.improvements-tooltip ul{padding-left:var(--spacing-4)}.improvements-tooltip li{color:var(--gray-700);margin-bottom:var(--spacing-2);padding:var(--spacing-1) 0}.improvements-tooltip li::marker{color:var(--primary-color)}.feedback-container.empty{align-items:center;color:var(--gray-500);display:flex;flex-direction:column;font-style:italic;justify-content:center;padding:var(--spacing-5)}@media (max-width:768px){.feedback-scores{flex-direction:column;gap:var(--spacing-3)}}.library-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100}.library-container{animation:scaleIn .3s ease-out;background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:80vh;max-width:1100px;overflow:hidden;position:relative;width:90%}.library-container:before{background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);content:"";height:4px;left:0;position:absolute;top:0;width:100%}.library-header{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:var(--spacing-4) var(--spacing-5)}.library-header h2{color:var(--gray-900);font-size:1.4rem;font-weight:600}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--gray-600);cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;transition:var(--transition-fast);width:36px}.close-button:hover{background-color:var(--gray-100);color:var(--gray-900)}.library-tabs{border-bottom:1px solid var(--gray-200);display:flex}.tab-button{background:none;border:none;border-bottom:3px solid transparent;color:var(--gray-600);cursor:pointer;font-family:var(--font-family);font-size:.95rem;font-weight:500;padding:var(--spacing-3) var(--spacing-4);transition:var(--transition-fast)}.tab-button.active{border-bottom:3px solid var(--color-primary);color:var(--color-primary);font-weight:600}.tab-button:hover:not(.active){background-color:var(--gray-50);color:var(--gray-900)}.library-filters{background-color:var(--gray-50);border-bottom:1px solid var(--gray-200);display:flex;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5)}.search-input{border:1px solid var(--color-secondary-dark);border-radius:var(--border-radius);flex:3 1;font-family:var(--font-family);font-size:.95rem;padding:var(--spacing-2) var(--spacing-3);transition:var(--transition-fast)}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(67,97,238,.15);outline:none}.use-case-filter{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .7rem center;background-repeat:no-repeat;background-size:1em;border:1px solid var(--color-secondary-dark);border-radius:var(--border-radius);color:var(--gray-800);flex:1 1;font-family:var(--font-family);font-size:.95rem;padding:var(--spacing-2) var(--spacing-3);transition:var(--transition-fast)}.use-case-filter:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(67,97,238,.15);outline:none}.prompt-cards{grid-gap:var(--spacing-4);background-color:var(--gray-50);display:grid;flex:1 1;gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));overflow-y:auto;padding:var(--spacing-5)}.prompt-card{background-color:#fff;border:1px solid var(--color-secondary-light);border-radius:var(--border-radius);box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100%;padding:var(--spacing-4);transition:var(--transition)}.prompt-card:hover{border-color:var(--color-secondary-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-title{color:var(--gray-900);font-size:1.1rem;font-weight:600}.card-preview,.card-title{margin-bottom:var(--spacing-3)}.card-preview{color:var(--gray-700);flex:1 1;font-size:.9rem;line-height:1.6}.card-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.tag{background-color:var(--color-primary-light);border-radius:12px;color:#fff;font-size:.8rem;font-weight:500;padding:2px 10px;transition:var(--transition-fast)}.tag:hover{background-color:var(--color-primary);color:#fff}.card-actions{display:flex;gap:var(--spacing-2)}.card-action-button{border-radius:var(--border-radius);cursor:pointer;flex:1 1;font-family:var(--font-family);font-size:.9rem;font-weight:500;padding:var(--spacing-2);transition:var(--transition-fast)}.use-button{background-color:var(--color-primary);border:none;color:#fff}.use-button:hover{background-color:var(--color-primary-light)}.use-button:focus{box-shadow:0 0 0 3px rgba(67,97,238,.3);outline:none}.card-copy-button{background-color:#fff;border:1px solid var(--color-secondary-dark);color:var(--color-secondary-dark)}.card-copy-button:hover{background-color:#fff;border-color:var(--color-primary);color:var(--color-primary)}.no-results{color:var(--gray-600);font-size:1.1rem;grid-column:1/-1;padding:var(--spacing-6);text-align:center}.no-results svg{color:var(--gray-400);display:block;height:60px;margin:0 auto var(--spacing-4);width:60px}.loading-indicator{align-items:center;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:var(--spacing-6)}.loading-indicator .spinner{margin-bottom:var(--spacing-3)}.loading-indicator p{color:var(--gray-600);font-weight:500}@media (max-width:768px){.prompt-cards{grid-template-columns:1fr}.library-filters{flex-direction:column;gap:var(--spacing-3)}}@media (max-width:992px) and (min-width:769px){.prompt-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.prompt-optimizer-page{min-height:calc(100vh - 160px);padding:var(--spacing-4) 0}.optimizer-content{margin-bottom:var(--spacing-6)}.app-header{margin-bottom:var(--spacing-5)}@media (max-width:768px){.prompt-optimizer-page{padding:var(--spacing-3) 0}}:root{--color-primary:#4361ee;--color-primary-light:#e7edff;--color-primary-dark:#2e48c2;--color-secondary:#6c757d;--color-secondary-light:#f8f9fa;--color-secondary-dark:#495057;--color-accent:#3a0ca3;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--spacing-0:0;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:1rem;--spacing-4:1.5rem;--spacing-5:2rem;--spacing-6:3rem;--spacing-8:4rem;--spacing-10:5rem;--spacing-12:6rem;--spacing-16:8rem;--border-radius-sm:0.25rem;--border-radius:0.5rem;--border-radius-lg:0.75rem;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px rgba(0,0,0,.07),0 1px 3px rgba(0,0,0,.05);--shadow-lg:0 10px 15px rgba(0,0,0,.07),0 4px 6px rgba(0,0,0,.05);--shadow-xl:0 20px 25px rgba(0,0,0,.1),0 10px 10px rgba(0,0,0,.04);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition:250ms cubic-bezier(0.4,0,0.2,1);--container-max-width:1200px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:#f9fafb;background-color:var(--color-gray-50);color:#1f2937;color:var(--color-gray-800);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-family:var(--font-family);line-height:1.6}a{color:#4361ee;color:var(--color-primary);text-decoration:none;transition:.15s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}a:hover{color:#2e48c2;color:var(--color-primary-dark)}:focus{outline:2px solid #4361ee;outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.container{margin:0 auto;max-width:1200px;max-width:var(--container-max-width);padding:0 1.5rem;padding:0 var(--spacing-4);width:100%}.app-wrapper{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1 1}.text-center{text-align:center}.mb-1{margin-bottom:.25rem;margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:1rem;margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:1.5rem;margin-bottom:var(--spacing-4)}.mb-5{margin-bottom:2rem;margin-bottom:var(--spacing-5)}.mb-6{margin-bottom:3rem;margin-bottom:var(--spacing-6)}.mt-1{margin-top:.25rem;margin-top:var(--spacing-1)}.mt-2{margin-top:.5rem;margin-top:var(--spacing-2)}.mt-3{margin-top:1rem;margin-top:var(--spacing-3)}.mt-4{margin-top:1.5rem;margin-top:var(--spacing-4)}.mt-5{margin-top:2rem;margin-top:var(--spacing-5)}.mt-6{margin-top:3rem;margin-top:var(--spacing-6)}
/*# sourceMappingURL=main.938960f6.css.map*/