:root{--white:#ffffff;--black:#000000;--g25:#fafaf9;--g50:#f3f3f2;--g100:#e6e6e4;--g400:#9b9b98;--g600:#6e6e6b;--g800:#2a2a28;--g950:#111110;--coral:#f94931;--coral-tint:#fee9e6;--coral-press:#e03a23;--bg:var(--white);--fg:var(--black);--muted:var(--g600);--line:var(--g100);--soft:var(--g50);--radius:22px;--font:"Google Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--ease-out:cubic-bezier(0.23,1,0.32,1);--ease-in-out:cubic-bezier(0.77,0,0.175,1);--press:scale(0.97)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--fg);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit}img{display:block;max-width:100%}button,input,select{font:inherit;color:inherit}svg.lucide{flex-shrink:0}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}@media (max-width:640px){.container{padding:0 16px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border-radius:999px;border:1px solid var(--black);background:var(--black);color:var(--white);font-weight:500;font-size:15px;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,transform .16s var(--ease-out)}.btn:active:not(:disabled){transform:var(--press)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--black);border-color:var(--g100)}.btn.invert{background:var(--white);color:var(--black);border-color:var(--white)}.btn.sm{height:36px;padding:0 14px;font-size:14px}@media (hover:hover) and (pointer:fine){.btn:hover:not(:disabled){background:var(--g800)}.btn.ghost:hover:not(:disabled){border-color:var(--black);background:transparent}.btn.invert:hover:not(:disabled){background:var(--g100);border-color:var(--g100)}}.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--white)}.muted{color:var(--muted)}.label{font-size:14px;color:var(--fg)}.h-sub,.label{font-weight:600}.h-sub{margin:0 0 8px;font-size:16px}.hint{margin-left:auto;font-size:13px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.input{height:44px;width:100%;padding:0 14px;border-radius:12px;border:1px solid var(--g100);background:var(--white)}.alert{display:flex;align-items:flex-start;gap:8px;margin:0;font-size:15px;color:var(--fg)}.alert svg{margin-top:2px}.spin{animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.g{display:inline-block;color:var(--black);animation:gl 1.6s step-end 1 both}@keyframes gl{0%{color:var(--coral);transform:translate(0)}12%{color:var(--black);transform:translate(1px)}22%{color:var(--coral);transform:translate(-1px)}34%{color:var(--black);transform:translateY(1px)}44%{color:var(--coral);transform:translate(0)}56%,to{color:var(--black);transform:translate(0)}}.dialog-backdrop{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.32);transition:opacity .2s var(--ease-out)}.dialog{position:fixed;z-index:51;left:50%;top:50%;width:min(420px,calc(100vw - 32px));transform:translate(-50%,-50%);background:var(--white);border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:8px;box-shadow:0 24px 60px rgba(0,0,0,.18);transition:opacity .2s var(--ease-out),transform .2s var(--ease-out)}.dialog-backdrop[data-ending-style],.dialog-backdrop[data-starting-style]{opacity:0}.dialog[data-ending-style],.dialog[data-starting-style]{opacity:0;transform:translate(-50%,-50%) scale(.95)}.dialog-backdrop[data-ending-style],.dialog[data-ending-style]{transition-duration:.14s}.dialog-title{margin:0;font-size:22px;font-weight:600;letter-spacing:-.3px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px;flex-wrap:wrap}.editor{padding-top:24px;padding-bottom:80px;display:flex;flex-direction:column;gap:20px}.ed-top{display:flex;gap:16px;flex-wrap:wrap}.back,.ed-top{align-items:center}.back{display:inline-flex;gap:6px;color:var(--muted);text-decoration:none;font-size:14px}.ed-title{display:flex;align-items:baseline;gap:10px;flex:1 1 280px;min-width:0}.ed-title input{font-size:28px;font-weight:700;letter-spacing:-.8px;border:0;background:transparent;padding:2px 6px;margin-left:-6px;border-radius:8px;min-width:0;flex:1 1}.ed-title input:hover{background:var(--soft)}.tabs{display:inline-flex;background:var(--black);border-radius:999px;padding:4px}.tab,.tabs{position:relative}.tab{z-index:1;border:0;background:transparent;color:#bdbdbd;padding:8px 18px;border-radius:999px;cursor:pointer;font-weight:500;transition:color .15s ease}.tab[data-active]{color:var(--black)}.tab-indicator{position:absolute;z-index:0;left:0;top:var(--active-tab-top);height:var(--active-tab-height);width:var(--active-tab-width);transform:translateX(var(--active-tab-left));background:var(--white);border-radius:999px;transition:transform .2s var(--ease-out),width .2s var(--ease-out)}.ed-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:20px;gap:20px;align-items:start}.ed-grid[hidden]{display:none}@media (max-width:900px){.ed-grid{grid-template-columns:1fr}}.stage{padding:16px;display:flex;flex-direction:column;gap:10px}.sheet>svg{width:100%;height:auto;border-radius:14px}.readout{margin:0;font-size:13px}.panel{gap:14px}.panel,.panel fieldset{display:flex;flex-direction:column}.panel fieldset{border:1px solid var(--line);border-radius:18px;padding:16px;margin:0;gap:10px}.panel legend{padding:0 6px}.check{display:flex;align-items:center;gap:10px;font-size:15px;cursor:pointer}.check input{width:18px;height:18px;accent-color:#000}.range{display:flex;flex-direction:column;gap:6px;font-size:15px}.range output{color:var(--muted);font-size:13px}.range input{accent-color:#000;width:100%}.seg{display:flex;flex-wrap:wrap;gap:6px}.seg button{border:1px solid var(--line);background:var(--white);border-radius:999px;padding:6px 12px;font-size:14px;cursor:pointer;transition:transform .16s var(--ease-out)}.seg button:active{transform:var(--press)}.seg button.on{background:var(--black);color:var(--white);border-color:var(--black)}.seg button:disabled{opacity:.4;cursor:default}.stepper{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:15px;font-weight:500}.icon-btn{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:999px;background:var(--white);color:var(--fg);cursor:pointer;transition:transform .16s var(--ease-out),background-color .16s ease}.icon-btn:active:not(:disabled){transform:var(--press)}.icon-btn:disabled{opacity:.4;cursor:default}@media (hover:hover) and (pointer:fine){.icon-btn:hover:not(:disabled){background:var(--soft)}}.note{margin:0;font-size:13px;color:var(--muted)}.sheet[data-picking]>svg{cursor:crosshair}.sheet-view{position:relative}.sheet[data-pan]>svg{cursor:-webkit-grab;cursor:grab}.sheet[data-pan]:active>svg{cursor:-webkit-grabbing;cursor:grabbing}.zoom-bar{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:2px;padding:3px;background:var(--white);border:1px solid var(--line);border-radius:999px}.zoom-bar button{height:30px;min-width:30px;padding:0 8px;border:0;border-radius:999px;background:transparent;color:var(--fg);font:inherit;font-size:13px;font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .16s var(--ease-out),background-color .16s ease}.zoom-bar button:active:not(:disabled){transform:var(--press)}.zoom-bar button:disabled{opacity:.4;cursor:default}.zoom-bar .zoom-level{min-width:52px}.zoom-bar .zoom-level:disabled{opacity:1;color:var(--muted)}@media (hover:hover) and (pointer:fine){.zoom-bar button:hover:not(:disabled){background:var(--soft)}}.danger{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:var(--muted);font-size:14px;cursor:pointer;padding:4px 0}@media (hover:hover) and (pointer:fine){.danger:hover{color:var(--fg)}}.variants{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.variants figure{margin:0;display:flex;flex-direction:column;gap:6px}.variants figure>div{aspect-ratio:4/3;border-radius:14px;border:1px solid var(--line);display:grid;place-items:center;padding:18%}.variants img{max-width:100%;max-height:100%}.variants figcaption{font-size:13px;color:var(--muted)}.inside{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px;font-size:15px}.file-card{display:block;text-decoration:none;overflow:hidden;transition:border-color .15s ease}@media (hover:hover) and (pointer:fine){.file-card:hover{border-color:var(--g400)}}.app-actions{display:flex;align-items:center;gap:10px;min-width:0}.app-email{font-size:14px;max-width:220px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-logo{display:flex;flex-shrink:0}@media (max-width:560px){.app-email{display:none}.app-actions{gap:6px}.app-actions .btn.sm{padding:0 10px}.app-logo svg{height:24px;width:auto}}.file-thumb{position:relative;aspect-ratio:4/3;background:var(--g50)}.file-thumb img{position:absolute;inset:28px;width:calc(100% - 56px);height:calc(100% - 56px);max-width:none;object-fit:contain}.site-head{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 32px}.pill-nav{display:flex;gap:2px;background:var(--black);border-radius:999px;padding:6px}.pill-nav a{color:#bdbdbd;text-decoration:none;padding:9px 16px;border-radius:999px;font-size:15px;transition:color .15s ease}@media (hover:hover) and (pointer:fine){.pill-nav a:hover{color:#fff}}@media (max-width:760px){.pill-nav{display:none}.site-head{padding:16px}}.hero{--h1:clamp(48px,8vw,112px);--head:96px;position:relative;min-height:100vh;min-height:100svh;overflow:hidden}.hero-h1{left:32px;bottom:40px;margin:0;z-index:2;font-size:var(--h1);font-weight:700;letter-spacing:-.045em;line-height:.94}.hero-h1,.ring{position:absolute}.ring{--card:clamp(104px,14vh,140px);z-index:1;right:6vw;top:var(--head);height:clamp(340px,calc(100svh - var(--head) - var(--h1) * 1.9 - 120px),600px);aspect-ratio:1.1;max-width:58vw}.ring-card{position:absolute;width:var(--card);height:var(--card);border-radius:30px;border:1px solid var(--g100);box-shadow:0 14px 34px rgba(0,0,0,.07);display:grid;place-items:center;overflow:hidden}.ring-card>svg:only-child{max-width:76%;max-height:76%}.ring-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px;font-size:14px;font-weight:500}.drop{width:100px;height:100px;border-radius:24px;border:1.5px solid var(--g100);display:grid;place-items:center;background:#fff}.chips{display:flex;flex-direction:column;gap:6px;padding:0 12px;width:100%}.chips span{border:1px solid var(--g100);border-radius:9px;padding:5px 8px;font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:900px){.hero{min-height:auto;padding-bottom:32px}.ring{--card:76px;position:relative;right:auto;top:auto;height:auto;width:calc(100% - 32px);max-width:420px;aspect-ratio:1;margin:24px auto 32px}.ring-card{border-radius:18px}.ring-card .chips span{font-size:8px;padding:3px 5px}.drop{width:64px;height:64px;border-radius:18px}.hero-h1{position:relative;left:auto;bottom:auto;padding:24px 16px 0;font-size:clamp(40px,11vw,64px)}}.fab{position:fixed;right:28px;bottom:28px;z-index:5;width:64px;height:64px;border-radius:50%;background:var(--coral);display:grid;place-items:center;box-shadow:0 10px 24px rgba(249,73,49,.35);transition:background-color .15s ease,transform .16s var(--ease-out)}.fab:active{transform:scale(.95)}@media (hover:hover) and (pointer:fine){.fab:hover{background:var(--coral-press)}}@media (max-width:760px){.fab{display:none}}.intro{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:48px 0;border-bottom:1px solid var(--line)}.intro p{margin:0;max-width:620px;font-size:22px;line-height:1.4;letter-spacing:-.3px}.steps{list-style:none;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;padding:56px 0}@media (max-width:760px){.steps{grid-template-columns:1fr}}.step{border:1px solid var(--line);border-radius:var(--radius);padding:24px}.step h3{margin:16px 0 6px;font-size:20px;letter-spacing:-.3px}.step p{margin:0}.step-icon{width:40px;height:40px;border-radius:12px;background:var(--black);color:var(--white);display:grid;place-items:center}.tool{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-gap:40px;gap:40px;padding:56px 0;border-top:1px solid var(--line);align-items:center}@media (max-width:760px){.tool{grid-template-columns:1fr;gap:20px}}.faq h2,.pricing h2,.tool h2{margin:8px 0 12px;font-size:clamp(32px,4vw,48px);font-weight:700;letter-spacing:-1.5px;line-height:1.02}.tool p.muted{font-size:18px;margin:0}.ticks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.ticks li{padding-left:26px;position:relative}.ticks li:before{content:"";position:absolute;left:0;top:7px;width:12px;height:7px;border-left:2px solid;border-bottom:2px solid;transform:rotate(-45deg)}.pricing{padding:56px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:24px}.plans{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:900px){.plans{grid-template-columns:1fr}}.plan{border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;gap:16px}.plan-name{margin:0;font-size:20px;font-weight:600;letter-spacing:-.3px}.plan .ticks{flex:1 1}.plan.pro{background:var(--black);color:#fff;border-color:var(--black)}.price{margin:0;font-size:48px;font-weight:700;letter-spacing:-2px;line-height:1}.price span{font-size:16px;font-weight:500;letter-spacing:0;color:var(--muted)}.plan.pro .price span{color:#bdbdbd}.faq{padding:56px 0 0;border-top:1px solid var(--line);max-width:760px}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-weight:600;font-size:18px}.faq details p{margin:10px 0 0}.legal{max-width:760px;padding:48px 24px 0}.legal h1{font-size:44px;letter-spacing:-1.5px;margin:0 0 8px}.legal h2{font-size:22px;margin:32px 0 8px}.legal li,.legal p{color:#2a2a28}@media (prefers-reduced-motion:reduce){.g{animation:none}.spin{animation-duration:2s}.btn,.dialog,.fab,.icon-btn,.seg button,.tab-indicator{transition-property:opacity,background-color,border-color,color}.btn:active:not(:disabled),.fab:active,.icon-btn:active:not(:disabled),.seg button:active{transform:none}.dialog[data-ending-style],.dialog[data-starting-style]{transform:translate(-50%,-50%)}}.dash{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.dash-nav{position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:24px;padding:20px 14px;border-right:1px solid var(--line);background:var(--white)}.dash-logo{display:flex;padding:6px 12px 4px}.dash-menu{gap:20px}.dash-menu,.nav-list{display:flex;flex-direction:column}.nav-list{list-style:none;margin:0;padding:0;gap:2px}.nav-link{display:flex;align-items:center;gap:10px;width:100%;height:40px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:var(--fg);font:inherit;font-size:15px;font-weight:500;text-decoration:none;text-align:left;cursor:pointer;transition:background-color .15s ease,transform .16s var(--ease-out)}.nav-link:active{transform:var(--press)}.nav-link[aria-current=page]{background:var(--soft);font-weight:600}@media (hover:hover) and (pointer:fine){.nav-link:hover{background:var(--soft)}}.dash-foot{margin-top:auto;display:flex;flex-direction:column;gap:2px}.dash-user{display:flex;align-items:center;gap:8px;min-width:0;margin-top:10px;padding:14px 12px 4px;border-top:1px solid var(--line);color:var(--fg);text-decoration:none}.dash-email{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--muted)}.plan-pill{flex-shrink:0;padding:3px 9px;border-radius:999px;background:var(--soft);font-size:12px;font-weight:600}.plan-pill.pro{background:var(--black);color:var(--white)}.dash-main{min-width:0;width:100%;max-width:1160px;padding:40px 48px 80px;display:flex;flex-direction:column;gap:20px}.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:4px}.page-title h1{margin:0;font-size:40px;font-weight:700;letter-spacing:-1.5px}.page-title p{margin:6px 0 0}.panel-card{padding:24px;display:flex;flex-direction:column;gap:12px}.panel-card h2{margin:0;font-size:20px;font-weight:600;letter-spacing:-.3px}.panel-card h3{margin:0;font-size:17px;font-weight:600}.panel-card p{margin:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px;align-items:end}.form-grid>div{grid-column:1/-1}.field{gap:6px}.facts,.field{display:flex;flex-direction:column}.facts{margin:0;gap:12px}.facts>div{display:grid;grid-template-columns:220px minmax(0,1fr);grid-gap:16px;gap:16px;align-items:center}.facts dt{color:var(--muted)}.facts dd{margin:0}.keys{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;margin-right:6px}kbd{padding:2px 8px;border:1px solid var(--line);border-radius:8px;background:var(--soft);font:inherit;font-size:13px;font-weight:500}.plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.feature-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.feature-list li{display:flex;align-items:flex-start;gap:8px}.feature-list svg{flex-shrink:0;margin-top:3px}.update-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.update-list time{font-size:13px}.update-group{display:flex;flex-direction:column;gap:12px}.update-group>h2{margin:8px 0 0;font-size:22px;font-weight:600;letter-spacing:-.4px}.dash-loading{display:flex;flex-direction:column;gap:16px}.skeleton{border-radius:22px;background:var(--soft)}@media (prefers-reduced-motion:no-preference){.skeleton{animation:skeleton-pulse 1.4s ease-in-out infinite}@keyframes skeleton-pulse{50%{opacity:.55}}}