.heic-app{--hc-bg:#0a0a0b;--hc-panel:#141416;--hc-deep:#0e0e10;--hc-line:#34343a;--hc-lime:#96ff2b;--hc-white:#fff;--hc-muted:#b6b6bd;background:var(--hc-bg);width:100%;min-height:100vh;color:var(--hc-white);font-family:var(--font-sans)}body:has(.heic-app) chat-widget{pointer-events:none!important;display:none!important}body:has(.heic-app) [data-chat-widget]{pointer-events:none!important;display:none!important}.heic-app *{box-sizing:border-box}.heic-app button,.heic-app input{font:inherit}.heic-app button{cursor:pointer}.heic-app button:focus-visible,.heic-app a:focus-visible,.heic-app input:focus-visible{outline:2px solid var(--hc-lime);outline-offset:3px}.heic-app .shell{max-width:1100px;margin:0 auto;padding:0 32px}.heic-app .site-header{border-bottom:1px solid var(--hc-line);justify-content:space-between;align-items:center;gap:16px;min-height:92px;display:flex}.heic-app .brand{color:var(--hc-white);font-family:var(--font-display);letter-spacing:-.04em;align-items:center;gap:12px;font-size:16px;font-weight:700;text-decoration:none;display:flex}.heic-app .brand img{object-fit:contain;width:44px;height:44px}.heic-app .privacy-pill{color:var(--hc-muted);align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.heic-app .privacy-dot{background:var(--hc-lime);border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 0 4px #96ff2b1b}.heic-app .hero{justify-content:space-between;align-items:center;gap:40px;min-height:320px;display:flex}.heic-app .hero-copy{padding:44px 0 38px}.heic-app .hero h1{font-family:var(--font-display);letter-spacing:-.075em;color:var(--hc-white);margin:0 0 25px;font-size:clamp(55px,7vw,86px);font-weight:700;line-height:1}.heic-app .hero h1 span{color:var(--hc-lime)}.heic-app .hero p{max-width:480px;color:var(--hc-muted);margin:0;font-size:17px;line-height:1.55}.heic-app .format-art{flex:0 0 390px;justify-content:center;align-items:center;width:390px;height:205px;display:flex;position:relative}.heic-app .format-card{background:#252529;border:1px solid #53535a;border-radius:12px;flex-direction:column;justify-content:space-between;width:145px;height:172px;padding:24px 18px 18px;display:flex;position:absolute;overflow:hidden;box-shadow:0 22px 45px #0009}.heic-app .source-card{top:16px;left:28px;transform:rotate(-11deg)}.heic-app .target-card{border-color:#96ff2b77;top:15px;right:18px;transform:rotate(8deg)}.heic-app .format-fold{background:linear-gradient(225deg, var(--hc-bg) 0 49%, #5d5d64 50% 52%, transparent 53%);border-bottom-left-radius:5px;width:31px;height:31px;position:absolute;top:0;right:0}.heic-app .format-card strong{font-family:var(--font-display);letter-spacing:.04em;font-size:17px}.heic-app .target-card strong{color:var(--hc-lime)}.heic-app .format-landscape{background:#55555d;border-radius:6px;height:75px;position:relative;overflow:hidden}.heic-app .format-landscape:before{content:"";clip-path:polygon(0 82%,32% 15%,54% 62%,70% 29%,100% 89%,100% 100%,0 100%);background:#85858c;height:44px;position:absolute;bottom:-10px;left:0;right:0}.heic-app .format-landscape span{background:#dddddf;border-radius:50%;width:17px;height:17px;position:absolute;top:13px;right:16px}.heic-app .target-card .format-landscape{background:#3e562c}.heic-app .target-card .format-landscape:before{background:#89c844}.heic-app .target-card .format-landscape span{background:#d9ffb3}.heic-app .format-connector{z-index:2;color:#050506;background:var(--hc-lime);border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:absolute;box-shadow:0 0 28px #96ff2b4d}.heic-app .format-connector svg{width:25px;height:25px}.heic-app .workspace,.heic-app .results{background:var(--hc-panel);border:1px solid var(--hc-line);border-radius:18px;box-shadow:0 20px 46px #0005}.heic-app .workspace{padding:30px}.heic-app .workspace-top,.heic-app .results-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.heic-app .workspace h2,.heic-app .results h2{color:var(--hc-white);font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:23px;font-weight:700}.heic-app .workspace-top p,.heic-app .results-heading p{color:var(--hc-muted);margin:7px 0 0;font-size:14px}.heic-app .step-tag{color:var(--hc-lime);font-family:var(--font-mono);letter-spacing:.04em;white-space:nowrap;border:1px solid #96ff2b55;border-radius:5px;padding:8px 10px;font-size:11px;font-weight:700}.heic-app .drop-zone{width:100%;min-height:238px;color:var(--hc-white);background:var(--hc-deep);border:2px dashed #4a4a52;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;margin-top:26px;padding:28px;transition:background .15s,border-color .15s;display:flex}.heic-app .drop-zone:hover,.heic-app .drop-zone.dragging{border-color:var(--hc-lime);background:#19200f}.heic-app .upload-icon{width:54px;height:54px;color:var(--hc-lime);background:#96ff2b16;border-radius:14px;place-items:center;margin-bottom:17px;display:grid}.heic-app .upload-icon svg{width:29px;height:29px}.heic-app .drop-zone strong{font-family:var(--font-display);letter-spacing:-.025em;font-size:18px;font-weight:700}.heic-app .drop-subline{color:var(--hc-muted);margin-top:8px;font-size:14px}.heic-app .browse-link{color:var(--hc-lime);text-underline-offset:3px;font-weight:700;text-decoration:underline}.heic-app .drop-zone small{color:#96969e;margin-top:22px;font-size:12px}.heic-app .options{justify-content:space-between;align-items:center;gap:24px;padding-top:25px;display:flex}.heic-app .options label{color:var(--hc-white);font-size:14px;font-weight:800}.heic-app .options p{color:var(--hc-muted);margin:5px 0 0;font-size:12px}.heic-app .quality-control{align-items:center;gap:13px;display:flex}.heic-app .quality-control input{width:174px;accent-color:var(--hc-lime)}.heic-app .quality-control output{min-width:38px;color:var(--hc-lime);text-align:right;font-size:13px;font-weight:800}.heic-app .notice{color:#ffe1a0;background:#48300e;border:1px solid #74521d;border-radius:10px;margin:14px 0 0;padding:12px 15px;font-size:13px}.heic-app .results{margin-top:22px;padding:27px 29px}.heic-app .results h2 span{vertical-align:middle;color:var(--hc-lime);font-family:var(--font-sans);letter-spacing:0;background:#96ff2b16;border-radius:20px;margin-left:5px;padding:4px 9px;font-size:12px}.heic-app .clear-button{color:var(--hc-muted);text-underline-offset:3px;background:0 0;border:0;padding:3px;font-size:13px;text-decoration:underline}.heic-app .file-list{border-top:1px solid var(--hc-line);margin:23px 0 0;padding:0;list-style:none}.heic-app .file-row{border-bottom:1px solid var(--hc-line);align-items:center;gap:14px;min-height:76px;display:flex}.heic-app .file-thumb{color:#9999a1;background:#29292e;border-radius:7px;flex:none;place-items:center;width:42px;height:42px;display:grid;overflow:hidden}.heic-app .file-thumb img{object-fit:cover;width:100%;height:100%}.heic-app .file-thumb svg{width:25px;height:25px}.heic-app .file-info{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.heic-app .file-info strong{color:var(--hc-white);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.heic-app .file-info span{color:var(--hc-muted);font-size:12px}.heic-app .file-status{color:#aaaab1;background:#303035;border-radius:5px;padding:6px 8px;font-size:11px;font-weight:800}.heic-app .file-status.ready{color:var(--hc-lime);background:#96ff2b18}.heic-app .file-status.error{color:#ff9c9c;background:#582525}.heic-app .file-status.converting{color:#e5e5e9;background:#48484d}.heic-app .row-download{width:36px;height:36px;color:var(--hc-lime);border:1px solid var(--hc-line);background:#222225;border-radius:7px;place-items:center;display:grid}.heic-app .row-download:hover{background:#96ff2b15}.heic-app .row-download svg{width:18px;height:18px}.heic-app .results-footer{justify-content:space-between;align-items:center;gap:15px;padding-top:23px;display:flex}.heic-app .results-footer span{color:var(--hc-muted);font-size:12px}.heic-app .download-all{color:#050506;background:var(--hc-lime);border:0;border-radius:8px;align-items:center;gap:12px;min-height:45px;padding:0 18px;font-size:13px;font-weight:800;display:flex}.heic-app .download-all:hover{background:#abff55}.heic-app .download-all:disabled{opacity:.48;cursor:not-allowed}.heic-app .download-all svg{width:17px;height:17px}.heic-app .footer{color:#9999a1;border-top:1px solid var(--hc-line);justify-content:space-between;gap:15px;margin:52px 0 0;padding:24px 0 34px;font-size:12px;display:flex}.heic-app .footer a{color:var(--hc-muted);text-decoration:none}.heic-app .footer a:hover{color:var(--hc-lime)}.heic-app .visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:760px){.heic-app .shell{padding:0 18px}.heic-app .site-header{min-height:76px}.heic-app .brand{gap:8px;font-size:14px}.heic-app .brand img{width:38px;height:38px}.heic-app .privacy-pill{font-size:0}.heic-app .hero{min-height:unset;padding:41px 0 35px}.heic-app .hero-copy{padding:0}.heic-app .hero h1{font-size:64px}.heic-app .hero p{font-size:15px}.heic-app .format-art{display:none}.heic-app .workspace,.heic-app .results{padding:21px}.heic-app .workspace h2,.heic-app .results h2{font-size:21px}.heic-app .step-tag{display:none}.heic-app .drop-zone{min-height:220px}.heic-app .options{align-items:flex-start}.heic-app .quality-control input{width:100px}.heic-app .file-status{display:none}.heic-app .results-footer{flex-direction:column;align-items:stretch}.heic-app .download-all{justify-content:center}.heic-app .footer{margin-top:38px}.heic-app .footer a{display:none}}@media (max-width:390px){.heic-app .hero h1{font-size:55px}.heic-app .options{flex-direction:column;gap:14px}.heic-app .quality-control{width:100%}.heic-app .quality-control input{flex:1}}@media (prefers-reduced-motion:reduce){.heic-app .drop-zone{transition:none}}