.top:has(.top-nav){grid-template-columns:auto 1fr auto;display:grid}.top-nav{align-items:center;gap:var(--sp-6);font-size:var(--size-note);flex-wrap:wrap;justify-content:center;display:flex}.recommend{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.top-nav .recommend{flex-direction:column;gap:0}.top-nav a{color:var(--muted);text-decoration:none}.top-nav a:hover{color:var(--ink)}.hero.landing{max-width:none;margin:var(--sp-6) calc(-1 * clamp(24px, 6.7vw, 96px)) 0;padding:clamp(40px, 7vw, 96px) clamp(24px, 6.7vw, 96px) var(--sp-12);background:radial-gradient(900px 640px at 88% 4%, color-mix(in srgb, var(--accent) 26%, transparent), transparent 62%), radial-gradient(700px 560px at 58% 108%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 62%), radial-gradient(560px 460px at -6% 70%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 70%);grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(24px,4vw,48px);display:grid;position:relative}.hero-panel,.hero-demo,.cta-form{background:var(--glass-bg);-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight), 0 30px 80px #00000047}.hero-panel{border-radius:24px;padding:clamp(24px,3.4vw,46px)}.hero.landing .eyebrow{font-family:var(--font-mono);font-size:var(--size-note);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 var(--sp-6)}.hero.landing h2{font-size:var(--size-title);letter-spacing:-.035em;margin:0 0 var(--sp-6);line-height:1.03}.hero.landing .hero-panel>p{font-size:var(--size-subtitle);margin:0 0 var(--sp-8);line-height:1.6}.hero-cta{gap:var(--sp-3);flex-wrap:wrap;align-items:center;display:flex}.hero-cta .btn{min-height:48px;padding:0 var(--sp-6);font-size:var(--size-text)}.hero-demo{padding:var(--sp-6);gap:var(--sp-4);border-radius:24px;display:grid}.demo-tabs{gap:var(--sp-1);font-size:var(--size-note);display:flex}.demo-tabs span{padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-pill);color:var(--muted)}.demo-tabs .on{background:var(--accent-soft);color:var(--accent)}.demo-file{gap:var(--sp-4);padding:var(--sp-4) var(--sp-6);border:1.5px dashed color-mix(in srgb, var(--accent) 45%, transparent);background:color-mix(in srgb, var(--accent) 4%, transparent);border-radius:18px;align-items:center;display:flex}.demo-file b{font-weight:500;display:block}.demo-file small{color:var(--muted);font-size:var(--size-note)}.demo-icon{width:42px;height:52px;font-family:var(--font-mono);font-size:var(--size-note);color:var(--accent);background:var(--surface-2);border:1px solid var(--line-strong);border-radius:8px;flex:none;place-items:end center;padding-bottom:6px;display:grid}.demo-text{padding:var(--sp-4);font-family:var(--font-mono);font-size:var(--size-note);color:var(--muted);background:color-mix(in srgb, var(--bg) 70%, transparent);border:1px solid var(--line);border-radius:16px;margin:0;line-height:1.9}.demo-text .ph{background:var(--accent-soft);color:var(--accent);border-radius:5px;padding:1px 6px}.demo-chip{justify-self:start;gap:var(--sp-2);font-size:var(--size-note);padding:var(--sp-2) var(--sp-4);border:1px solid var(--glass-border);background:color-mix(in srgb, var(--surface) 60%, transparent);border-radius:14px;align-items:center;margin:0;display:inline-flex}.dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 12px var(--accent);border-radius:50%}.hero.landing .loop{margin-top:var(--sp-6);grid-column:1/-1}.features.rows{margin:var(--sp-12) 0 0;grid-template-columns:none;gap:clamp(32px,6vw,72px);display:grid}.feature.row{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:center;gap:clamp(24px,5vw,64px);display:grid}.feature.row.rev{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.feature.row.rev .txt{order:2}.feature.row .txt{gap:var(--sp-3);font-size:var(--size-text);line-height:1.65;display:grid}.feature.row .n{font-family:var(--font-mono);font-size:var(--size-note);color:var(--accent)}.feature.row b{font-size:var(--size-title);letter-spacing:-.025em;color:var(--ink);font-weight:600;line-height:1.12}.feature.row.lead b{color:var(--ink)}.feature.row .vis .visual{border:1px solid var(--line-strong);background:var(--surface);border-radius:24px;margin:0}.feature.row.lead .vis .visual{border-color:color-mix(in srgb, var(--accent) 60%, var(--line-strong))}.cta-band{padding:clamp(48px, 8vw, 96px) var(--sp-4);background:radial-gradient(600px 400px at 50% 0%, color-mix(in srgb, var(--accent) 30%, transparent), transparent), var(--surface);border:1px solid var(--line);border-radius:32px;place-items:center;margin:clamp(48px,8vw,96px) 0 0;display:grid}.cta-form{text-align:center;border-radius:28px;width:min(720px,100%);padding:clamp(24px,4vw,44px)}.cta-form h2{font-size:var(--size-title);letter-spacing:-.03em;margin:0 0 var(--sp-3)}.cta-form p{color:var(--muted);margin:0 0 var(--sp-6)}a.btn.primary-link{min-height:48px;padding:0 var(--sp-6);background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}@media (prefers-reduced-transparency:reduce){.hero-panel,.hero-demo,.cta-form{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.hero-panel,.hero-demo,.cta-form{background:var(--surface)}}@media (max-width:900px){.hero.landing{grid-template-columns:1fr}.hero-demo{order:-1}.feature.row,.feature.row.rev{grid-template-columns:1fr}.feature.row.rev .txt{order:0}}@media (max-width:640px){.top:has(.top-nav){row-gap:var(--sp-2);grid-template-columns:1fr}.top:has(.top-nav) .top-actions{flex-wrap:nowrap;justify-content:flex-start;gap:6px}.top:has(.top-nav) .top-actions button{white-space:nowrap;padding-inline:12px}.top:has(.top-nav) .brand .sub{display:none}.top-nav{justify-content:flex-start;gap:12px;display:flex}.hero.landing{margin-inline:-24px;padding-inline:16px}.demo-text{font-size:var(--size-note)}.top:has(.top-nav){grid-template-columns:auto auto;gap:8px}.top:has(.top-nav) .brand{grid-column:1/-1}.top:has(.top-nav) .top-nav{flex-wrap:nowrap;gap:10px}.top:has(.top-nav) .top-actions{justify-content:flex-end;gap:4px}.top:has(.top-nav) .top-nav a{font-size:var(--size-note)}.top:has(.top-nav) .top-nav button{font-size:var(--size-note)}.top:has(.top-nav) .top-actions button{font-size:var(--size-note)}.top:has(.top-nav) .langswitch{font-size:var(--size-note)}:is(.top:has(.top-nav) .top-nav a,.top:has(.top-nav) .top-nav button){white-space:nowrap;padding-inline:0}.top:has(.top-nav) .top-actions button{padding-inline:8px}}.top-nav .recommend button{font-size:var(--size-note)}.app-shell{--size-title:28px;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px);grid-template-rows:72px minmax(0,1fr);grid-template-columns:176px minmax(0,1fr);min-width:0;height:100dvh;display:grid;position:fixed;inset:0}.app-top{grid-area:1/1;align-items:center;padding:20px;display:flex}.app-top .logo-img{max-width:100%;height:30px}.app-buy{min-width:44px;min-height:44px;font-size:var(--size-note);justify-content:center;align-items:center;display:none}.nav-buy{min-height:44px;font-size:var(--size-note);align-items:center;margin-top:20px;padding-inline:12px;display:flex}.app-nav{border-right:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);grid-area:2/1;padding:12px}.app-nav [role=tablist]{gap:8px;display:grid}.app-nav button{text-align:left;min-height:48px;font-size:var(--size-note);box-shadow:none;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.app-nav button[aria-selected=true]{background:var(--accent);color:#fff;box-shadow:0 2px 6px #00788c25,inset 0 1px #ffffff40}.app-nav svg{flex:none}.app-content{overscroll-behavior-y:contain;grid-area:1/2/3/3;min-width:0;min-height:0;padding:40px clamp(24px,4vw,64px);scroll-padding:24px;overflow-y:auto}.app-page{width:100%;max-width:980px;margin:0 auto}.app-shell [hidden]{display:none!important}.app-shell h1{font-size:var(--size-title);margin:0 0 24px;line-height:1.2}.app-shell .tool-intro{text-align:left;max-width:none;margin:0}.app-shell .tool-intro h1{font-size:var(--size-title);margin:0}.app-shell .tool-main{gap:24px}.app-shell .upload-card .drop:not(.small){min-height:220px}.app-shell .upload-card .drop-mark img{width:48px;height:48px}.app-shell .access-view{max-width:560px;min-height:0;margin:0}.app-shell .licence{width:100%}.licence-choices{gap:8px;margin-bottom:24px;display:flex}.licence-choices [aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent)}.app-shell .add{flex-wrap:wrap}.app-shell .add input{flex:180px;min-width:0}.app-shell button,.app-shell .btn{min-height:44px}.app-shell .key-toggle{margin-top:12px}.more-view{max-width:720px}.more-group{margin-bottom:16px;padding:20px}.more-group h2{font-size:var(--size-text);margin:0 0 12px}.more-row{justify-content:space-between;align-items:center;display:flex}.more-row h2{margin:0}.more-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 24px;display:grid}.more-links a,.more-links button{text-align:left;min-height:44px;font-size:var(--size-note);color:var(--accent);border:0;align-items:center;padding:8px 0;text-decoration:none;display:flex}.more-links .recommend{display:block}body:has(.app-shell) .recommend-feedback:not(:empty){bottom:calc(80px + env(safe-area-inset-bottom,0px))}.app-shell .langswitch a,.app-shell .langswitch b{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.app-shell .trademarks{margin:24px 0 12px}@media (max-width:767px){.app-shell{--size-title:24px;grid-template-columns:minmax(0,1fr);grid-template-rows:calc(56px + var(--safe-top)) minmax(0, 1fr) calc(68px + var(--safe-bottom))}.app-top{padding:calc(10px + var(--safe-top)) 20px 10px;border-bottom:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);grid-area:1/1}.app-top .logo-img{height:28px}.app-top .app-buy{margin-left:auto;display:flex}.app-top{gap:12px}.nav-buy{display:none}.app-content{grid-area:2/1;padding:24px 16px}.app-nav{padding:6px max(8px, env(safe-area-inset-right,0px)) calc(6px + var(--safe-bottom)) max(8px, env(safe-area-inset-left,0px));border:0;border-top:1px solid var(--glass-border);grid-area:3/1;box-shadow:0 -4px 24px #142b3308}.app-nav [role=tablist]{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.app-nav button{min-height:56px;font-size:var(--size-note);flex-direction:column;justify-content:center;gap:3px;padding:5px 0}.app-shell h1,.app-shell .tool-intro h1{font-size:var(--size-title)}.app-shell .upload-card{padding:16px}.app-shell .upload-card .drop:not(.small){min-height:192px}.more-group{padding:16px}}.licence-plan{color:var(--muted);font-size:var(--size-note);margin:0 0 12px}.licence-trial{margin:0 0 8px;font-weight:600}.trial-ended{background:var(--surface-2);color:var(--ink);border:1px solid var(--line);gap:12px;margin-bottom:16px;display:grid}.trial-ended h2,.trial-ended p{margin:0}.trial-ended-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.trial-ended-actions button{min-width:0;padding-inline:8px}@media (max-width:374px){.trial-ended-actions{grid-template-columns:minmax(0,1fr)}}.app-shell .restore{flex-direction:column;gap:16px;display:flex}.app-shell .restore>label{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.app-shell .restore .reply-upload{align-self:flex-start;padding:0}.app-shell .restore>.primary{align-self:flex-start;min-width:140px}.app-shell .restore textarea{resize:none;min-height:160px;overflow:hidden}.app-shell .pre,.app-shell .preview,.app-shell .preview-cut .cut{max-height:none;overflow:visible}.app-shell .restore>section h3{font-size:var(--size-text);margin:0}.app-shell .restore ul{margin-block:4px}.app-shell:has(>dialog.totp-login[open])>:not(dialog.totp-login){filter:blur(6px)}.app-shell .result>.actions:has(.secondary-actions){flex-direction:column;align-items:flex-start;gap:12px;display:flex}.secondary-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;display:grid}.secondary-actions button{padding-inline:10px}@media (max-width:1100px){.secondary-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.app-shell .result>.actions:has(.secondary-actions)>.primary{width:100%}}.app-shell>.theme-toggle{position:absolute;bottom:20px;left:20px}.app-nav button[aria-selected=true]{color:var(--accent-ink)}@media (max-width:767px){.app-shell>.theme-toggle{left:auto;right:100px;top:calc(6px + var(--safe-top));bottom:auto}.app-top .logo-img{max-width:140px}}