:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;font-weight:400;color:#e4ecff;background-color:#0b1020;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(72,160,255,.15),transparent 30%),radial-gradient(circle at 80% 0%,rgba(78,115,255,.18),transparent 25%),#0b1224}#app{max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem 3rem}.app-shell{display:flex;flex-direction:column;gap:1.5rem}.app-header{background:linear-gradient(135deg,#0f1d36,#0a3a6f);border:1px solid rgba(255,255,255,.05);border-radius:18px;padding:1.75rem 2rem;box-shadow:0 20px 60px #00000059}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#7fb2ff;font-weight:700;margin:0 0 .35rem}h1{margin:0 0 .35rem;font-size:1.8rem}.lede{color:#c7d8ff;margin:0 0 .5rem}.panel{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:end;background:#0f1d36;border-radius:14px;padding:1.25rem 1.5rem;border:1px solid rgba(255,255,255,.06);box-shadow:0 12px 40px #00000040}.grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1rem}.card{background:#0f1d36;border-radius:14px;padding:1.5rem;border:1px solid rgba(255,255,255,.06);box-shadow:0 12px 40px #00000040}.card-header h2{margin:0 0 .25rem}.card-header .caption{margin:0}.field-group{display:flex;flex-direction:column;gap:.45rem;margin-bottom:.9rem}label{font-weight:600}input,textarea{width:100%;padding:.65rem .75rem;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#e8f0ff;transition:border-color .2s,box-shadow .2s;font-family:inherit;font-size:.95rem}select{width:100%;padding:.65rem 2.5rem .65rem .75rem;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#e8f0ff;transition:border-color .2s,box-shadow .2s;font-family:inherit;font-size:.95rem;cursor:pointer;-webkit-appearance:none;-moz-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='%23e8f0ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem}select option{background:#0f1d36;color:#e8f0ff;padding:.75rem;font-size:.95rem;border:none}select option:checked{background:#2a5fcb;color:#fff}input[type=checkbox]{width:auto;transform:scale(1.2);margin-right:.5rem;display:none}input[type=checkbox]+label.toggle{position:relative;display:inline-block;width:50px;height:24px;background:#ffffff1a;border-radius:12px;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .2s ease;margin-left:.5rem}input[type=checkbox]+label.toggle:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#e9f1ff;border-radius:50%;transition:all .2s ease;box-shadow:0 2px 4px #0003}input[type=checkbox]:checked+label.toggle{background:linear-gradient(120deg,#2a5fcb,#2e7bff);border-color:#4b9bff;box-shadow:0 0 10px #2a5fcb4d}input[type=checkbox]:checked+label.toggle:before{transform:translate(26px);background:#fff}input:focus,textarea:focus,select:focus{outline:none;border-color:#5ab0ff;box-shadow:0 0 0 3px #5ab0ff2e}textarea{min-height:120px;resize:vertical}button,.primary{border-radius:10px;border:1px solid #4b9bff;background:linear-gradient(120deg,#2a5fcb,#2e7bff);color:#e9f1ff;font-weight:700;padding:.75rem 1.1rem;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,opacity .2s ease;text-decoration:none;text-align:center}button:hover,.primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px #2a5fcb59}button:disabled,.primary:disabled{opacity:.5;cursor:not-allowed}.ghost{background:transparent;border-color:#fff3}.grid .card{min-height:100%}.parameter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem;margin:1rem 0}.caption{color:#9bb4da;font-size:.9rem;margin-top:.25rem}.tags{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.5rem}.tag{background:#5ab0ff1f;color:#aedaff;padding:.25rem .6rem;border-radius:999px;border:1px solid rgba(90,176,255,.2);font-size:.85rem}.pricing-info{margin:1rem 0;padding:1rem;background:#ffffff05;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.pricing-info h4{margin:0 0 .5rem;font-size:.9rem;font-weight:600;color:#7fb2ff;text-transform:uppercase;letter-spacing:.05em}.pricing-details{display:flex;gap:.75rem;flex-wrap:wrap}.pricing-item{background:#5ab0ff1a;color:#aedaff;padding:.25rem .6rem;border-radius:12px;border:1px solid rgba(90,176,255,.2);font-size:.85rem;font-weight:500}.preview{display:flex;align-items:center;gap:.75rem}.preview img{max-width:90px;border-radius:10px;border:1px solid rgba(255,255,255,.08)}.hint{margin:.25rem 0 0}.hint.error{color:#ff9f9f}.hint.success{color:#99ffcf}.output-card{display:flex;flex-direction:column;gap:1rem}.output{flex:1;border:1px dashed rgba(255,255,255,.15);border-radius:12px;min-height:320px;display:grid;place-items:center;padding:1rem;background:#ffffff05}.output img,.output video{max-width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #00000059}.output video{background:#000}.placeholder{color:#8ea5c9}.actions{display:flex;gap:.75rem}.history-list{display:flex;flex-direction:column;gap:1rem;max-height:800px;overflow-y:auto;padding-right:.5rem}.history-list::-webkit-scrollbar{width:6px}.history-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.history-item{display:flex;gap:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:.75rem;transition:transform .2s ease}.history-item:hover{background:#ffffff0d}.history-media{flex-shrink:0;width:120px;height:120px}.history-media img,.history-media video{width:100%;height:100%;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.history-video{background:#000}.history-image{flex-shrink:0;width:120px;height:120px}.history-image img{width:100%;height:100%;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.history-content{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.history-prompt{margin:0;font-size:.9rem;font-weight:500;color:#e4ecff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.history-meta{display:flex;gap:.75rem;font-size:.75rem;color:#9bb4da;margin-top:.25rem;flex-wrap:wrap;align-items:center}.media-type-badge{background:#5ab0ff33;color:#aedaff;padding:.15rem .5rem;border-radius:999px;border:1px solid rgba(90,176,255,.3);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.history-actions{display:flex;gap:.5rem;margin-top:.5rem}.ghost.small{padding:.35rem .65rem;font-size:.8rem;font-weight:600}.ghost.danger{color:#ff9f9f;border-color:#ff9f9f4d}.ghost.danger:hover{background:#ff9f9f1a;border-color:#ff9f9f}@media(max-width:980px){.grid{grid-template-columns:1fr}}@media(max-width:640px){#app{padding:1rem}.panel{grid-template-columns:1fr}}