:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#111827;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--page-width:1080px;--border:#0f172a14;--surface:#ffffffb8;--surface-strong:#fffffff0;--text-soft:#6b7280;--shadow:0 24px 70px #0f172a1a;--shadow-soft:0 10px 30px #0f172a0f;--blue:#1677ff;--blue-dark:#0d5bd7;--green:#1f9d69;--red:#d9485f;--radius-xl:32px;--radius-lg:24px;--radius-md:18px;background:radial-gradient(circle at top,#fffffff2,#0000 45%),linear-gradient(#eef2f7 0%,#e7ecf4 100%);font-family:SF Pro Display,SF Pro Text,PingFang SC,Helvetica Neue,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.app-shell{min-height:100vh;padding:36px 16px 56px}.apple-page{width:min(100%, var(--page-width));gap:24px;margin:0 auto;display:grid}.hero{text-align:center;padding:18px 8px 4px}.hero__badge{color:#4b5563;background:#ffffffb3;border:1px solid #0f172a0f;border-radius:999px;align-items:center;margin:0 0 12px;padding:6px 12px;font-size:.92rem;display:inline-flex}.hero h1{letter-spacing:-.08em;margin:0;font-size:clamp(3rem,8vw,5.6rem);font-weight:700;line-height:.95}.hero__subtitle{width:min(100%,620px);color:var(--text-soft);margin:16px auto 0;font-size:1.04rem}.app-card{border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);box-shadow:var(--shadow);padding:24px;display:grid}.dropzone{border-radius:var(--radius-lg);background:linear-gradient(#ffffffc7,#ffffff94),#ffffff8c;border:1px dashed #0f172a24;place-items:center;min-height:260px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff9}.dropzone__placeholder{text-align:center;color:var(--text-soft);gap:8px;display:grid}.dropzone__placeholder strong{color:#111827;font-size:1.14rem}.dropzone__icon{width:64px;height:64px;color:var(--blue-dark);background:#1677ff14;border-radius:20px;place-items:center;margin:0 auto 4px;font-size:2rem;font-weight:300;display:grid}.dropzone--filled{background:linear-gradient(#ffffffd6,#ffffffb8),#f8fafce6}.dropzone__overlay{color:#111827;box-shadow:var(--shadow-soft);background:#ffffffdb;border:1px solid #0f172a14;border-radius:999px;padding:10px 16px;position:absolute;top:18px;right:18px}.dropzone__overlay:disabled{opacity:.55;cursor:not-allowed}.app-card__status{border-radius:var(--radius-md);background:#ffffffbd;border:1px solid #0f172a0f;padding:16px 18px;box-shadow:inset 0 1px #fff6}.app-card__status--error{border-color:#d9485f2e}.app-card__status--success{border-color:#1f9d6933}.app-card__status-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.app-card__status p{color:#374151;margin:10px 0 0}.runtime-chip{color:#6b7280;background:#0f172a0d;border-radius:999px;align-items:center;padding:8px 12px;font-size:.92rem;display:inline-flex}.runtime-chip--gpu{color:#17724d;background:#1f9d691f}.progress{background:#0f172a14;border-radius:999px;width:100%;height:8px;margin-top:14px;overflow:hidden}.progress__bar{border-radius:inherit;background:linear-gradient(90deg,#58a6ff 0%,#1677ff 100%);height:100%;transition:width .2s}.toolbar{grid-template-columns:1fr 1fr;gap:12px;display:grid}.btn{border:1px solid #0000;border-radius:999px;min-height:52px;padding:0 22px;transition:transform .18s,opacity .18s,background .18s}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{color:#fff;background:linear-gradient(#2196ff 0%,#1677ff 100%);box-shadow:0 12px 24px #1677ff38}.btn--secondary{background:var(--surface-strong);color:#111827;border-color:#0f172a14}.preview-grid{grid-template-columns:360px minmax(0,1fr);align-items:start;gap:18px;display:grid}.side-card{gap:16px;display:grid}.side-card__header h2{margin:0;font-size:1rem}.side-card__header p{color:var(--text-soft);margin:4px 0 0}.preview-card{border-radius:var(--radius-lg);background:#ffffffb8;border:1px solid #0f172a0f;overflow:hidden}.preview-card header{border-bottom:1px solid #0f172a0f;padding:16px 18px 12px}.preview-card h2{margin:0;font-size:1rem}.preview-card p{color:var(--text-soft);margin:4px 0 0}.preview-card__body{background:#f8fafccc;place-items:center;min-height:560px;padding:18px;display:grid}.preview-card__body span{color:var(--text-soft)}.preview-card__body img{object-fit:contain;border-radius:18px;width:100%;max-height:560px}.preview-card__body--checkerboard{background-color:#0000;background-image:linear-gradient(45deg,#eef2f7 25%,#0000 25%),linear-gradient(-45deg,#eef2f7 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eef2f7 75%),linear-gradient(-45deg,#0000 75%,#eef2f7 75%);background-position:0 0,0 14px,14px -14px,-14px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}.spinner{border:2px solid #1677ff2e;border-top-color:var(--blue);border-radius:50%;width:18px;height:18px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=760px){.app-shell{padding-inline:12px}.app-card{padding:16px}.dropzone{min-height:240px}.preview-grid{grid-template-columns:1fr}.btn{width:100%}.preview-card__body{min-height:320px}}