:root{--bg:#0B1020;--bg-2:#10172A;--bg-3:#16213A;--surf:#1B2945;--surf-2:#233452;--line:rgba(255,255,255,0.07);--line-2:rgba(255,255,255,0.04);--pearl:#F0EBE3;--pearl-2:#C8C0B4;--pearl-3:#A1A9BD;--pearl-4:#77839D;--coral:#FF5733;--coral-2:#E04420;--coral-glow:rgba(255,87,51,0.30);--coral-soft:rgba(255,87,51,0.10);--candy:#FF6EB4;--candy-glow:rgba(255,110,180,0.28);--candy-soft:rgba(255,110,180,0.09);--green:#4ADE80;--green-glow:rgba(74,222,128,0.25);--grad-accent:linear-gradient(135deg,var(--coral) 0%,var(--candy) 100%);--font-ui:'Geist Mono','JetBrains Mono',ui-monospace,monospace;--font-body:'Inter','Segoe UI',system-ui,sans-serif;--r-sm:8px;--r-md:14px;--r-lg:20px;--r-xl:26px;--r-2xl:36px;--max-w:1400px;--topbar-h:64px;}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;}body{font-family:var(--font-body);background:var(--bg);color:var(--pearl);min-height:100vh;overflow-x:hidden;padding-top:var(--topbar-h);}[hidden]{display:none !important;}a{color:inherit;}.topbar{position:fixed;top:0;left:0;right:0;height:var(--topbar-h);z-index:200;background:rgba(11,16,32,0.88);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid var(--line);}.topbar-inner{max-width:var(--max-w);margin:0 auto;height:100%;padding:0 2.5rem;display:flex;align-items:center;justify-content:space-between;}.topbar-brand{text-decoration:none;display:flex;align-items:center;}.topbar-logo{font-family:var(--font-ui);font-size:1.25rem;font-weight:900;letter-spacing:-0.03em;color:var(--pearl);}.topbar-logo .grad{background:var(--grad-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.btn-hub{font-family:var(--font-ui);font-size:0.7rem;font-weight:700;letter-spacing:0.05em;text-decoration:none;color:var(--pearl-3);border:1px solid rgba(255,255,255,0.12);border-radius:99px;padding:0.42rem 1.15rem;transition:color 0.18s,border-color 0.18s,background 0.18s,box-shadow 0.18s;}.btn-hub:hover{color:var(--pearl);border-color:rgba(255,87,51,0.45);background:var(--coral-soft);box-shadow:0 0 16px var(--coral-glow);}.page-wrap{max-width:var(--max-w);margin:0 auto;padding:0 2.5rem;}.status-pill{display:inline-flex;align-items:center;gap:0.5rem;font-family:var(--font-ui);font-size:0.68rem;font-weight:600;color:var(--pearl-3);background:rgba(255,255,255,0.04);border:1px solid var(--line);border-radius:99px;padding:0.35rem 1rem;letter-spacing:0.03em;white-space:nowrap;backdrop-filter:blur(8px);}.status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:var(--pearl-4);animation:blink 1.6s ease-in-out infinite;}.status-dot.ready{background:var(--green);animation:none;box-shadow:0 0 8px var(--green-glow);}.status-dot.error{background:#FF4444;animation:none;}.status-dot.working{background:var(--coral);box-shadow:0 0 10px var(--coral-glow);}@keyframes blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.5)}}.hero{padding:5rem 0 3rem;display:flex;flex-direction:column;gap:1.5rem;}.hero-eyebrow{display:flex;align-items:center;gap:0.55rem;flex-wrap:wrap;}.eyebrow-tag{font-family:var(--font-ui);font-size:0.62rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--pearl-4);}.eyebrow-sep{color:var(--pearl-4);opacity:0.35;}.hero-title{font-family:var(--font-ui);font-size:clamp(3rem,6vw,5.5rem);font-weight:900;line-height:0.94;letter-spacing:-0.04em;color:var(--pearl);}.hero-title .grad{background:var(--grad-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 28px var(--coral-glow)) drop-shadow(0 0 50px var(--candy-glow));}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;flex-wrap:wrap;}.hero-sub{font-family:var(--font-body);font-size:1rem;font-weight:400;color:var(--pearl-3);line-height:1.65;max-width:400px;}.hero-right-cluster{display:flex;flex-direction:column;align-items:flex-end;gap:0.85rem;}.pills-row{display:flex;flex-wrap:wrap;gap:0.38rem;justify-content:flex-end;}.glow-pill{display:inline-flex;align-items:center;gap:0.3rem;font-family:var(--font-ui);font-size:0.62rem;font-weight:600;letter-spacing:0.05em;padding:0.26rem 0.78rem;border-radius:99px;border:1px solid rgba(255,110,180,0.22);background:rgba(255,110,180,0.07);color:var(--candy);user-select:none;transition:background 0.18s,box-shadow 0.18s;}.glow-pill:hover{background:rgba(255,110,180,0.13);box-shadow:0 0 14px var(--candy-glow);}.glow-pill .dot{width:4px;height:4px;border-radius:50%;background:var(--candy);box-shadow:0 0 5px var(--candy);}.glow-pill.coral{border-color:rgba(255,87,51,0.22);background:rgba(255,87,51,0.07);color:var(--coral);}.glow-pill.coral .dot{background:var(--coral);box-shadow:0 0 5px var(--coral);}.glow-pill.coral:hover{background:rgba(255,87,51,0.14);box-shadow:0 0 14px var(--coral-glow);}.studio-block{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-2xl);overflow:hidden;box-shadow:0 4px 60px rgba(0,0,0,0.45),0 0 0 0.5px rgba(255,255,255,0.03);}.canvas-zone{position:relative;width:100%;min-height:520px;background:var(--bg);overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer;}.canvas-zone.has-image{cursor:default;}.canvas-dashed{position:absolute;inset:16px;border:1.5px dashed rgba(255,255,255,0.08);border-radius:calc(var(--r-2xl) - 8px);pointer-events:none;z-index:1;transition:border-color 0.2s;}.canvas-zone.drag-over .canvas-dashed,.canvas-zone:hover:not(.has-image) .canvas-dashed{border-color:rgba(255,87,51,0.4);}.canvas-zone.has-image .canvas-dashed{display:none;}.drop-ui{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.1rem;pointer-events:none;}.drop-icon{width:58px;height:58px;border-radius:18px;border:2px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.03);display:flex;align-items:center;justify-content:center;transition:border-color 0.2s,box-shadow 0.2s;}.canvas-zone:hover:not(.has-image) .drop-icon,.canvas-zone.drag-over .drop-icon{border-color:rgba(255,87,51,0.5);box-shadow:0 0 24px var(--coral-glow);}.drop-icon svg{opacity:0.3;transition:opacity 0.2s;}.canvas-zone:hover:not(.has-image) .drop-icon svg{opacity:0.65;}.drop-title{font-family:var(--font-ui);font-size:1.05rem;font-weight:700;color:rgba(240,235,227,0.55);}.drop-sub{font-family:var(--font-ui);font-size:0.65rem;font-weight:500;color:var(--pearl-4);letter-spacing:0.05em;}#canvasIn{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;}.canvas-hud-bar{position:absolute;bottom:0;left:0;right:0;z-index:10;padding:2rem 1.2rem 0.8rem;background:linear-gradient(to top,rgba(0,0,0,0.7) 0%,transparent 100%);display:flex;align-items:center;justify-content:space-between;pointer-events:none;}.hud-chip{font-family:var(--font-ui);font-size:0.6rem;font-weight:600;letter-spacing:0.06em;color:var(--pearl-2);background:rgba(15,17,23,0.78);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.1);border-radius:99px;padding:0.22rem 0.72rem;}.hud-chip.coral{color:var(--coral);border-color:rgba(255,87,51,0.3);}.hud-chip.green{color:var(--green);border-color:rgba(74,222,128,0.3);}.hud-chip.candy{color:var(--candy);border-color:rgba(255,110,180,0.3);}.canvas-progress{position:absolute;bottom:0;left:0;right:0;z-index:20;}.canvas-progress-track{height:3px;background:rgba(255,255,255,0.07);}.canvas-progress-fill{height:100%;width:0;background:var(--grad-accent);transition:width 0.35s ease;position:relative;overflow:hidden;}.canvas-progress-fill::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(-55deg,transparent,transparent 5px,rgba(255,255,255,0.22) 5px,rgba(255,255,255,0.22) 10px);animation:stripe 0.7s linear infinite;}@keyframes stripe{to{background-position-x:20px;}}.canvas-progress-label{position:absolute;bottom:6px;right:1rem;font-family:var(--font-ui);font-size:0.58rem;font-weight:600;color:var(--pearl-3);background:rgba(15,17,23,0.75);backdrop-filter:blur(6px);border-radius:99px;padding:0.18rem 0.6rem;}.ba-wrap{position:absolute;inset:0;display:none;touch-action:none;user-select:none;z-index:3;}.ba-wrap.active{display:block;}#baCanvasBefore,#baCanvasAfter{position:absolute;top:0;left:0;display:block;}.ba-divider{position:absolute;top:0;bottom:0;width:2px;background:var(--coral);box-shadow:0 0 16px var(--coral),0 0 40px rgba(255,87,51,0.35);cursor:ew-resize;z-index:6;transform:translateX(-50%);}.ba-knob{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:var(--grad-accent);box-shadow:0 0 24px var(--coral-glow),0 0 50px var(--candy-glow);border:2px solid rgba(255,255,255,0.3);display:flex;align-items:center;justify-content:center;pointer-events:none;font-family:var(--font-ui);font-size:0.52rem;color:white;letter-spacing:0.04em;}.ba-label-l,.ba-label-r{position:absolute;top:1rem;z-index:7;font-family:var(--font-ui);font-size:0.58rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;background:rgba(15,17,23,0.8);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.1);border-radius:99px;padding:0.22rem 0.75rem;color:var(--pearl-2);pointer-events:none;}.ba-label-l{left:1rem;}.ba-label-r{right:1rem;}.controls-bar{border-top:1px solid var(--line);padding:1.1rem 1.75rem;display:flex;align-items:center;gap:0.85rem;flex-wrap:wrap;background:var(--bg-2);}.ctrl-label{font-family:var(--font-ui);font-size:0.56rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--pearl-4);white-space:nowrap;}.controls-sep{width:1px;height:26px;background:var(--line);flex-shrink:0;}.mode-pills{display:flex;gap:0.35rem;}.mode-pill{font-family:var(--font-ui);font-size:0.7rem;font-weight:700;padding:0.44rem 1.05rem;border-radius:99px;border:1px solid rgba(255,255,255,0.1);background:transparent;color:var(--pearl-3);cursor:pointer;letter-spacing:0.04em;white-space:nowrap;transition:background 0.15s,border-color 0.15s,color 0.15s,box-shadow 0.15s;}.mode-pill:hover{background:rgba(255,255,255,0.05);color:var(--pearl-2);}.mode-pill.active{background:var(--coral-soft);border-color:rgba(255,87,51,0.5);color:var(--coral);box-shadow:0 0 14px var(--coral-glow);}.tile-select{font-family:var(--font-ui);font-size:0.68rem;font-weight:600;color:var(--pearl-2);background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:var(--r-md);padding:0.44rem 2rem 0.44rem 0.8rem;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%234A4844' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.7rem center;transition:border-color 0.15s,box-shadow 0.15s;}.tile-select:focus{border-color:rgba(255,87,51,0.4);box-shadow:0 0 0 3px var(--coral-soft);}.tile-select option{background:var(--bg-3);color:var(--pearl);}.pass-chip{display:none;align-items:center;gap:0.4rem;font-family:var(--font-ui);font-size:0.63rem;font-weight:600;padding:0.38rem 0.85rem;border-radius:99px;border:1px solid rgba(255,110,180,0.22);background:rgba(255,110,180,0.07);color:var(--candy);white-space:nowrap;}.pass-chip.visible{display:flex;}.pass-chip strong{font-weight:800;color:var(--candy);}.btn-upscale{margin-left:auto;font-family:var(--font-ui);font-size:0.78rem;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;padding:0.7rem 2.2rem;border-radius:99px;background:var(--grad-accent);border:none;color:#fff;cursor:pointer;box-shadow:0 0 28px var(--coral-glow),0 0 50px rgba(255,110,180,0.12);position:relative;overflow:hidden;flex-shrink:0;transition:transform 0.12s,box-shadow 0.15s;}.btn-upscale::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0.18) 0%,transparent 55%);pointer-events:none;}.btn-upscale:disabled{background:var(--surf);box-shadow:none;color:var(--pearl-4);cursor:not-allowed;}.btn-upscale:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 0 42px var(--coral-glow),0 0 80px rgba(255,110,180,0.2);}.btn-upscale:not(:disabled):active{transform:translateY(2px);box-shadow:none;}.actions-bar{border-top:1px solid var(--line-2);padding:0.85rem 1.75rem;display:flex;align-items:center;gap:0.75rem;flex-wrap:wrap;background:rgba(0,0,0,0.2);}.ba-toggles{display:flex;gap:0.32rem;}.ba-btn{font-family:var(--font-ui);font-size:0.62rem;font-weight:700;padding:0.38rem 0.85rem;border-radius:99px;border:1px solid rgba(255,255,255,0.1);background:transparent;color:var(--pearl-4);cursor:pointer;letter-spacing:0.05em;text-transform:uppercase;transition:background 0.15s,color 0.15s,border-color 0.15s,box-shadow 0.15s;}.ba-btn:hover{background:rgba(255,255,255,0.05);color:var(--pearl-2);}.ba-btn.active{background:rgba(255,87,51,0.12);border-color:rgba(255,87,51,0.4);color:var(--coral);box-shadow:0 0 10px var(--coral-glow);}.output-info{font-family:var(--font-ui);font-size:0.63rem;font-weight:500;color:var(--pearl-4);letter-spacing:0.03em;}.output-info strong{color:var(--candy);font-weight:700;}.actions-right{margin-left:auto;display:flex;align-items:center;gap:0.6rem;flex-wrap:wrap;}.btn-download{font-family:var(--font-ui);font-size:0.7rem;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;padding:0.56rem 1.6rem;border-radius:99px;background:var(--grad-accent);border:none;color:#fff;cursor:pointer;box-shadow:0 0 20px var(--coral-glow);transition:transform 0.12s,box-shadow 0.15s;}.btn-download:hover{transform:translateY(-2px);box-shadow:0 0 32px var(--coral-glow),0 0 60px var(--candy-glow);}.btn-download:active{transform:translateY(1px);box-shadow:none;}.btn-try-another{font-family:var(--font-ui);font-size:0.66rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;padding:0.54rem 1.3rem;border-radius:99px;background:transparent;color:var(--pearl-3);border:1px solid rgba(255,255,255,0.12);cursor:pointer;transition:background 0.15s,color 0.15s,border-color 0.15s;}.btn-try-another:hover{background:rgba(255,255,255,0.05);color:var(--pearl);border-color:rgba(255,255,255,0.22);}.sections-wrap{display:flex;flex-direction:column;gap:7rem;padding:8rem 0 2rem;}.section-eyebrow{font-family:var(--font-ui);font-size:0.6rem;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--coral);opacity:0.85;display:block;margin-bottom:1rem;}.section-title{font-family:var(--font-ui);font-size:clamp(1.7rem,3vw,2.6rem);font-weight:800;line-height:1.1;letter-spacing:-0.025em;color:var(--pearl);}.section-title em{font-style:normal;color:var(--coral);}.section-lead{font-family:var(--font-body);font-size:1rem;font-weight:400;color:var(--pearl-3);line-height:1.82;margin-top:1rem;max-width:600px;}.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-top:2.5rem;}.card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-xl);padding:1.75rem 1.5rem;display:flex;flex-direction:column;gap:0.6rem;transition:transform 0.2s,box-shadow 0.2s,border-color 0.2s;}.card:hover{transform:translateY(-5px);border-color:rgba(255,87,51,0.2);box-shadow:0 12px 40px rgba(0,0,0,0.4),0 0 30px rgba(255,87,51,0.06);}.card-tag{font-family:var(--font-ui);font-size:0.57rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--coral);opacity:0.8;}.card-title{font-family:var(--font-ui);font-size:0.9rem;font-weight:700;color:var(--pearl);line-height:1.3;}.card-body{font-family:var(--font-body);font-size:0.85rem;font-weight:400;color:var(--pearl-3);line-height:1.8;}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:2.5rem;}.faq-item{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-xl);padding:1.6rem 1.5rem;display:flex;flex-direction:column;gap:0.65rem;transition:border-color 0.2s;}.faq-item:hover{border-color:rgba(255,110,180,0.18);}.faq-q{font-family:var(--font-ui);font-size:0.88rem;font-weight:700;color:var(--pearl);line-height:1.4;}.faq-a{font-family:var(--font-body);font-size:0.85rem;font-weight:400;color:var(--pearl-3);line-height:1.8;}.site-footer{margin-top:7rem;border-top:1px solid var(--line);padding:5rem 0 0;}.footer-grid{display:grid;grid-template-columns:1.55fr repeat(3,minmax(0,1fr));gap:2.6rem;padding-bottom:4rem;border-bottom:1px solid var(--line-2);}.footer-logo-text{font-family:var(--font-ui);font-size:1.35rem;font-weight:900;letter-spacing:-0.03em;color:var(--pearl);text-decoration:none;display:inline-block;margin-bottom:1rem;}.footer-logo-text .grad{background:var(--grad-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.footer-desc{font-family:var(--font-body);font-size:0.9rem;font-weight:400;color:var(--pearl-3);line-height:1.78;max-width:310px;margin-bottom:1.75rem;}.footer-trust{display:flex;flex-wrap:wrap;gap:0.45rem;}.trust-chip{font-family:var(--font-ui);font-size:0.59rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;padding:0.26rem 0.78rem;border-radius:99px;border:1px solid rgba(255,255,255,0.1);color:var(--pearl-4);background:rgba(255,255,255,0.04);}.footer-col-head{font-family:var(--font-ui);font-size:0.57rem;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--pearl-4);display:block;margin-bottom:1.4rem;}.footer-links-list{display:flex;flex-direction:column;gap:0.75rem;list-style:none;}.footer-links-list a{font-family:var(--font-body);font-size:0.9rem;font-weight:400;color:var(--pearl-3);text-decoration:none;transition:color 0.15s;}.footer-links-list a:hover{color:var(--coral);}.footer-bottom{padding:2rem 0;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;}.footer-copy{font-family:var(--font-ui);font-size:0.62rem;font-weight:500;color:var(--pearl-4);letter-spacing:0.04em;}.footer-rh{font-family:var(--font-ui);font-size:0.62rem;font-weight:700;color:var(--pearl-4);text-decoration:none;letter-spacing:0.06em;transition:color 0.15s;}.footer-rh:hover{color:var(--coral);}@media (max-width:1100px){.cards-grid{grid-template-columns:1fr 1fr;}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem;}.footer-brand-col{grid-column:1 / -1;}}@media (max-width:768px){:root{--topbar-h:58px;}.page-wrap{padding:0 1.25rem;}.hero{padding:3rem 0 2.5rem;gap:1.2rem;}.hero-bottom{flex-direction:column;align-items:flex-start;gap:1.5rem;}.hero-right-cluster{align-items:flex-start;width:100%;}.pills-row{justify-content:flex-start;}.canvas-zone{min-height:340px;}.controls-bar{padding:1rem 1.25rem;gap:0.65rem;}.controls-sep{display:none;}.btn-upscale{margin-left:0;width:100%;justify-content:center;}.actions-bar{padding:0.85rem 1.25rem;}.actions-right{margin-left:0;width:100%;justify-content:flex-end;}.faq-grid{grid-template-columns:1fr;}.footer-grid{grid-template-columns:1fr;gap:2.5rem;}.site-footer{margin-top:5rem;padding-top:3.5rem;}.sections-wrap{gap:5rem;padding:5rem 0 1rem;}}@media (max-width:480px){.hero-title{font-size:2.4rem;}.cards-grid{grid-template-columns:1fr;}.mode-pill{padding:0.4rem 0.78rem;font-size:0.67rem;}.footer-bottom{flex-direction:column;align-items:flex-start;gap:0.5rem;}}:focus-visible{outline:2px solid var(--candy);outline-offset:4px;}.topbar-inner{width:100%;}.site-footer{color:var(--pearl);}.footer-grid > div{min-width:0;}.footer-links-list a:focus-visible,.topbar-brand:focus-visible,.btn-hub:focus-visible,.footer-rh:focus-visible{border-radius:4px;}@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto !important;animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}}