:root{--bg:#0b0f1a;--card:#111827;--card-2:#1a2438;--border:hsla(0,0%,100%,.07);--border-purple:rgba(108,62,232,.55);--text:#f1f5f9;--muted:#475569;--muted-2:#94a3b8;--primary:#7c3aed;--primary-2:#4f46e5;--radius-lg:20px;--radius-md:12px;--radius-pill:999px}*,:after,:before{box-sizing:border-box}#__nuxt,body,html{margin:0;min-height:100%}body{background-color:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.site-shell{display:flex;flex-direction:column;min-height:100vh}.container{margin:0 auto;width:min(1200px,calc(100% - 40px))}.topbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0b0f1ae0;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.topbar__inner{gap:32px;padding:14px 0}.brand,.topbar__inner{align-items:center;display:flex}.brand{color:var(--text);flex-shrink:0;font-size:1.05rem;font-weight:700;gap:10px}.brand__logo{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-2));border-radius:10px;display:flex;height:40px;justify-content:center;overflow:hidden;width:40px}.brand__logo img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.topbar__nav{align-items:center;display:flex;gap:28px}.topbar__link{color:var(--muted-2);font-size:.92rem;transition:color .15s}.topbar__link:hover{color:var(--text)}.btn--cta{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-2));border:0;border-radius:var(--radius-pill);color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.9rem;font-weight:600;gap:7px;margin-left:auto;padding:10px 22px;transition:opacity .15s,transform .15s}.btn--cta:hover{opacity:.88;transform:translateY(-1px)}.btn--cta .btn__icon{height:14px;width:14px}.workspace{flex:1;padding:32px 0 28px}.workspace__grid{align-items:stretch;display:grid;gap:18px;grid-template-columns:1fr 1.52fr}.upload-card{align-items:center;background:var(--card);border:2px dashed var(--border-purple);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:0;justify-content:center;min-height:420px;outline:none;padding:52px 28px 44px;position:relative;text-align:center;transition:border-color .2s,background .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.upload-card:focus-visible,.upload-card:hover{background:#7c3aed0d;border-color:var(--primary)}.upload-card--loading{opacity:.55;pointer-events:none}.upload-card__spark{color:#818cf8;font-size:1.1rem;line-height:1;opacity:.75;pointer-events:none;position:absolute}.upload-card__spark--tl{left:44px;top:22px}.upload-card__spark--tr{font-size:.7rem;right:52px;top:18px}.upload-card__spark--br{bottom:26px;font-size:.8rem;right:40px}.upload-card__circle{align-items:center;background:#7c3aed24;border:1px solid rgba(124,58,237,.28);border-radius:var(--radius-pill);color:#818cf8;display:flex;height:80px;justify-content:center;margin-bottom:22px;width:80px}.upload-card__circle svg{height:28px;width:28px}.upload-card__title{color:var(--text);font-size:1.5rem;font-weight:700;margin:0 0 10px}.upload-card__hint{color:var(--muted-2);font-size:.95rem;margin:0 0 8px}.upload-card__link{color:#818cf8}.upload-card__meta{color:var(--muted);font-size:.84rem;margin:0 0 28px}.btn--browse{align-items:center;background:transparent;border:1px solid hsla(0,0%,100%,.15);border-radius:var(--radius-md);color:var(--text);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:8px;padding:10px 22px;transition:border-color .15s,background .15s}.btn--browse:hover{background:#ffffff0d;border-color:#ffffff47}.btn--browse svg{height:15px;width:15px}.preview-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;min-height:420px;overflow:hidden}.preview-card__loading{align-items:center;display:flex;flex:1;flex-direction:column;gap:10px;justify-content:center;padding:48px 32px;text-align:center}.spinner{animation:spin .8s linear infinite;border:3px solid rgba(124,58,237,.18);border-radius:var(--radius-pill);border-top:3px solid var(--primary);height:48px;margin-bottom:4px;width:48px}.preview-card__loading-title{font-size:1.05rem;font-weight:600;margin:0}.preview-card__loading-sub{color:var(--muted-2);font-size:.88rem;margin:0}.progress-track{background:#ffffff12;height:6px;margin-top:6px;max-width:260px;overflow:hidden;width:100%}.progress-fill,.progress-track{border-radius:var(--radius-pill)}.progress-fill{background:linear-gradient(90deg,var(--primary),var(--primary-2));height:100%;transition:width .2s ease}.before-after{display:grid;flex:1;grid-template-columns:1fr 1fr}.ba-col{min-height:320px;overflow:hidden;position:relative}.ba-col--checker{background-color:#e0e0e0;background-image:linear-gradient(45deg,silver 25%,transparent 0),linear-gradient(-45deg,silver 25%,transparent 0),linear-gradient(45deg,transparent 75%,silver 0),linear-gradient(-45deg,transparent 75%,silver 0);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.ba-label{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0f1eb8;border-radius:6px;color:#fff;font-size:.78rem;font-weight:600;left:12px;letter-spacing:.01em;padding:4px 12px;position:absolute;top:12px;z-index:2}.ba-img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.ba-img,.ba-placeholder{inset:0;position:absolute}.ba-placeholder{background:var(--card-2);opacity:.6}.action-row{border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:10px;padding:14px 16px}.action-row,.btn{align-items:center}.btn{border:0;border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:600;gap:7px;justify-content:center;padding:10px 18px;transition:opacity .15s,transform .15s;white-space:nowrap}.btn:not(:disabled):hover{opacity:.85;transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.35}.btn__icon{flex-shrink:0;height:14px;width:14px}.btn--primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;flex:1}.btn--dark{background:#ffffff0f;border:1px solid var(--border);color:var(--text)}.features-bar{background:var(--card);border-top:1px solid var(--border);padding:18px 0}.features-bar__grid{align-items:center;display:flex;gap:12px;justify-content:space-between}.feature-item{align-items:center;display:flex;flex:1;gap:11px}.feature-item+.feature-item{border-left:1px solid var(--border);padding-left:20px}.feature-item__icon{align-items:center;background:#7c3aed21;border:1px solid rgba(124,58,237,.22);border-radius:var(--radius-pill);color:#818cf8;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.feature-item__icon svg{height:15px;width:15px}.feature-item__title{color:var(--text);font-size:.85rem;font-weight:700;margin:0}.feature-item__sub{color:var(--muted);font-size:.75rem;margin:2px 0 0}@keyframes spin{to{transform:rotate(1turn)}}@media(max-width:960px){.workspace__grid{grid-template-columns:1fr}.topbar__nav{display:none}}@media(max-width:700px){.features-bar__grid{display:grid;gap:14px;grid-template-columns:1fr 1fr}.feature-item+.feature-item{border-left:none;padding-left:0}.action-row{flex-wrap:wrap}.btn--primary{flex:1 1 100%}}@media(max-width:440px){.features-bar__grid{grid-template-columns:1fr}}