:root{--bg:#f3ead8;--bg-alt:#ece0c9;--bg-warm:#f7f0e1;--surface:#fbf8f1;--surface-2:#f7f1e4;--surface-raised:#fffdf8;--ink:#1d1a16;--ink-2:#4c453b;--ink-3:#726858;--muted:#8a7f6e;--line:#1d1a1624;--line-soft:#1d1a1614;--line-strong:#1d1a1647;--accent:#d24a2a;--accent-hover:#b93e21;--accent-soft:#f0d3c8;--accent-ink:#fff8ef;--sage:#7d8d60;--sage-deep:#5f7046;--sage-soft:#dde3d0;--gold:#b58a52;--danger:#b53823;--success:#557044;--header-h:68px;--radius-xs:3px;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--shadow-sm:0 2px 10px #2f25140d;--shadow-md:0 18px 45px -24px #2f25143d;--shadow-lg:0 34px 80px -40px #2f251466;--font-serif:"Songti SC", "STSong", "Noto Serif SC", "Source Han Serif SC", "SimSun", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--font-sans:"PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SF Mono", "JetBrains Mono", "Cascadia Code", Menlo, Consolas, monospace;--font-display:"Iowan Old Style", "Palatino Linotype", Palatino, "Songti SC", Georgia, serif;--ease:cubic-bezier(.22, .61, .36, 1);--max-width:1280px}.dark{--bg:#191714;--bg-alt:#201d19;--bg-warm:#1d1a16;--surface:#23201b;--surface-2:#26231e;--surface-raised:#2a2620;--ink:#f0e8d8;--ink-2:#cdc3b2;--ink-3:#a89c8a;--muted:#8f8373;--line:#f0e8d824;--line-soft:#f0e8d814;--line-strong:#f0e8d847;--accent:#e1623f;--accent-hover:#ef7654;--accent-soft:#4a2b21;--accent-ink:#1b1512;--sage:#a1b381;--sage-deep:#c0cfa1;--sage-soft:#333b29;--gold:#d0a36a;--danger:#e56b4f;--success:#a4bd85;--shadow-sm:0 2px 10px #0000002e;--shadow-md:0 18px 45px -24px #00000080;--shadow-lg:0 34px 80px -40px #000000a6}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);min-width:320px;color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:background-color .35s var(--ease), color .35s var(--ease);margin:0;font-size:16px;line-height:1.75}body:before{content:"";pointer-events:none;z-index:9999;opacity:.035;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;top:0;bottom:0;left:0;right:0}.dark body:before{opacity:.055;mix-blend-mode:screen}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}p,h1,h2,h3,h4,h5,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}h1,h2,h3,h4,.serif{font-family:var(--font-serif);color:var(--ink);text-wrap:balance;font-weight:600}p{text-wrap:pretty}h1{letter-spacing:-.045em;font-size:clamp(2.7rem,5.8vw,5.6rem);line-height:1.08}h2{letter-spacing:-.04em;font-size:clamp(2.2rem,4.2vw,4rem);line-height:1.14}h3{letter-spacing:-.02em;font-size:clamp(1.2rem,1.8vw,1.55rem);line-height:1.4}h4{font-size:1.05rem;line-height:1.5}p{color:var(--ink-2)}strong{color:var(--ink);font-weight:600}.container{width:min(var(--max-width), calc(100% - 96px));margin-inline-start:auto;margin-inline-end:auto}.container-wide{width:min(1440px,100% - 64px);margin-inline-start:auto;margin-inline-end:auto}.container-narrow{width:min(800px,100% - 48px);margin-inline-start:auto;margin-inline-end:auto}.section{padding:106px 0;position:relative}.section-tight{padding:68px 0}.section-line{border-top:1px solid var(--line)}.eyebrow{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);align-items:center;gap:10px;font-size:13px;font-style:italic;display:flex}.eyebrow:before{content:"";opacity:.7;background:currentColor;width:20px;height:1px}.eyebrow.plain:before{display:none}.kicker{font-family:var(--font-display);letter-spacing:.02em;color:var(--ink-3);font-size:1.08rem;font-style:italic}.section-head{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:end;gap:56px;margin-bottom:58px;display:grid}.section-head .aside{color:var(--ink-2);justify-self:end;max-width:420px;font-size:15px;line-height:1.85}.section-head .aside p+p{margin-top:12px}.muted{color:var(--muted)}.small{font-size:13px}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.serif-italic{font-family:var(--font-display);font-style:italic}.brush-underline{display:inline-block;position:relative}.brush-underline:after{content:"";background:var(--accent);opacity:.85;pointer-events:none;border-radius:50%;height:.16em;position:absolute;bottom:.02em;left:2%;right:8%;transform:rotate(-.7deg)scaleY(.5)}.brush-underline.soft:after{opacity:.45}.accent{color:var(--accent)}.sage{color:var(--sage-deep)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{--btn-bg:transparent;--btn-fg:var(--ink);--btn-border:var(--line-strong);border:1px solid var(--btn-border);background:var(--btn-bg);min-height:46px;color:var(--btn-fg);font-family:var(--font-sans);letter-spacing:.01em;white-space:nowrap;transition:background-color .25s var(--ease), color .25s var(--ease), border-color .25s var(--ease), transform .25s var(--ease), box-shadow .25s var(--ease);border-radius:3px;justify-content:center;align-items:center;gap:9px;padding:0 22px;font-size:14px;font-weight:500;line-height:1;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{--btn-bg:var(--accent);--btn-fg:#fff8ef;--btn-border:var(--accent);box-shadow:inset 0 1px #ffffff29}.btn-primary:hover{--btn-bg:var(--accent-hover);--btn-border:var(--accent-hover)}.btn-dark{--btn-bg:#1d1a16;--btn-fg:#f5ecda;--btn-border:#1d1a16}.dark .btn-dark{--btn-bg:#f0e8d8;--btn-fg:#1d1a16;--btn-border:#f0e8d8}.btn-outline{--btn-bg:transparent;--btn-border:var(--line-strong)}.btn-outline:hover{--btn-bg:var(--surface)}.btn-soft{--btn-bg:var(--surface);--btn-border:var(--line)}.btn-ghost{--btn-border:transparent;min-height:38px;padding:0 12px}.btn-ghost:hover{--btn-bg:var(--surface-2)}.btn-sm{min-height:36px;padding:0 14px;font-size:13px}.btn-lg{min-height:52px;padding:0 28px;font-size:15px}.btn-pill{border-radius:999px}.btn-block{width:100%}.icon-btn{width:38px;height:38px;color:var(--ink-2);transition:background-color .2s var(--ease), color .2s var(--ease);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--surface);color:var(--ink)}.link-arrow{color:var(--ink);border-bottom:1px solid var(--line-strong);transition:color .2s var(--ease), border-color .2s var(--ease);align-items:center;gap:8px;padding-bottom:3px;font-size:14px;display:inline-flex}.link-arrow:hover{color:var(--accent);border-color:var(--accent)}.text-link{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:4px;transition:text-decoration-color .2s var(--ease), color .2s var(--ease)}.text-link:hover{color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.chip{border:1px solid var(--line);color:var(--ink-2);white-space:nowrap;background:#ffffff2e;border-radius:3px;align-items:center;gap:7px;padding:6px 11px;font-size:12px;line-height:1.4;display:inline-flex}.dark .chip{background:#ffffff08}.chip.accent{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 32%, transparent);background:color-mix(in srgb, var(--accent) 7%, transparent)}.chip.sage{color:var(--sage-deep);border-color:color-mix(in srgb, var(--sage) 32%, transparent);background:color-mix(in srgb, var(--sage) 10%, transparent)}.tag-dot{background:var(--sage);border-radius:50%;flex:none;width:5px;height:5px}.paper{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.staff-bg{background-image:repeating-linear-gradient(to bottom, transparent 0, transparent 23px, color-mix(in srgb, var(--ink) 9%, transparent) 23px, color-mix(in srgb, var(--ink) 9%, transparent) 24px)}.texture{position:relative}.texture:before{content:"";pointer-events:none;opacity:.045;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;top:0;bottom:0;left:0;right:0}.dark .texture:before{mix-blend-mode:screen;opacity:.06}.rule{background:var(--line);border:0;height:1px}.field{flex-direction:column;gap:7px;display:flex}.field label,.field-label{color:var(--ink-2);letter-spacing:.02em;font-size:13px;font-weight:500}.input,.select,.textarea{border:1px solid var(--line-strong);border-radius:var(--radius-xs);background:var(--surface-raised);width:100%;color:var(--ink);transition:border-color .2s var(--ease), box-shadow .2s var(--ease);padding:11px 13px;font-size:14px;line-height:1.5}.input::placeholder,.textarea::placeholder{color:var(--muted)}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent);outline:none}.select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23726858' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:34px}.dark .select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23a89c8a' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.input[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--danger)}.field-error{color:var(--danger);font-size:12.5px;line-height:1.5}.field-hint{color:var(--muted);font-size:12px;line-height:1.5}input[type=range]{accent-color:var(--accent)}.accordion{border-top:1px solid var(--line)}.accordion-item{border-bottom:1px solid var(--line)}.accordion-trigger{text-align:left;width:100%;font-family:var(--font-sans);color:var(--ink);transition:color .2s var(--ease);justify-content:space-between;align-items:center;gap:24px;padding:23px 2px;font-size:16px;font-weight:500;display:flex}.accordion-trigger:hover{color:var(--accent)}.accordion-trigger svg{color:var(--ink-3);transition:transform .28s var(--ease), color .2s var(--ease);flex:none}.accordion-item.open .accordion-trigger{color:var(--accent)}.accordion-item.open .accordion-trigger svg{color:var(--accent);transform:rotate(180deg)}.accordion-panel{transition:grid-template-rows .32s var(--ease);grid-template-rows:0fr;display:grid}.accordion-item.open .accordion-panel{grid-template-rows:1fr}.accordion-content{overflow:hidden}.accordion-content-inner{color:var(--ink-2);padding:0 48px 26px 2px;font-size:14.5px;line-height:1.9}.accordion-content-inner p+p{margin-top:10px}.overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:overlay-in .2s var(--ease);background:#18130c8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);width:min(720px,100%);max-height:min(88vh,900px);box-shadow:var(--shadow-lg);animation:modal-in .25s var(--ease);overflow:auto}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 26px 16px;display:flex}.modal-body{padding:24px 26px}.modal-footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:16px 26px 24px;display:flex}.modal-close{width:34px;height:34px;color:var(--ink-2);background:var(--surface-2);transition:background .2s var(--ease), color .2s var(--ease);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.modal-close:hover{background:var(--accent);color:var(--accent-ink)}@keyframes overlay-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)scale(.99)}}.reveal{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transition-delay:var(--reveal-delay,0s);transform:translateY(16px)}.reveal.visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}.spinner{border:2px solid color-mix(in srgb, currentColor 30%, transparent);border-top-color:currentColor;border-radius:50%;flex:none;width:16px;height:16px;animation:.8s linear infinite spin}.spinner.lg{border-width:2.5px;width:26px;height:26px}@keyframes spin{to{transform:rotate(360deg)}}.progress-track{background:var(--line);border-radius:99px;width:100%;height:4px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:inherit;height:100%;transition:width .25s var(--ease)}.info-table{border-collapse:collapse;width:100%;font-size:14px}.info-table th,.info-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:14px 0}.info-table th{color:var(--muted);width:26%;font-weight:400}.info-table td{color:var(--ink)}.toast-stack{z-index:3000;flex-direction:column;gap:10px;max-width:min(380px,100vw - 40px);display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--ink);color:var(--bg);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);animation:toast-in .25s var(--ease);align-items:flex-start;gap:10px;padding:13px 16px;font-size:13px;line-height:1.6;display:flex}.toast.success{background:var(--sage-deep);color:#f7f3e7}.toast.error{background:var(--danger);color:#fff7f2}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-strong);background-clip:padding-box;border:3px solid #0000;border-radius:20px}::-webkit-scrollbar-track{background:0 0}@media (max-width:1100px){.container{width:min(var(--max-width), calc(100% - 56px))}.section{padding:84px 0}.section-head{gap:32px}}@media (max-width:760px){:root{--header-h:60px}.container,.container-narrow,.container-wide{width:calc(100% - 40px)}.section{padding:64px 0}.section-tight{padding:48px 0}.section-head{grid-template-columns:1fr;gap:20px;margin-bottom:36px}.section-head .aside{justify-self:start;max-width:100%}h1{letter-spacing:-.05em;font-size:clamp(2.5rem,11.3vw,4rem)}h2{font-size:clamp(2rem,8.4vw,3rem)}.eyebrow{font-size:11px}p{font-size:15px}.accordion-trigger{padding:20px 0;font-size:15px}.accordion-content-inner{padding-right:12px}.modal-header,.modal-body,.modal-footer{padding-inline-start:20px;padding-inline-end:20px}.toast-stack{bottom:20px;left:20px;right:20px}}.skip-link{z-index:5000;background:var(--ink);color:var(--bg);transition:top .2s var(--ease);border-radius:3px;padding:10px 16px;font-size:13px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}.site-header{z-index:900;background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.15);transition:border-color .25s var(--ease), background-color .25s var(--ease);border-bottom:1px solid #0000;position:sticky;top:0}.site-header.is-scrolled{background:color-mix(in srgb, var(--bg) 94%, transparent);border-bottom-color:var(--line)}.header-inner{height:var(--header-h);align-items:center;gap:28px;display:flex}.brand{flex:none;align-items:center;line-height:1;display:inline-flex}.brand-word{font-family:var(--font-serif);letter-spacing:-.035em;color:var(--ink);transition:color .2s var(--ease);font-size:22px;font-weight:600;line-height:1}.brand-word span{color:var(--accent)}.brand:hover .brand-word{color:var(--accent-hover)}.brand-inverse .brand-word{color:#f2e9d8}.brand-inverse .brand-word span{color:#e1623f}.primary-nav{align-self:stretch;align-items:stretch;gap:0;margin-left:10px;display:flex}.nav-item{align-items:stretch;display:flex;position:relative}.nav-link{font-family:var(--font-sans);letter-spacing:.01em;color:var(--ink-2);white-space:nowrap;transition:color .2s var(--ease);align-items:center;gap:5px;padding:0 14px;font-size:13.5px;font-weight:450;display:inline-flex;position:relative}.nav-link:hover,.nav-trigger:hover{color:var(--ink)}.nav-link.active{color:var(--accent)}.nav-link.active:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:0;left:14px;right:14px}.nav-trigger .chev{transition:transform .22s var(--ease);opacity:.7}.chev.rotated{transform:rotate(180deg)}.mega-menu{background:var(--surface-raised);border:1px solid var(--line);width:min(880px,100vw - 56px);box-shadow:var(--shadow-lg);z-index:60;animation:menu-in .18s var(--ease);border-top:none;padding:26px 28px 18px;position:absolute;top:calc(100% + 1px);left:0}@keyframes menu-in{0%{opacity:0;transform:translateY(-5px)}}.mega-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;display:grid}.mega-heading{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line-soft);margin-bottom:8px;padding-bottom:10px;font-size:11px}.mega-link{color:var(--ink-2);transition:color .18s var(--ease), transform .18s var(--ease);padding:5.5px 0;font-size:13px;line-height:1.45;display:block}.mega-link:hover{color:var(--accent);transform:translate(2px)}.mega-more{font-family:var(--font-mono);color:var(--muted);margin-top:8px;font-size:10.5px;display:inline-block}.mega-more:hover{color:var(--accent)}.mega-footer{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:20px;margin-top:22px;padding-top:14px;display:flex}.mega-footer .link-arrow{color:var(--accent);border-bottom:none;padding-bottom:0;font-size:12.5px}.mega-footer .link-arrow:hover{color:var(--accent-hover)}.header-actions{flex:none;align-items:center;gap:6px;margin-left:auto;display:flex}.lang-button{height:34px;color:var(--ink-3);transition:background-color .18s var(--ease), color .18s var(--ease);border-radius:3px;align-items:center;gap:6px;padding:0 9px;font-size:12.5px;display:inline-flex}.lang-button:hover{color:var(--ink);background:var(--surface-2)}.lang-item{align-items:center}.mini-menu{background:var(--surface-raised);border:1px solid var(--line);min-width:188px;box-shadow:var(--shadow-md);z-index:70;animation:menu-in .18s var(--ease);padding:6px;position:absolute;top:calc(100% + 12px);right:0}.lang-menu{min-width:172px}.mini-menu-item{text-align:left;width:100%;color:var(--ink-2);transition:background-color .18s var(--ease), color .18s var(--ease);border-radius:2px;align-items:center;gap:9px;padding:9px 11px;font-size:13px;display:flex}.mini-menu-item:hover{background:var(--surface-2);color:var(--ink)}.mini-menu-item.selected{color:var(--accent)}.mini-menu-item .small{margin-left:auto}.theme-toggle{color:var(--ink-3)}.header-divider{background:var(--line);width:1px;height:18px;margin:0 4px}.header-signin{color:var(--ink-2);transition:color .18s var(--ease), background-color .18s var(--ease);border-radius:3px;padding:8px 12px;font-size:13.5px}.header-signin:hover{color:var(--accent)}.header-cta{border-radius:3px;min-height:38px;padding:0 19px;font-size:13px}.account-button{transition:background-color .18s var(--ease);border-radius:999px;align-items:center;gap:7px;padding:5px 8px 5px 5px;display:flex}.account-button:hover{background:var(--surface-2)}.avatar{background:var(--ink);width:28px;height:28px;color:var(--bg);font-family:var(--font-serif);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:inline-flex}.avatar.lg{width:38px;height:38px;font-size:16px}.account-name{text-overflow:ellipsis;white-space:nowrap;max-width:96px;color:var(--ink-2);font-size:13px;overflow:hidden}.account-item{align-items:center}.account-menu{min-width:268px;padding:8px}.account-summary{align-items:center;gap:11px;padding:10px 8px 12px;display:flex}.account-summary strong{font-size:13.5px;line-height:1.4;display:block}.account-summary p{text-overflow:ellipsis;max-width:180px;font-size:11.5px;line-height:1.4;overflow:hidden}.account-quota{background:var(--surface-2);border:1px solid var(--line-soft);flex-direction:column;align-items:flex-start;gap:6px;margin:0 8px 8px;padding:10px;display:flex}.account-quota .chip{padding:3px 7px;font-size:10.5px}.account-menu .mini-menu-item{padding:8px 10px;font-size:12.5px}.mobile-toggle{display:none}.mobile-menu{height:calc(100dvh - var(--header-h));z-index:850;background:var(--bg);border-top:1px solid var(--line);animation:mobile-in .22s var(--ease);position:absolute;top:100%;left:0;right:0;overflow-y:auto}@keyframes mobile-in{0%{opacity:0;transform:translateY(-8px)}}.mobile-menu-inner{width:min(620px,100% - 40px);margin:0 auto;padding:22px 0 48px}.mobile-nav{border-top:1px solid var(--line-soft);flex-direction:column;display:flex}.mobile-link{border-bottom:1px solid var(--line-soft);font-family:var(--font-serif);letter-spacing:-.02em;color:var(--ink);justify-content:space-between;align-items:center;padding:15px 2px;font-size:21px;display:flex}.mobile-link:hover{color:var(--accent)}.mobile-groups{border-top:1px solid var(--line-soft);margin-top:22px}.mobile-group{border-bottom:1px solid var(--line-soft)}.mobile-group summary{cursor:pointer;color:var(--ink-2);letter-spacing:.03em;justify-content:space-between;align-items:center;padding:14px 2px;font-size:13px;list-style:none;display:flex}.mobile-group summary::-webkit-details-marker{display:none}.mobile-group summary:after{content:"+";font-family:var(--font-mono);color:var(--muted)}.mobile-group[open] summary:after{content:"−"}.mobile-group-links{grid-template-columns:1fr 1fr;gap:2px 16px;padding:2px 0 16px;display:grid}.mobile-group-links a{color:var(--ink-3);padding:7px 0;font-size:13px}.mobile-group-links a:hover{color:var(--accent)}.mobile-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:28px;display:grid}.mobile-actions .btn{width:100%}.mobile-utility{border-top:1px solid var(--line-soft);flex-direction:column;gap:2px;margin-top:22px;padding-top:14px;display:flex}.mobile-utility-btn{color:var(--ink-3);text-align:left;align-items:center;gap:9px;padding:10px 2px;font-size:12.5px;display:flex}.mobile-utility-btn:hover{color:var(--accent)}@media (max-width:1180px){.primary-nav{margin-left:0}.nav-link{padding-inline-start:10px;padding-inline-end:10px}.nav-link.active:after{left:10px;right:10px}.header-inner{gap:18px}.account-name{display:none}}@media (max-width:1020px){.primary-nav,.lang-item,.header-divider,.header-signin,.account-item,.theme-toggle{display:none}.mobile-toggle{display:inline-flex}.header-cta{display:none}.mobile-menu{display:block}}@media (min-width:1021px){.mobile-menu{display:none}}@media (max-width:760px){.header-inner{gap:10px}.brand-word{font-size:20px}.header-actions{gap:2px}.mobile-menu{padding-bottom:env(safe-area-inset-bottom)}}.site-footer{z-index:2;color:#d8cfbf;background:#121110;position:relative}.footer-cta{background:#1c1916;border-top:1px solid #ffffff0e;border-bottom:1px solid #ffffff0e;padding:78px 0 84px;position:relative;overflow:hidden}.footer-cta:before{content:"";pointer-events:none;background:repeating-linear-gradient(#0000 0 31px,#ffffff06 31px 32px);position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 50%,#0000);mask-image:linear-gradient(90deg,#0000,#000 50%,#0000)}.footer-cta-inner{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px 48px;display:grid;position:relative}.footer-mark{grid-column:1/-1;margin-bottom:14px}.bar-mark{align-items:flex-end;gap:3px;height:26px;display:inline-flex}.bar-mark i{background:#e1623f;border-radius:2px;width:3px;display:block}.bar-mark i:first-child{height:10px}.bar-mark i:nth-child(2){height:20px}.bar-mark i:nth-child(3){height:14px}.bar-mark i:nth-child(4){height:25px}.bar-mark i:nth-child(5){height:12px}.footer-cta-copy h2{color:#f2e9d8;letter-spacing:-.045em;margin-bottom:22px;font-size:clamp(2.35rem,4.4vw,4.15rem);line-height:1.13}.footer-cta-copy h2 .serif-italic{color:#ebdfcb;letter-spacing:-.03em}.footer-cta-copy p{color:#e9dfcd99;max-width:520px;font-size:14px;line-height:1.85}.footer-cta-button{border-radius:2px;align-self:end;margin-bottom:4px}.footer-main{padding:56px 0 24px}.footer-wordmark{border-bottom:1px solid #ffffff17;margin-bottom:40px;padding-bottom:36px}.footer-wordmark span{color:#ede3d2;letter-spacing:-.025em;font-size:clamp(1.55rem,2.4vw,2.15rem)}.footer-grid{border-bottom:1px solid #ffffff14;grid-template-columns:.8fr 1.1fr .85fr .85fr;gap:32px;padding-bottom:48px;display:grid}.footer-col{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.footer-heading{font-family:var(--font-sans);letter-spacing:.13em;text-transform:uppercase;color:#8d8271;margin-bottom:13px;font-size:10.5px}.footer-col a{color:#cfc5b4;transition:color .18s var(--ease);align-items:center;gap:6px;padding:5.5px 0;font-size:13px;line-height:1.5;display:inline-flex}.footer-col a:hover{color:#e1623f}.footer-strong-link{margin-top:6px;color:#e6b46f!important;font-size:12.5px!important}.footer-tools-line{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;display:flex;position:relative}.footer-note{color:#837968;letter-spacing:.02em;font-size:11px}.footer-lang-wrap{position:relative}.footer-lang{color:#d4cabb;transition:border-color .18s var(--ease), color .18s var(--ease);border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:11.5px;display:inline-flex}.footer-lang:hover{color:#f2e9d8;border-color:#ffffff52}.footer-lang-menu{z-index:20;background:#26221d;border:1px solid #ffffff1f;min-width:174px;padding:7px;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 22px 44px -22px #000c}.footer-lang-menu button{text-align:left;color:#f2e9d8;border-radius:2px;width:100%;padding:8px 9px;font-size:12.5px;display:block}.footer-lang-menu button:hover{background:#ffffff0f}.footer-lang-menu span{color:#8d8271;border-top:1px solid #ffffff14;margin-top:4px;padding:7px 9px;font-size:10.5px;display:block}.footer-bottom{align-items:center;gap:20px;padding-top:24px;display:flex}.footer-bottom .brand-word{font-size:16px}.footer-copy{color:#837968;font-size:11px}.footer-mail{color:#a89d8a;transition:color .18s var(--ease);align-items:center;gap:6px;margin-left:auto;font-size:11px;display:inline-flex}.footer-mail:hover{color:#e1623f}@media (max-width:1020px){.footer-cta{padding:62px 0 68px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px 24px}}@media (max-width:760px){.footer-cta{padding:48px 0 54px}.footer-cta-inner{grid-template-columns:1fr;gap:26px}.footer-cta-copy h2{margin-bottom:16px;font-size:clamp(2.05rem,9.4vw,3rem)}.footer-cta-copy p{font-size:13px}.footer-cta-button{justify-self:start;margin-bottom:0}.footer-main{padding-top:40px}.footer-wordmark{margin-bottom:28px;padding-bottom:24px}.footer-wordmark span{font-size:1.4rem}.footer-grid{grid-template-columns:1fr 1fr;gap:28px 18px;padding-bottom:32px}.footer-tools-line{flex-direction:column;align-items:flex-start;gap:14px;padding:18px 0}.footer-bottom{flex-wrap:wrap;gap:10px 16px;padding-top:20px}.footer-mail{width:100%;margin-left:0}.footer-copy{font-size:10.5px}}.chat-launcher{z-index:940;background:var(--accent);color:#fff8ef;width:52px;height:52px;transition:transform .2s var(--ease), background-color .2s var(--ease);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 28px -10px #7828128c,inset 0 1px #ffffff2e}.chat-launcher:hover{background:var(--accent-hover);transform:translateY(-2px)scale(1.03)}.chat-launcher.is-open{background:var(--ink);color:var(--bg)}.chat-dot{background:var(--sage);border:2px solid var(--accent);box-sizing:content-box;border-radius:50%;width:10px;height:10px;position:absolute;top:5px;right:5px}.chat-panel{z-index:941;background:var(--surface);border:1px solid var(--line);width:min(376px,100vw - 32px);max-height:min(640px,100vh - 120px);box-shadow:var(--shadow-lg);animation:modal-in .24s var(--ease);border-radius:12px;flex-direction:column;display:flex;position:fixed;bottom:88px;right:24px;overflow:hidden}.chat-head{border-bottom:1px solid var(--line-soft);background:var(--surface-raised);justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 16px 14px 18px;display:flex}.chat-title{font-family:var(--font-serif);color:var(--ink);font-size:15.5px;font-weight:600;line-height:1.4}.chat-status{color:var(--muted);align-items:center;gap:6px;margin-top:3px;font-size:10.5px;display:flex}.chat-online{background:var(--sage);border-radius:50%;width:6px;height:6px}.chat-messages{background:var(--bg-warm);flex-direction:column;flex:1;gap:9px;min-height:180px;padding:18px;display:flex;overflow-y:auto}.chat-bubble{max-width:88%;animation:bubble-in .18s var(--ease);border-radius:11px;padding:9px 12px;font-size:12.5px;line-height:1.7}@keyframes bubble-in{0%{opacity:0;transform:translateY(4px)}}.chat-bubble.bot{background:var(--surface-raised);border:1px solid var(--line-soft);color:var(--ink-2);border-top-left-radius:3px;align-self:flex-start}.chat-bubble.user{background:var(--ink);color:var(--bg);border-bottom-right-radius:3px;align-self:flex-end}.chat-bubble.typing{gap:4px;padding:12px;display:flex}.chat-bubble.typing span{background:var(--muted);border-radius:50%;width:4px;height:4px;animation:1s ease-in-out infinite typing}.chat-bubble.typing span:nth-child(2){animation-delay:.13s}.chat-bubble.typing span:nth-child(3){animation-delay:.26s}@keyframes typing{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.chat-quick{border-top:1px solid var(--line-soft);background:var(--surface);flex-wrap:wrap;gap:5px;padding:10px 14px;display:flex}.chat-quick button{border:1px solid var(--line);color:var(--ink-3);transition:border-color .18s var(--ease), color .18s var(--ease);border-radius:999px;padding:5px 9px;font-size:10.5px}.chat-quick button:hover{border-color:var(--accent);color:var(--accent)}.chat-form{background:var(--surface);gap:7px;padding:10px 14px 0;display:flex}.chat-form .input{background:var(--surface-raised);min-height:38px;padding:8px 11px;font-size:12.5px}.chat-send{flex:none;width:40px;min-height:38px;padding:0}.chat-foot{background:var(--surface);color:var(--muted);text-align:center;padding:8px 14px 13px;font-size:10px}.chat-foot a{color:var(--ink-3);text-underline-offset:2px;text-decoration:underline}.chat-foot a:hover{color:var(--accent)}.toast-close{color:inherit;opacity:.6;margin-left:auto;font-size:15px;line-height:1}.toast-close:hover{opacity:1}.mobile-menu-open .chat-launcher,.mobile-menu-open .chat-panel{display:none}@media (max-width:760px){.chat-launcher{width:48px;height:48px;bottom:16px;right:16px}.chat-panel{width:auto;max-height:calc(100vh - 100px);bottom:76px;left:12px;right:12px}}.hero{background:linear-gradient(90deg, var(--bg-warm) 0%, var(--bg-warm) 55.9%, var(--surface-2) 56%, var(--surface-2) 100%);border-bottom:1px solid var(--line-soft);padding:58px 0 62px;position:relative;overflow:hidden}.hero-lines{color:var(--ink);opacity:.055;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.hero-lines svg{width:100%;height:100%}.hero-split{background:var(--line-soft);pointer-events:none;width:1px;position:absolute;top:0;bottom:0;left:56%}.hero-scribble{font-family:var(--font-display);letter-spacing:.06em;color:var(--ink-3);opacity:.4;pointer-events:none;font-size:12.5px;font-style:italic;position:absolute}.scribble-c{top:8%;left:46%;transform:rotate(3deg)}.hero-grid{grid-template-columns:minmax(0,1.01fr) minmax(0,.99fr);align-items:center;gap:66px;display:grid;position:relative}.hero-copy{padding-top:10px}.hero-copy h1{letter-spacing:-.055em;margin:22px 0 25px;font-size:clamp(3rem,5.15vw,5.05rem);line-height:1.07}.hero-copy .brush-underline:after{opacity:.9;bottom:.015em}.hero-lede{max-width:505px;color:var(--ink-2);letter-spacing:.005em;font-size:16px;line-height:1.88}.hero-actions{align-items:center;gap:24px;margin-top:31px;display:flex}.hero-actions .btn-primary{border-radius:2px;box-shadow:0 10px 22px -14px #a03118a6}.hero-text-link{border-bottom:1px solid var(--line-strong);color:var(--ink);transition:color .2s var(--ease), border-color .2s var(--ease);align-items:center;gap:7px;padding-bottom:4px;font-size:13.5px;display:inline-flex}.hero-text-link:hover{color:var(--accent);border-color:var(--accent)}.hero-flow{color:var(--ink);align-items:center;gap:18px;margin-top:48px;display:flex}.hero-wave{opacity:.82;flex:none;width:148px;height:64px}.hero-flow-arrow{color:var(--accent);opacity:.8;flex:none}.hero-notes{flex:none;width:232px;height:64px}.hero-meta{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:30px;font-size:12px;display:flex}.hero-meta>span:not(.hero-free){align-items:center;gap:6px;display:inline-flex}.hero-meta svg{color:var(--ink-3);opacity:.8}.hero-free{background:var(--accent);letter-spacing:.03em;align-items:center;padding:7px 11px;font-size:11.5px;line-height:1;display:inline-flex;color:#fff8ef!important}.hero-visual{padding-top:4px;position:relative}.sample-card{background:var(--surface-raised);border:1px solid var(--line);box-shadow:0 30px 70px -44px #34261073, var(--shadow-sm);border-radius:3px;padding:22px 24px 18px;position:relative;overflow:hidden}.dark .sample-card{box-shadow:0 30px 70px -40px #000000a6}.sample-top{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:14px;display:flex}.sample-top .eyebrow{letter-spacing:.12em;font-size:10.5px}.sample-top .eyebrow:before{width:14px}.sample-top h3{letter-spacing:-.015em;margin-top:7px;font-size:17px}.sample-play{border:1px solid var(--line-strong);width:42px;height:42px;color:var(--accent);transition:background-color .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease);background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.sample-play:hover{background:var(--accent);border-color:var(--accent);color:#fff8ef}.roll-canvas{height:208px;margin:19px 0 17px;display:flex}.roll-keys{border-right:1px solid var(--line-soft);flex-direction:column;flex:none;gap:2px;width:27px;margin-right:4px;padding:4px 0;display:flex}.roll-keys span{border-radius:1px;flex:1}.roll-keys .white{background:color-mix(in srgb, var(--ink) 6%, transparent);width:68%}.roll-keys .black{background:color-mix(in srgb, var(--ink) 22%, transparent);width:48%}.roll-field{flex:1;position:relative;overflow:hidden}.roll-gridlines{background-image:linear-gradient(to right, var(--line-soft) 1px, transparent 1px), linear-gradient(to bottom, var(--line-soft) 1px, transparent 1px);background-position:0 0,0 8%;background-size:6.25% 100%,100% 10.5%;position:absolute;top:0;bottom:0;left:0;right:0}.roll-note{z-index:2;border-radius:1px;height:4.5%;min-height:6px;position:absolute;box-shadow:inset 0 -1px #0000001f}.roll-note.sage{background:var(--sage);opacity:.9}.roll-note.accent{background:var(--accent);opacity:.95}.roll-playhead{border-left:1.5px dashed var(--accent);opacity:.65;z-index:3;width:0;position:absolute;top:0;bottom:0;left:63%}.playing .roll-playhead{animation:3.65s linear forwards roll-scan}@keyframes roll-scan{0%{left:2%}to{left:98%}}.sample-stats{border-top:1px solid var(--line-soft);align-items:flex-start;padding-top:14px;display:flex}.sample-stats>div{flex:1;min-width:0}.sample-stats>div+div{border-left:1px solid var(--line-soft);padding-left:18px}.sample-stats span{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-size:10px;line-height:1.4;display:block}.sample-stats strong{font-family:var(--font-display);color:var(--ink);font-variant-numeric:tabular-nums;margin-top:3px;font-size:25px;font-weight:500;line-height:1.15;display:block}.sample-corner{border-top:24px solid #0000;border-right:24px solid var(--bg-alt);width:0;height:0;position:absolute;bottom:0;right:0}.hero-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:15px;display:grid}.hero-mini{background:color-mix(in srgb, var(--surface) 72%, transparent);border:1px solid var(--line-soft);border-radius:2px;padding:13px 13px 12px}.hero-mini-icon{color:var(--accent);margin-bottom:9px;display:inline-flex}.hero-mini strong{letter-spacing:.01em;font-size:11.8px;line-height:1.45;display:block}.hero-mini p{color:var(--ink-3);margin-top:4px;font-size:10.8px;line-height:1.6}.hero-trust{color:var(--muted);flex-wrap:wrap;gap:9px 18px;margin-top:16px;font-size:10.5px;display:flex}.hero-trust span{align-items:center;gap:5px;display:inline-flex}.hero-trust svg{color:var(--sage-deep)}.home-converter-section{background:var(--bg);border-top:1px solid var(--line-soft);padding:76px 0 92px}.converter-head{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:end;gap:56px;margin-bottom:32px;display:grid}.converter-head h2{letter-spacing:-.04em;margin-top:14px;font-size:clamp(2rem,3.3vw,3.1rem)}.converter-head-aside{justify-self:end;max-width:400px}.converter-head-aside p{color:var(--ink-3);margin-bottom:13px;font-size:13.5px;line-height:1.85}.home-converter{background:var(--surface-raised);border:1px solid var(--line);box-shadow:0 24px 60px -46px #32241080, var(--shadow-sm);border-radius:3px;position:relative;overflow:hidden}.home-converter:before{content:"";background:linear-gradient(90deg, var(--accent), var(--gold) 45%, transparent 90%);opacity:.7;height:2px;position:absolute;top:0;left:0;right:0}.hc-tabs{background:var(--surface-2);border-bottom:1px solid var(--line);align-items:stretch;padding:0 22px;display:flex}.hc-tab{min-height:52px;color:var(--ink-3);transition:color .18s var(--ease), border-color .18s var(--ease);border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:0 16px;font-size:13px;font-weight:450;display:inline-flex}.hc-tab:hover{color:var(--ink)}.hc-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.hc-tab-more{color:var(--muted);transition:color .18s var(--ease);align-items:center;gap:5px;margin-left:auto;font-size:11.5px;display:inline-flex}.hc-tab-more:hover{color:var(--accent)}.hc-body{grid-template-columns:minmax(0,1fr) 326px;display:grid}.hc-dropzone{text-align:center;border:1.5px dashed var(--line-strong);background:var(--surface);cursor:pointer;min-height:346px;transition:border-color .2s var(--ease), background-color .2s var(--ease);border-radius:2px;flex-direction:column;justify-content:center;align-items:center;margin:20px;padding:34px 24px 28px;display:flex;position:relative}.hc-dropzone:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--line-strong));background:color-mix(in srgb, var(--accent) 3%, var(--surface))}.hc-dropzone.drag-over{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 7%, var(--surface))}.hc-upload-mark{border:1px solid var(--line);width:56px;height:56px;color:var(--accent);background:var(--surface-raised);transition:transform .25s var(--ease), border-color .2s var(--ease);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:inline-flex}.hc-dropzone:hover .hc-upload-mark{border-color:color-mix(in srgb, var(--accent) 40%, var(--line));transform:translateY(-3px)}.hc-dropzone h3{letter-spacing:-.02em;font-size:1.35rem}.hc-or{color:var(--muted);margin-top:6px;font-size:12.5px}.hc-or .text-link{color:var(--accent);text-decoration-color:#0000}.hc-dropzone:hover .hc-or .text-link{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.hc-formats{flex-wrap:wrap;justify-content:center;gap:5px;margin:18px 0 12px;display:flex}.hc-formats .chip{letter-spacing:.04em;padding:4px 8px;font-size:10px}.hc-limit{color:var(--muted);max-width:420px;font-size:10.5px;line-height:1.6}.hc-error{max-width:420px;margin-top:10px}.hc-side{background:var(--bg-warm);border-left:1px solid var(--line);flex-direction:column;gap:13px;padding:24px 22px 20px;display:flex}.hc-side .eyebrow{letter-spacing:.12em;font-size:10px}.hc-steps{flex-direction:column;gap:13px;display:flex}.hc-steps li{gap:11px;display:flex}.hc-steps li>span{font-family:var(--font-mono);color:var(--accent);flex:none;padding-top:2px;font-size:10px}.hc-steps strong{font-size:12px;font-weight:600;line-height:1.5;display:block}.hc-steps p{color:var(--ink-3);margin-top:2px;font-size:11px;line-height:1.65}.hc-render-note p{color:var(--ink-2);font-size:12px;line-height:1.75}.hc-note-pills{flex-wrap:wrap;gap:5px;margin-top:12px;display:flex}.hc-note-pills .chip{padding:4px 7px;font-size:10px}.hc-privacy{border-top:1px solid var(--line);color:var(--sage-deep);align-items:flex-start;gap:8px;padding-top:12px;display:flex}.hc-privacy svg{flex:none;margin-top:2px}.hc-privacy p{color:inherit;font-size:10.5px;line-height:1.65}.hc-side-link{color:var(--accent);transition:gap .18s var(--ease);align-items:center;gap:6px;margin-top:auto;font-size:11.5px;display:inline-flex}.hc-side-link:hover{gap:9px}.capabilities{background:var(--bg-warm);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.cap-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.cap-card{background:var(--surface);border:1px solid var(--line);height:100%;box-shadow:var(--shadow-sm);transition:transform .28s var(--ease), box-shadow .28s var(--ease);border-radius:3px;flex-direction:column;padding:26px 26px 24px;display:flex}.cap-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.cap-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.cap-number{font-family:var(--font-display);color:var(--muted);letter-spacing:.04em;font-size:14px;font-style:italic}.cap-head .chip{letter-spacing:.04em;padding:4px 8px;font-size:10px}.cap-card h3{letter-spacing:-.025em;min-height:2.76em;font-size:clamp(1.28rem,1.7vw,1.56rem);line-height:1.38}.cap-card>p{color:var(--ink-3);margin-top:12px;font-size:13px;line-height:1.8}.cap-list{flex-direction:column;gap:7px;margin:17px 0 22px;display:flex}.cap-list li{color:var(--ink-2);align-items:flex-start;gap:8px;font-size:12px;line-height:1.55;display:flex}.cap-list svg{color:var(--sage-deep);flex:none;margin-top:2px}.cap-visual{background:var(--surface-2);border:1px solid var(--line-soft);border-radius:2px;justify-content:center;align-items:center;min-height:196px;margin-top:auto;padding:17px;display:flex}.cap-visual .roll-canvas{width:100%;height:150px;margin:0}.cap-visual .roll-note{min-height:5px}.cap-visual .staff-preview{width:100%;height:auto;color:var(--ink-2)}.format-tiles{grid-template-columns:1fr 1fr;gap:7px;width:100%;display:grid}.format-tile{background:var(--surface-raised);border:1px solid var(--line-soft);border-radius:2px;flex-direction:column;justify-content:center;gap:2px;min-height:58px;padding:9px 12px;display:flex}.format-tile strong{font-family:var(--font-mono);letter-spacing:.02em;font-size:11.5px;font-weight:500}.format-tile small{color:var(--muted);font-size:9.5px}.format-tile.accent{background:var(--accent);border-color:var(--accent)}.format-tile.accent strong{color:#fff8ef}.format-tile.accent small{color:#fff8efb3}.cap-link{color:var(--accent);transition:gap .18s var(--ease);align-items:center;gap:7px;margin-top:18px;font-size:12px;display:inline-flex}.cap-link:hover{gap:10px}.workflow-band{background:color-mix(in srgb, var(--surface) 68%, transparent);border:1px solid var(--line-soft);border-radius:3px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:24px;display:grid}.workflow-step{gap:12px;padding:20px 20px 19px;display:flex}.workflow-step+.workflow-step{border-left:1px solid var(--line-soft)}.workflow-num{font-family:var(--font-mono);color:var(--accent);padding-top:2px;font-size:10px}.workflow-step strong{margin-bottom:3px;font-size:12px;font-weight:600;display:block}.workflow-step p{color:var(--ink-3);font-size:10.8px;line-height:1.6}.home-editorial{background:var(--sage-soft);border-bottom:1px solid var(--line-soft);padding:74px 0}.editorial-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:64px;display:grid}.editorial-icon{color:var(--sage-deep);margin-bottom:20px}.editorial-quote blockquote{font-family:var(--font-serif);letter-spacing:-.032em;color:var(--ink);max-width:720px;font-size:clamp(1.55rem,2.7vw,2.35rem);line-height:1.5}.editorial-meta{border-top:1px solid color-mix(in srgb, var(--ink) 16%, transparent);justify-content:space-between;align-items:center;gap:24px;margin-top:30px;padding-top:20px;display:flex}.editorial-meta>span{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-size:10.5px}.editorial-meta .link-arrow{border-bottom:none;padding:0;font-size:12px}.editorial-notes{background:color-mix(in srgb, var(--ink) 12%, transparent);border:1px solid color-mix(in srgb, var(--ink) 12%, transparent);border-radius:2px;flex-direction:column;gap:1px;display:flex;overflow:hidden}.editorial-note{background:var(--surface);gap:13px;padding:20px;display:flex}.editorial-note>svg{color:var(--accent);flex:none;margin-top:2px}.editorial-note strong{margin-bottom:3px;font-size:12.8px;font-weight:600;display:block}.editorial-note p{color:var(--ink-3);font-size:11.5px;line-height:1.7}.home-faq{padding-top:94px;padding-bottom:96px}.faq-grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:start;gap:80px;display:grid}.faq-intro h2{margin:14px 0 18px;font-size:clamp(2.1rem,3.4vw,3.25rem);line-height:1.2}.faq-intro-copy{color:var(--ink-3);max-width:340px;font-size:13.5px;line-height:1.85}.faq-mail{color:var(--ink);border-bottom:1px solid var(--line-strong);transition:color .18s var(--ease), border-color .18s var(--ease);align-items:center;gap:6px;margin-top:17px;padding-bottom:3px;font-size:12.5px;display:inline-flex}.faq-mail:hover{color:var(--accent);border-color:var(--accent)}.faq-note{background:var(--sage-soft);border:1px solid color-mix(in srgb, var(--sage) 25%, transparent);color:var(--sage-deep);align-items:center;gap:8px;max-width:300px;margin-top:28px;padding:11px 13px;font-size:11.5px;display:flex}.home-blog{background:var(--bg-warm)}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.blog-card{background:var(--surface);height:100%;transition:transform .26s var(--ease), box-shadow .26s var(--ease), border-color .26s var(--ease);border-radius:3px;flex-direction:column;padding:24px 24px 20px;display:flex}.blog-card:hover{box-shadow:var(--shadow-md);border-color:color-mix(in srgb, var(--accent) 28%, var(--line));transform:translateY(-4px)}.blog-card-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.blog-card-top .chip{padding:3px 7px;font-size:10px}.blog-date{font-family:var(--font-mono);color:var(--muted);letter-spacing:.02em;font-size:9.5px}.blog-card>p{color:var(--ink-3);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.85;display:-webkit-box;overflow:hidden}.blog-card-foot{border-top:1px solid var(--line-soft);color:var(--muted);letter-spacing:.03em;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding-top:14px;font-size:10px;display:flex}.blog-card-foot svg{color:var(--accent);transition:transform .2s var(--ease)}.blog-card:hover .blog-card-foot svg{transform:translate(2px,-2px)}.home-tools{background:var(--bg);padding-top:88px}.tools-head{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end;gap:56px;margin-bottom:42px;display:grid}.tools-head h2{margin-top:14px;font-size:clamp(2.05rem,3.5vw,3.3rem)}.tools-head>p{color:var(--ink-3);grid-column:2;justify-self:end;max-width:460px;font-size:13px;line-height:1.85}.home-tools-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 42px;display:grid}.home-tools-heading{letter-spacing:.08em;color:var(--ink-3);border-bottom:1px solid var(--line);margin-bottom:12px;padding-bottom:10px;font-size:11px}.home-tools-col li a{color:var(--ink-2);transition:color .18s var(--ease), transform .18s var(--ease);padding:5px 0;font-size:13px;display:inline-block}.home-tools-col li a:hover{color:var(--accent);transform:translate(2px)}.home-tools-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;margin-top:44px;padding-top:20px;display:flex}@media (max-width:1180px){.hero-grid{gap:44px}.hero-copy h1{font-size:clamp(2.9rem,4.8vw,4.3rem)}.hc-body{grid-template-columns:minmax(0,1fr) 292px}.cap-grid{gap:14px}.cap-card{padding:22px}.faq-grid{gap:54px}}@media (max-width:1020px){.hero{background:var(--bg-warm);padding:50px 0 56px}.hero-split{display:none}.hero-grid{grid-template-columns:1fr;gap:48px}.hero-copy h1{font-size:clamp(3rem,8.2vw,4.6rem)}.hero-visual{width:100%;max-width:680px}.hero-scribble{display:none}.converter-head{grid-template-columns:1fr;gap:18px}.converter-head-aside{justify-self:start;max-width:560px}.hc-body{grid-template-columns:1fr}.hc-side{border-left:none;border-top:1px solid var(--line)}.hc-side-link{margin-top:6px}.cap-grid{grid-template-columns:1fr;gap:16px}.cap-card h3{min-height:0}.cap-card>p{max-width:660px}.cap-visual{min-height:180px}.cap-visual .roll-canvas{max-width:620px;height:170px}.cap-visual .staff-preview{max-width:560px}.format-tiles{max-width:480px}.workflow-band{grid-template-columns:1fr 1fr}.workflow-step:nth-child(3){border-left:none}.workflow-step:nth-child(n+3){border-top:1px solid var(--line-soft)}.editorial-grid{grid-template-columns:1fr;gap:40px}.faq-grid{grid-template-columns:1fr;gap:36px}.faq-intro-copy{max-width:560px}.blog-grid{grid-template-columns:1fr 1fr}.blog-card:last-child{grid-column:1/-1}.tools-head{grid-template-columns:1fr;gap:16px}.tools-head>p{grid-column:1;justify-self:start}.home-tools-grid{grid-template-columns:1fr 1fr;gap:30px}}@media (max-width:760px){.hero{padding:34px 0 42px}.hero-copy h1{margin:16px 0 18px;font-size:clamp(2.65rem,12vw,3.7rem)}.hero-lede{font-size:14.5px;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:18px;margin-top:24px}.hero-actions .btn{min-height:46px;padding:0 20px}.hero-flow{gap:10px;margin-top:32px}.hero-wave{width:96px;height:48px}.hero-notes{width:160px;height:48px}.hero-flow-arrow{width:16px}.hero-meta{gap:11px 14px;margin-top:24px;font-size:10.5px}.hero-free{padding:6px 9px;font-size:10.5px}.hero-visual{max-width:100%}.sample-card{padding:18px 17px 14px}.sample-top h3{font-size:15px}.sample-play{width:36px;height:36px}.roll-canvas{height:160px;margin:15px 0 14px}.sample-stats strong{font-size:21px}.hero-mini-grid{grid-template-columns:1fr;gap:7px}.hero-mini{grid-template-columns:20px 1fr;gap:2px 9px;padding:11px 12px;display:grid}.hero-mini-icon{grid-row:span 2;margin-top:1px;margin-bottom:0}.hero-mini p{margin-top:0}.hero-trust{gap:8px 13px}.home-converter-section{padding:48px 0 58px}.converter-head{margin-bottom:22px}.converter-head h2{font-size:clamp(1.85rem,8.1vw,2.5rem)}.converter-head-aside p{font-size:12.5px}.hc-tabs{padding:0 8px;overflow-x:auto}.hc-tab{white-space:nowrap;gap:6px;padding:0 11px;font-size:12px}.hc-tab-more{display:none}.hc-dropzone{min-height:280px;margin:12px;padding:24px 16px 20px}.hc-upload-mark{width:48px;height:48px;margin-bottom:12px}.hc-dropzone h3{font-size:1.15rem}.hc-formats{margin:14px 0 10px}.hc-side{padding:18px 16px 16px}.capabilities{padding-top:50px}.cap-card{padding:20px 18px}.cap-card h3{font-size:1.3rem}.cap-card>p{font-size:12.5px}.cap-list{margin:14px 0 18px}.cap-visual{min-height:160px;padding:12px}.cap-visual .roll-canvas{height:140px}.workflow-band{grid-template-columns:1fr}.workflow-step{padding:15px 16px}.workflow-step+.workflow-step{border-left:none;border-top:1px solid var(--line-soft)}.workflow-step:nth-child(3){border-left:none}.workflow-step:nth-child(n+3){border-top:1px solid var(--line-soft)}.home-editorial{padding:46px 0 50px}.editorial-quote blockquote{font-size:clamp(1.4rem,6.3vw,1.9rem)}.editorial-meta{flex-direction:column;align-items:flex-start;gap:10px;margin-top:22px}.editorial-note{padding:16px}.home-faq{padding-top:56px;padding-bottom:60px}.faq-intro h2{font-size:clamp(1.9rem,8.5vw,2.7rem)}.blog-grid{grid-template-columns:1fr}.blog-card:last-child{grid-column:auto}.blog-card{padding:20px}.blog-card h3{margin-top:16px}.home-tools{padding-top:54px}.home-tools-grid{grid-template-columns:1fr 1fr;gap:26px 20px}.home-tools-foot{flex-direction:column;align-items:flex-start;gap:14px;margin-top:32px}.tools-head h2{font-size:clamp(1.9rem,8.4vw,2.7rem)}}.tool-page{background:linear-gradient(180deg, var(--bg-warm) 0, transparent 520px)}.tool-hero{border-bottom:1px solid var(--line);padding:30px 0 46px}.tool-crumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:34px;font-size:12px;display:flex}.tool-crumb a{transition:color .2s var(--ease)}.tool-crumb a:hover{color:var(--accent)}.tool-crumb span[aria-current]{color:var(--ink-2)}.tool-hero-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);align-items:end;gap:clamp(36px,6vw,96px);display:grid}.tool-hero-copy .eyebrow{margin-bottom:20px}.tool-hero-copy h1{letter-spacing:-.045em;margin-bottom:24px;font-size:clamp(2.7rem,5vw,4.8rem);line-height:1.04}.tool-lede{max-width:720px;color:var(--ink-2);font-size:16.5px;line-height:1.9}.tool-hero-tags{flex-wrap:wrap;align-items:center;gap:8px;margin-top:26px;display:flex}.tool-hero-free{color:var(--sage-deep);align-items:center;gap:6px;margin-left:6px;font-size:12px;display:inline-flex}.tool-flow-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);padding:20px;position:relative}.tool-flow-card:before{content:"";background:var(--accent);width:44px;height:2px;position:absolute;top:-1px;left:20px}.tool-flow-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.tool-flow-head .eyebrow{letter-spacing:.12em;font-size:10.5px}.tool-flow-local{color:var(--sage-deep);letter-spacing:.02em;align-items:center;gap:4px;font-size:10.5px;display:inline-flex}.tool-flow-row{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.tool-flow-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px}.tool-flow-row strong{font-family:var(--font-serif);text-align:right;font-size:19px;font-weight:600;line-height:1.3}.tool-flow-row .accent-text{color:var(--accent)}.tool-flow-line{color:var(--line-strong);align-items:center;gap:8px;margin:9px 0;display:flex}.tool-flow-line span{background:repeating-linear-gradient(to right, var(--line-strong) 0 3px, transparent 3px 7px);flex:1;height:1px}.tool-flow-steps{border-top:1px solid var(--line);flex-direction:column;gap:7px;margin-top:18px;padding-top:16px;display:flex}.tool-flow-steps li{color:var(--ink-2);align-items:baseline;gap:9px;font-size:12px;display:flex}.tool-flow-steps li span{font-family:var(--font-mono);color:var(--accent);font-size:10px}.tool-flow-note{color:var(--muted);margin-top:14px;font-size:11.5px;line-height:1.65}.tool-workbench-section{padding:34px 0 72px}.tool-section-head{max-width:840px;margin-bottom:44px}.tool-section-head .eyebrow{margin-bottom:14px}.tool-section-head h2{font-size:clamp(2rem,3.6vw,3.2rem)}.tool-steps{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid}.tool-steps>.reveal>li,.tool-steps>li{border-bottom:1px solid var(--line);height:100%;padding:28px 32px 30px 0;position:relative}.tool-steps>.reveal:not(:last-child)>li,.tool-steps>li:not(:last-child){border-right:1px solid var(--line)}.tool-steps>.reveal{height:100%}.tool-steps>.reveal:not(:last-child)>li{padding-right:32px}.tool-steps>.reveal+.reveal>li{padding-left:32px}.tool-step-num{font-family:var(--font-display);color:var(--accent);margin-bottom:22px;font-size:13px;font-style:italic;display:block}.tool-steps h3{margin-bottom:10px;font-size:20px}.tool-steps p{color:var(--ink-3);font-size:14px;line-height:1.85}.tool-highlights-section{background:var(--bg-alt);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tool-split-head{grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);align-items:end;gap:clamp(32px,5vw,88px);margin-bottom:48px;display:grid}.tool-split-head .eyebrow{margin-bottom:14px}.tool-explainer{color:var(--ink-3);border-left:2px solid var(--accent);padding-left:20px;font-size:14px;line-height:1.85}.tool-highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.tool-highlight{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);height:100%;transition:border-color .25s var(--ease), transform .25s var(--ease);padding:28px}.tool-highlight:hover{border-color:var(--line-strong);transform:translateY(-2px)}.tool-highlight.wide{background:var(--surface-raised)}.tool-highlight-index{font-family:var(--font-mono);color:var(--muted);letter-spacing:.08em;margin-bottom:22px;font-size:10px;display:block}.tool-highlight h3{margin-bottom:9px;font-size:19px}.tool-highlight p{color:var(--ink-3);font-size:13.5px;line-height:1.85}.tool-tips-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:clamp(40px,7vw,112px);display:grid}.tool-tips-intro{top:calc(var(--header-h) + 30px);position:sticky}.tool-tips-intro .eyebrow{margin-bottom:16px}.tool-tips-intro h2{margin-bottom:20px;font-size:clamp(2rem,3.4vw,3rem)}.tool-tips-intro p{max-width:380px;color:var(--ink-3);font-size:14px;line-height:1.9}.tool-tip-list{border-top:1px solid var(--line)}.tool-tip-list li{border-bottom:1px solid var(--line);gap:24px;padding:20px 0;display:flex}.tool-tip-list li>span{font-family:var(--font-mono);color:var(--accent);flex:none;padding-top:5px;font-size:10px}.tool-tip-list p{color:var(--ink-2);font-size:14.5px;line-height:1.85}.tool-faq-section{background:var(--bg-warm);border-top:1px solid var(--line)}.tool-faq-grid{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:start;gap:clamp(36px,6vw,96px);display:grid}.tool-faq-intro{top:calc(var(--header-h) + 30px);position:sticky}.tool-faq-intro .eyebrow{margin-bottom:14px}.tool-faq-intro h2{margin-bottom:18px;font-size:clamp(2rem,3.4vw,3rem)}.tool-faq-intro p{max-width:330px;color:var(--ink-3);margin-bottom:18px;font-size:13.5px;line-height:1.85}.tool-related-section{border-top:1px solid var(--line)}.tool-related-grid{border-top:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:0;display:grid}.tool-related-card{border-bottom:1px solid var(--line);transition:color .2s var(--ease), padding-left .25s var(--ease);flex-direction:column;gap:8px;padding:26px 24px 24px 0;display:flex}.tool-related-card:not(:last-child){border-right:1px solid var(--line)}.tool-related-card:not(:first-child){padding-left:24px}.tool-related-card:hover{color:var(--accent)}.tool-related-format{font-family:var(--font-mono);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:10px}.tool-related-card h3{transition:color .2s var(--ease);font-size:18px}.tool-related-card:hover h3{color:var(--accent)}.tool-related-card p{color:var(--ink-3);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.75;display:-webkit-box;overflow:hidden}.tool-related-link{color:var(--ink-2);align-items:center;gap:6px;margin-top:auto;padding-top:12px;font-size:12px;display:inline-flex}.wb-shell{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.wb-console-top{border-bottom:1px solid var(--line);background:var(--surface-2);color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:11px 16px;font-size:12px;display:flex}.wb-console-flow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wb-console-flow .chip{letter-spacing:.02em;padding:4px 8px;font-size:10.5px}.wb-console-flow>svg{color:var(--muted)}.wb-privacy{color:var(--muted);align-items:center;gap:5px;margin-left:6px;font-size:11px;display:inline-flex}.wb-quota-chip{color:var(--ink-3);align-items:center;gap:7px;font-size:11.5px;display:inline-flex}.wb-quota-chip .tag-dot.ok{box-shadow:0 0 0 3px color-mix(in srgb, var(--sage) 16%, transparent)}.wb-quota-chip a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.wb-direction{border-bottom:1px solid var(--line);background:var(--surface);gap:0;padding:0 16px;display:flex}.wb-direction button{color:var(--ink-3);transition:color .2s var(--ease), border-color .2s var(--ease);border-bottom:2px solid #0000;align-items:center;gap:7px;margin-bottom:-1px;padding:13px 18px;font-size:12.5px;display:inline-flex}.wb-direction button:hover{color:var(--ink)}.wb-direction button.active{color:var(--accent);border-bottom-color:var(--accent)}.wb-dropzone{justify-content:center;padding:clamp(30px,5vw,54px);display:flex}.wb-drop-button{text-align:center;border:1px dashed var(--line-strong);border-radius:var(--radius-sm);background:radial-gradient(circle at 50% 46%, color-mix(in srgb, var(--accent) 6%, transparent), transparent 46%), var(--surface-raised);width:100%;min-height:260px;transition:border-color .25s var(--ease), background .25s var(--ease), transform .25s var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:36px 22px;display:flex}.wb-dropzone.drag-over .wb-drop-button,.wb-drop-button:hover{border-color:var(--accent);background:radial-gradient(circle at 50% 46%, color-mix(in srgb, var(--accent) 11%, transparent), transparent 52%), var(--surface-raised)}.wb-dropzone.drag-over .wb-drop-button{transform:scale(.995)}.wb-drop-mark{border:1px solid color-mix(in srgb, var(--accent) 26%, transparent);background:color-mix(in srgb, var(--accent) 7%, transparent);width:56px;height:56px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin-bottom:6px;display:inline-flex}.wb-drop-title{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--ink);font-size:clamp(1.25rem,2.2vw,1.75rem);font-weight:600}.wb-drop-sub{color:var(--muted);font-size:13px}.wb-drop-sub em{color:var(--accent);border-bottom:1px solid color-mix(in srgb, var(--accent) 40%, transparent);font-style:normal}.wb-formats{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px;display:flex}.wb-formats .chip{font-size:10px;font-family:var(--font-mono);letter-spacing:.03em;padding:4px 7px}.wb-drop-meta{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin-top:20px;font-size:11px;display:flex}.wb-drop-meta .dot{opacity:.6}.wb-batch-hint{color:var(--sage-deep);align-items:center;gap:4px;display:inline-flex}.wb-drop-notice{text-align:center;margin:-18px 30px 26px}.wb-drop-foot{border-top:1px solid var(--line);background:var(--surface-2);justify-content:space-between;align-items:center;gap:18px;padding:14px 18px;display:flex}.wb-drop-foot>div{color:var(--muted);align-items:center;gap:8px;font-size:11.5px;display:flex}.wb-drop-foot>div svg{color:var(--sage);flex:none}.wb-drop-foot .text-link{font-size:11.5px}.wb-mode-note{border:1px solid var(--line);border-left:2px solid var(--sage);background:var(--surface-2);border-radius:0 var(--radius-xs) var(--radius-xs) 0;color:var(--sage-deep);align-items:flex-start;gap:10px;margin:0 18px 18px;padding:12px 14px;display:flex}.wb-mode-note svg{flex:none;margin-top:3px}.wb-mode-note p{color:var(--ink-3);font-size:12px;line-height:1.7}.wb-local-strip{border-top:1px solid var(--line);background:var(--surface-2);flex-wrap:wrap;justify-content:center;gap:12px 34px;padding:18px;display:flex}.wb-local-strip div{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.wb-local-strip svg{color:var(--accent);opacity:.8}.wb-text-panel{padding:clamp(22px,3.5vw,38px)}.wb-text-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;display:flex}.wb-text-head h3{margin-top:5px;font-size:clamp(1.25rem,2vw,1.6rem)}.wb-text-examples{flex-wrap:wrap;gap:6px;display:flex}.wb-text-examples .chip{cursor:pointer;transition:border-color .2s var(--ease), color .2s var(--ease);padding:5px 9px;font-size:11px}.wb-text-examples .chip:hover{border-color:var(--accent);color:var(--accent)}.wb-textarea{resize:vertical;border:1px solid var(--line-strong);border-radius:var(--radius-xs);background:var(--surface-raised);width:100%;min-height:160px;color:var(--ink);font-family:var(--font-mono);letter-spacing:.01em;transition:border-color .2s var(--ease), box-shadow .2s var(--ease);padding:18px;font-size:15px;line-height:1.9}.wb-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent);outline:none}.wb-text-foot{flex-wrap:wrap;align-items:center;gap:16px;margin-top:12px;display:flex}.wb-text-syntax{min-width:240px;color:var(--muted);flex:1;font-size:11.5px;line-height:1.7}.wb-text-bpm{font-family:var(--font-mono);color:var(--muted);letter-spacing:.06em;align-items:center;gap:7px;font-size:10px;display:inline-flex}.wb-text-bpm input{border:1px solid var(--line-strong);background:var(--surface-raised);border-radius:var(--radius-xs);width:62px;font-family:var(--font-mono);text-align:center;padding:7px 8px;font-size:12px}.wb-text-note{color:var(--muted);margin-top:14px;font-size:11.5px}.wb-inline-error{margin-top:12px}.wb-progress-card,.wb-error-card,.wb-quota-card{padding:clamp(28px,5vw,52px)}.wb-progress-top{align-items:flex-start;gap:18px;display:flex}.wb-progress-icon{border:1px solid color-mix(in srgb, var(--accent) 28%, transparent);width:46px;height:46px;color:var(--accent);background:color-mix(in srgb, var(--accent) 7%, transparent);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.wb-progress-top>div{flex:1}.wb-progress-top h3,.wb-error-card h3,.wb-quota-card h3{margin:6px 0 8px;font-size:clamp(1.4rem,2.6vw,2rem)}.wb-progress-top p:not(.eyebrow),.wb-error-card p:not(.eyebrow),.wb-quota-card p:not(.eyebrow){color:var(--ink-3);max-width:640px;font-size:13.5px;line-height:1.85}.wb-progress-value{font-family:var(--font-display);color:var(--accent);flex:none;font-size:26px;font-style:italic}.wb-progress-card>.progress-track{height:5px;margin:24px 0}.wb-progress-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.wb-progress-steps li{color:var(--muted);border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2);align-items:center;gap:7px;padding:9px 10px;font-size:11.5px;display:flex}.wb-progress-steps li>span{border:1px solid var(--line-strong);width:18px;height:18px;font-family:var(--font-mono);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:9px;display:inline-flex}.wb-progress-steps li.active{color:var(--ink);border-color:color-mix(in srgb, var(--accent) 35%, transparent)}.wb-progress-steps li.active>span{border-color:var(--accent);color:var(--accent)}.wb-progress-steps li.done{color:var(--sage-deep)}.wb-progress-steps li.done>span{border-color:var(--sage);background:var(--sage);color:var(--surface)}.wb-progress-note{color:var(--muted);font-size:11px}.wb-error-card,.wb-quota-card{gap:18px;display:flex}.wb-error-icon,.wb-quota-icon{border:1px solid color-mix(in srgb, var(--danger) 28%, transparent);width:46px;height:46px;color:var(--danger);background:color-mix(in srgb, var(--danger) 7%, transparent);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.wb-quota-icon{border-color:color-mix(in srgb, var(--gold) 32%, transparent);color:var(--gold);background:color-mix(in srgb, var(--gold) 8%, transparent)}.wb-error-actions{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.spin{animation:.9s linear infinite spin}.wb-batch{padding:clamp(22px,3.5vw,36px)}.wb-batch-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px;display:flex}.wb-batch-head h3{margin-top:5px;font-size:clamp(1.3rem,2.2vw,1.7rem)}.wb-batch-actions{flex-wrap:wrap;gap:8px;display:flex}.wb-batch-progress{height:5px;margin-bottom:18px}.wb-batch-list{border-top:1px solid var(--line)}.wb-batch-item{border-bottom:1px solid var(--line-soft);align-items:center;gap:12px;padding:13px 0;display:flex}.wb-batch-index{font-family:var(--font-mono);color:var(--muted);flex:none;width:20px;font-size:10px}.wb-batch-icon{border:1px solid var(--line);width:30px;height:30px;color:var(--muted);background:var(--surface-2);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.wb-batch-item.done .wb-batch-icon{color:var(--success);border-color:color-mix(in srgb, var(--success) 28%, transparent);background:color-mix(in srgb, var(--success) 7%, transparent)}.wb-batch-item.error .wb-batch-icon{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 28%, transparent);background:color-mix(in srgb, var(--danger) 6%, transparent)}.wb-batch-item.working .wb-batch-icon{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 28%, transparent)}.wb-batch-name{flex:1;min-width:0}.wb-batch-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;display:block;overflow:hidden}.wb-batch-name span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;display:block;overflow:hidden}.wb-batch-item.error .wb-batch-name span{color:var(--danger)}.wb-batch-item-actions{flex:none;align-items:center;gap:6px;display:flex}.wb-batch-download{border:1px solid var(--line);border-radius:var(--radius-xs);width:30px;height:30px;color:var(--ink-2);transition:border-color .2s var(--ease), color .2s var(--ease);justify-content:center;align-items:center;display:inline-flex}.wb-batch-download:hover{border-color:var(--accent);color:var(--accent)}.wb-batch-note{color:var(--muted);margin-top:16px;font-size:11px}.wb-editor{background:var(--surface)}.wb-project{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:15px 18px;display:flex}.wb-project-main{align-items:center;gap:12px;min-width:0;display:flex}.wb-project-mark{border:1px solid var(--line);border-radius:var(--radius-xs);width:40px;height:40px;color:var(--accent);background:var(--surface-2);flex:none;justify-content:center;align-items:center;display:inline-flex}.wb-project-id{min-width:0}.wb-name-row{align-items:center;gap:8px;display:flex}.wb-name-input{width:min(340px,48vw);min-width:0;font-family:var(--font-serif);letter-spacing:-.015em;color:var(--ink);transition:border-color .2s var(--ease), background .2s var(--ease);background:0 0;border:1px solid #0000;border-radius:2px;margin-left:-4px;padding:2px 4px;font-size:17px;font-weight:600}.wb-name-input:hover{border-color:var(--line)}.wb-name-input:focus{border-color:var(--line-strong);background:var(--surface-raised);outline:none}.wb-name-ext{font-family:var(--font-mono);letter-spacing:.06em;color:var(--muted);border:1px solid var(--line);border-radius:2px;flex:none;padding:1px 4px;font-size:8.5px}.wb-project-stats{color:var(--muted);flex-wrap:wrap;gap:0;margin-top:3px;font-size:10.5px;display:flex}.wb-project-stats span+span:before{content:"·";opacity:.7;margin:0 6px}.wb-project-actions{align-items:center;gap:8px;display:flex}.wb-project-actions .chip.tiny{font-size:9.5px;font-family:var(--font-mono);padding:3px 7px}.wb-toolbar{background:var(--surface-2);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:9px 14px;display:flex}.wb-transport{align-items:center;gap:6px;display:flex}.wb-play{background:var(--ink);width:36px;height:36px;color:var(--bg);transition:background .2s var(--ease), transform .15s var(--ease);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.wb-play:hover,.wb-play.playing{background:var(--accent);color:var(--accent-ink)}.wb-play:active{transform:scale(.94)}.wb-play:disabled,.wb-transport-icon:disabled{opacity:.35;cursor:not-allowed}.wb-transport-icon{border-radius:var(--radius-xs);width:30px;height:30px;color:var(--ink-2);transition:background .2s var(--ease), color .2s var(--ease);justify-content:center;align-items:center;display:inline-flex}.wb-transport-icon:hover{background:var(--surface-raised);color:var(--ink)}.wb-time{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap;align-items:baseline;gap:4px;margin-left:6px;font-size:12px;display:flex}.wb-time em{color:var(--muted);font-size:10px;font-style:normal}.wb-tools{flex-wrap:wrap;align-items:center;gap:3px;display:flex}.wb-tools-end{margin-left:auto}.wb-tool-btn{border-radius:var(--radius-xs);color:var(--ink-2);transition:background .18s var(--ease), border-color .18s var(--ease), color .18s var(--ease);border:1px solid #0000;align-items:center;gap:5px;padding:7px 9px;font-size:11px;display:inline-flex}.wb-tool-btn:hover{background:var(--surface-raised);border-color:var(--line);color:var(--ink)}.wb-tool-btn.active{background:color-mix(in srgb, var(--accent) 8%, transparent);border-color:color-mix(in srgb, var(--accent) 25%, transparent);color:var(--accent)}.wb-tool-btn.danger:hover{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 25%, transparent);background:color-mix(in srgb, var(--danger) 5%, transparent)}.wb-tool-btn:disabled{opacity:.35;cursor:not-allowed}.wb-split{border-left:1px solid var(--line);border-right:1px solid var(--line);align-items:center;gap:1px;margin:0 4px;padding:0 4px;display:flex}.wb-split .wb-tool-btn{padding:7px 6px}.wb-split-label{color:var(--muted);padding-left:4px;font-size:10px}.wb-mini-field{border:1px solid var(--line);border-radius:var(--radius-xs);color:var(--muted);background:var(--surface);align-items:center;gap:4px;height:30px;padding:4px 6px;display:inline-flex}.wb-mini-field select{color:var(--ink-2);-webkit-appearance:none;appearance:none;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238a7f6e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 0 center no-repeat;border:0;padding:0 12px 0 0;font-size:11px}.wb-mini-field select:focus{outline:none}.wb-bpm{border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface);height:30px;font-family:var(--font-mono);color:var(--muted);letter-spacing:.04em;align-items:center;gap:5px;padding:4px 7px;font-size:9px;display:inline-flex}.wb-bpm input{width:42px;font-family:var(--font-mono);color:var(--ink);text-align:right;background:0 0;border:0;padding:0;font-size:11.5px}.wb-bpm input:focus{outline:none}.wb-zoom{color:var(--muted);align-items:center;gap:5px;padding:0 4px;display:inline-flex}.wb-zoom input{width:76px;height:3px}.wb-undo{border:1px solid var(--line);border-radius:var(--radius-xs);display:flex;overflow:hidden}.wb-undo button{width:28px;height:28px;color:var(--ink-2);transition:background .18s var(--ease);justify-content:center;align-items:center;display:inline-flex}.wb-undo button+button{border-left:1px solid var(--line)}.wb-undo button:hover:not(:disabled){background:var(--surface-raised)}.wb-undo button:disabled{opacity:.3;cursor:not-allowed}.wb-tuning{border-bottom:1px solid var(--line);background:var(--surface)}.wb-tuning summary{cursor:pointer;color:var(--ink-3);align-items:center;gap:12px;padding:11px 16px;font-size:11.5px;list-style:none;display:flex}.wb-tuning summary::-webkit-details-marker{display:none}.wb-tuning-title{color:var(--ink-2);flex:none;align-items:center;gap:6px;display:inline-flex}.wb-tuning-summary{color:var(--muted);flex-wrap:wrap;flex:1;align-items:center;gap:6px;font-size:10.5px;display:inline-flex}.wb-tuning-summary .dot{opacity:.6}.wb-tuning-rerun{color:var(--accent);flex:none;align-items:center;gap:5px;font-size:11px;display:inline-flex}.wb-tuning[open] summary{border-bottom:1px solid var(--line);background:var(--surface-2)}.wb-tuning-body{grid-template-columns:minmax(220px,1.4fr) minmax(140px,.7fr) minmax(150px,.8fr) auto;align-items:start;gap:16px 22px;padding:18px;display:grid}.wb-range-field,.wb-select-field,.wb-check-field{color:var(--ink-3);flex-direction:column;gap:6px;font-size:11px;display:flex}.wb-range-field>span,.wb-select-field>span{justify-content:space-between;align-items:center;gap:10px;display:flex}.wb-range-field em{font-style:normal;font-family:var(--font-mono);color:var(--accent);font-size:10px}.wb-range-field input[type=range]{width:100%}.wb-range-field small,.wb-check-field small{color:var(--muted);font-size:10px;line-height:1.55}.wb-select-field select{border:1px solid var(--line);background:var(--surface-raised);border-radius:var(--radius-xs);color:var(--ink);padding:7px 9px;font-size:11.5px}.wb-check-field{flex-direction:row;align-items:flex-start;gap:8px;padding-top:19px}.wb-check-field input{accent-color:var(--accent);margin-top:3px}.wb-check-field>span{flex-direction:column;gap:2px;display:flex}.wb-tuning-actions{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px;padding-top:4px;display:flex}.wb-tuning-actions p{color:var(--muted);margin-left:4px;font-size:10.5px}.wb-tuning-progress{grid-column:1/-1}.wb-roll-wrap{background:var(--surface-raised);position:relative}.pr-shell{border-bottom:1px solid var(--line);background:var(--surface);min-height:300px;display:flex;overflow:hidden}.pr-keycolumn{border-right:1px solid var(--line);background:var(--surface-2);z-index:6;flex-direction:column;flex:none;width:58px;display:flex}.pr-corner{color:var(--muted);border-bottom:1px solid var(--line);background:var(--surface-2);flex:none;justify-content:center;align-items:center;display:flex;position:sticky;top:0}.pr-wavekey{color:var(--muted);border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--sage) 7%, var(--surface-2));flex:none;justify-content:center;align-items:center;display:flex}.pr-keys-viewport{flex:1;position:relative;overflow:hidden}.pr-keys{position:absolute;top:0;bottom:auto;left:0;right:0}.pr-key{font-family:var(--font-mono);color:var(--muted);background:var(--surface-raised);border-bottom:1px solid var(--line-soft);justify-content:flex-end;align-items:center;padding-right:7px;font-size:8px;display:flex;position:absolute;left:0;right:0;box-shadow:inset -4px 0 5px -5px #0000004d}.pr-key.black{background:var(--surface-2);color:var(--ink-3)}.pr-key.octave{border-bottom-color:var(--line)}.pr-key.octave span{color:var(--ink-2);font-weight:600}.pr-key:hover{background:color-mix(in srgb, var(--accent) 9%, var(--surface));color:var(--accent)}.pr-scroll{overscroll-behavior:contain;flex:1;position:relative;overflow:auto}.pr-canvas{position:relative}.pr-ruler{z-index:5;cursor:pointer;border-bottom:1px solid var(--line);background-color:var(--surface-2);background-repeat:repeat-x;position:sticky;top:0}.pr-bar-label{font-family:var(--font-mono);color:var(--ink-3);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:9px;position:absolute;top:7px}.pr-wave{cursor:pointer;background:color-mix(in srgb, var(--sage) 7%, var(--surface-2));border-bottom:1px solid var(--line);position:relative;overflow:hidden}.pr-wave svg{height:100%;display:block}.pr-wave path{fill:color-mix(in srgb, var(--sage-deep) 55%, transparent)}.pr-grid{background-color:var(--surface-raised);cursor:crosshair;-webkit-user-select:none;user-select:none;background-repeat:repeat-x;position:relative}.pr-row{pointer-events:none;border-bottom:1px solid var(--line-soft);position:absolute;left:0;right:0}.pr-row.black{background:color-mix(in srgb, var(--ink) 3.6%, transparent)}.pr-row.octave{border-bottom-color:var(--line)}.pr-vgrid{pointer-events:none;opacity:1;position:absolute;top:0;bottom:0;left:0;right:0}.pr-notes{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.pr-note{pointer-events:auto;background:var(--accent);border:1px solid color-mix(in srgb, var(--accent-hover) 65%, var(--ink));color:var(--accent-ink);font-family:var(--font-mono);cursor:grab;touch-action:none;transition:box-shadow .12s var(--ease), filter .12s var(--ease);border-radius:2px;align-items:center;padding-left:4px;font-size:7.5px;line-height:1;display:flex;position:absolute;overflow:hidden;box-shadow:0 1px 1px #28180c2e}.pr-note:hover{filter:brightness(1.06);box-shadow:0 1px 4px #28180c40}.pr-note.selected{background:var(--ink);color:var(--bg);border-color:var(--ink);box-shadow:0 0 0 1px var(--accent), 0 1px 4px #28180c4d;z-index:2}.pr-shell.is-dragging .pr-note{transition:none}.pr-shell.is-dragging .pr-note,.pr-shell.is-dragging .pr-grid{cursor:grabbing}.pr-note-resize{cursor:ew-resize;background:linear-gradient(90deg,#0000,#fff3);width:7px;position:absolute;top:0;bottom:0;right:0}.pr-note.selected .pr-note-resize{background:linear-gradient(to right, transparent, color-mix(in srgb, var(--bg) 24%, transparent))}.pr-marquee{z-index:4;border:1px solid var(--accent);background:color-mix(in srgb, var(--accent) 9%, transparent);pointer-events:none;position:absolute}.pr-playhead{background:var(--accent);z-index:5;pointer-events:none;opacity:.9;width:1px;position:absolute}.pr-playhead span{background:var(--accent);clip-path:polygon(0 0,100% 0,50% 100%);width:9px;height:9px;position:absolute;top:0;left:-4px}.pr-empty{z-index:6;background:color-mix(in srgb, var(--surface) 94%, transparent);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:22px 26px;display:flex;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.pr-empty p{color:var(--ink-3);font-size:12.5px}.wb-below{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);display:grid}.wb-inspector{min-height:170px;padding:20px 22px}.wb-inspector-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.wb-inspector-head h3{margin-top:3px;font-size:18px}.wb-note-badge{font-family:var(--font-mono);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, transparent);border-radius:var(--radius-xs);padding:5px 9px;font-size:11px}.wb-note-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.wb-note-fields label{letter-spacing:.04em;color:var(--muted);flex-direction:column;gap:5px;font-size:10px;display:flex}.wb-note-fields input[type=number]{border:1px solid var(--line);background:var(--surface-raised);border-radius:var(--radius-xs);font-family:var(--font-mono);color:var(--ink);padding:7px 9px;font-size:12px}.wb-note-fields input[type=number]:focus{border-color:var(--accent);outline:none}.wb-velocity span{justify-content:space-between;display:flex}.wb-velocity em{color:var(--ink-2);font-style:normal}.wb-velocity input[type=range]{width:100%;margin-top:9px}.wb-inspector-hint{color:var(--muted);grid-column:1/-1;align-items:center;gap:6px;font-size:10.5px;display:flex}.wb-inspector-hint svg{color:var(--sage);flex:none}.wb-multi p,.wb-hints>p{color:var(--ink-3);max-width:620px;font-size:12.5px;line-height:1.75}.wb-multi-actions{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.wb-kbd-list{flex-wrap:wrap;gap:8px 18px;margin-top:14px;display:flex}.wb-kbd-list span{color:var(--muted);align-items:center;gap:4px;font-size:10.5px;display:inline-flex}.wb-kbd-list kbd{font-family:var(--font-mono);color:var(--ink-2);background:var(--surface-2);border:1px solid var(--line);text-align:center;border-bottom-width:2px;border-radius:3px;min-width:17px;padding:1px 4px;font-size:9px}.wb-side{border-left:1px solid var(--line);background:var(--surface-2);padding:20px}.wb-source-card{font-size:13px}.wb-source-head{align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.wb-source-head>span{border:1px solid var(--line);width:32px;height:32px;color:var(--accent);background:var(--surface);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.wb-source-head strong{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);font-size:11px;font-weight:500;display:block}.wb-source-head p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:230px;font-size:11px;overflow:hidden}.wb-source-card audio{border-radius:var(--radius-xs);width:100%;height:32px;margin-bottom:10px}.wb-source-warn{color:var(--danger);margin-bottom:8px;font-size:10.5px;line-height:1.6}.wb-source-card dl{border-top:1px solid var(--line);grid-template-columns:auto 1fr;gap:3px 14px;margin-bottom:10px;padding-top:10px;display:grid}.wb-source-card dt{color:var(--muted);font-size:10.5px}.wb-source-card dd{font-family:var(--font-mono);color:var(--ink-2);text-align:right;margin:0;font-size:10.5px}.wb-source-hint{color:var(--muted);font-size:10.5px;line-height:1.7}.wb-source-card.subtle{padding:2px}.wb-exportbar{background:var(--surface-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:20px 22px;display:flex}.wb-export-copy .eyebrow{margin-bottom:5px;font-size:10px}.wb-export-copy h3{margin-bottom:5px;font-size:20px}.wb-export-copy>p:last-child{color:var(--muted);max-width:440px;font-size:11.5px;line-height:1.7}.wb-export-actions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.wb-export-actions .btn{padding:9px 13px;font-size:12px}.notation-overlay{z-index:1100}.notation-modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);width:min(1120px,100%);height:min(90vh,980px);box-shadow:var(--shadow-lg);animation:modal-in .25s var(--ease);flex-direction:column;display:flex;overflow:hidden}.notation-head{border-bottom:1px solid var(--line);background:var(--surface-2);flex:none;justify-content:space-between;align-items:center;gap:20px;padding:16px 20px;display:flex}.notation-title{align-items:center;gap:12px;min-width:0;display:flex}.notation-mark{border:1px solid var(--line);width:40px;height:40px;color:var(--accent);background:var(--surface);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.notation-title h2{font-size:18px;line-height:1.3}.notation-title p{color:var(--muted);flex-wrap:wrap;align-items:center;gap:5px;margin-top:2px;font-size:10.5px;display:flex}.notation-title p .dot{opacity:.6}.notation-head-actions{flex:none;align-items:center;gap:12px;display:flex}.notation-tabs{border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface);display:flex;overflow:hidden}.notation-tabs button{color:var(--ink-3);transition:background .18s var(--ease), color .18s var(--ease);padding:6px 12px;font-size:11px}.notation-tabs button+button{border-left:1px solid var(--line)}.notation-tabs button.active{background:var(--ink);color:var(--bg)}.notation-paper-wrap{background:linear-gradient(90deg, #1d1a1606 1px, transparent 1px) 0 0 / 28px 28px, var(--bg-alt);flex:1;padding:clamp(16px,3vw,34px);overflow:auto}.notation-paper{color:#241f17;background:#fdf8ec;border:1px solid #241f171f;border-radius:2px;min-height:100%;padding:clamp(18px,3vw,42px);overflow-x:auto;box-shadow:0 10px 40px -24px #241f1773}.notation-paper svg{max-width:100%;height:auto}.notation-paper .abcjs-title,.notation-paper text{fill:currentColor}.notation-paper .abcjs-staff,.notation-paper path,.notation-paper line{stroke:currentColor}.notation-error{font-family:var(--font-sans);color:var(--danger);font-size:13px}.notation-abc{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-xs);min-height:100%;overflow:hidden}.notation-abc-bar{border-bottom:1px solid var(--line);background:var(--surface-2);color:var(--muted);justify-content:space-between;align-items:center;gap:16px;padding:10px 14px;font-size:11px;display:flex}.notation-abc pre{font-family:var(--font-mono);color:var(--ink-2);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:20px;font-size:12px;line-height:1.85}.notation-foot{border-top:1px solid var(--line);background:var(--surface-2);flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:18px;padding:12px 20px;display:flex}.notation-foot>p{color:var(--muted);max-width:460px;font-size:10.5px;line-height:1.6}.notation-foot-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.notation-download-hint{display:none}.gate-overlay{z-index:1200}.gate-modal{width:min(560px,100%)}.gate-body{flex-direction:column;align-items:flex-start;display:flex}.gate-icon{border:1px solid color-mix(in srgb, var(--accent) 28%, transparent);width:46px;height:46px;color:var(--accent);background:color-mix(in srgb, var(--accent) 7%, transparent);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:inline-flex}.gate-icon.paid{color:var(--gold);border-color:color-mix(in srgb, var(--gold) 32%, transparent);background:color-mix(in srgb, var(--gold) 8%, transparent)}.gate-body>p{color:var(--ink-3);font-size:13.5px;line-height:1.85}.gate-actions{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.gate-foot{border-top:1px solid var(--line);margin-top:18px;padding-top:14px;color:var(--muted)!important;font-size:11px!important}.sf-notice{border:1px solid color-mix(in srgb, var(--danger) 26%, transparent);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--danger) 6%, transparent);margin:16px 20px 0;padding:9px 13px}.sf-empty{grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);align-items:stretch;display:grid}.sf-drop{padding:clamp(24px,3.4vw,40px)}.sf-drop .wb-drop-button{min-height:100%}.sf-empty-aside{border-left:1px solid var(--line);background:var(--surface-2);flex-direction:column;gap:18px;padding:clamp(30px,3.6vw,44px) clamp(24px,3vw,34px);display:flex}.sf-empty-aside .eyebrow{font-size:10.5px}.sf-empty-aside h3{font-family:var(--font-serif);letter-spacing:-.02em;font-size:clamp(22px,2.4vw,29px);font-weight:600;line-height:1.28}.sf-benefits{flex-direction:column;gap:15px;margin-top:2px;display:flex}.sf-benefits li{gap:11px;display:flex}.sf-benefits li>span{width:21px;height:21px;color:var(--sage-deep);border:1px solid color-mix(in srgb, var(--sage) 34%, transparent);background:color-mix(in srgb, var(--sage) 12%, transparent);border-radius:50%;flex:none;place-items:center;margin-top:1px;display:grid}.sf-benefits strong{color:var(--ink);margin-bottom:3px;font-size:12.5px;font-weight:600;display:block}.sf-benefits p{color:var(--ink-3);font-size:11.5px;line-height:1.7}.sf-empty-privacy{border-top:1px solid var(--line);color:var(--muted);align-items:flex-start;gap:9px;margin-top:auto;padding-top:16px;font-size:10.5px;line-height:1.6;display:flex}.sf-empty-privacy svg{color:var(--sage-deep);flex:none;margin-top:1px}.sf-layout{grid-template-columns:minmax(0,1fr) 372px;align-items:stretch;display:grid}.sf-main{min-width:0;transition:background .2s var(--ease);padding:24px clamp(18px,2.4vw,28px) 22px;position:relative}.sf-main.drag-over{background:color-mix(in srgb, var(--accent) 4%, transparent)}.sf-main.drag-over:after{content:"";border:1px dashed color-mix(in srgb, var(--accent) 60%, transparent);border-radius:var(--radius-sm);pointer-events:none;position:absolute;top:10px;bottom:10px;left:10px;right:10px}.sf-main-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.sf-main-head h3{margin-top:3px;font-size:22px}.sf-main-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sf-list{flex-direction:column;gap:10px;display:flex}.sf-file{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-raised);transition:border-color .2s var(--ease), box-shadow .2s var(--ease);overflow:hidden}.sf-file.rendering{border-color:color-mix(in srgb, var(--accent) 42%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 6%, transparent)}.sf-file.done{border-color:color-mix(in srgb, var(--sage) 40%, var(--line))}.sf-file.error{border-color:color-mix(in srgb, var(--danger) 38%, transparent)}.sf-file-main{align-items:flex-start;gap:12px;padding:14px 14px 14px 15px;display:flex}.sf-file-index{width:17px;font-family:var(--font-mono);color:var(--muted);flex:none;padding-top:9px;font-size:10px}.sf-file-icon{border:1px solid var(--line);background:var(--surface);width:38px;height:38px;color:var(--accent);border-radius:50%;flex:none;place-items:center;display:grid}.sf-file.done .sf-file-icon{color:var(--sage-deep);border-color:color-mix(in srgb, var(--sage) 36%, transparent);background:color-mix(in srgb, var(--sage) 9%, transparent)}.sf-file.error .sf-file-icon{color:var(--danger)}.sf-file-copy{flex:1;min-width:0}.sf-file-name{align-items:center;gap:8px;min-width:0;display:flex}.sf-file-name strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13.5px;font-weight:600;overflow:hidden}.sf-file-name .chip{font-size:9px;font-family:var(--font-mono);flex:none;padding:3px 6px}.sf-file-copy>p{color:var(--muted);flex-wrap:wrap;align-items:center;gap:5px;margin-top:4px;font-size:10.5px;display:flex}.sf-file-copy>p .dot{opacity:.6}.sf-file-progress{align-items:center;gap:9px;margin-top:10px;display:flex}.sf-file-progress>span{color:var(--ink-3);flex:none;font-size:10px}.sf-file-progress .progress-track{flex:1;height:4px}.sf-file-progress em{font-family:var(--font-mono);color:var(--muted);flex:none;font-size:9.5px;font-style:normal}.sf-file-error{margin-top:8px}.sf-file-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:6px;display:flex}.sf-file-actions .btn{min-height:30px;padding:0 9px;font-size:11px}.sf-remove{width:30px;height:30px;color:var(--muted);transition:color .18s var(--ease), background .18s var(--ease);border:1px solid #0000;border-radius:50%;place-items:center;display:grid}.sf-remove:hover{color:var(--danger);background:color-mix(in srgb, var(--danger) 9%, transparent)}.sf-file-audio{border-top:1px solid var(--line);background:var(--surface-2);flex-wrap:wrap;align-items:center;gap:14px;padding:10px 14px;display:flex}.sf-file-audio audio{border-radius:var(--radius-xs);flex:1;min-width:220px;height:34px}.sf-file-audio p{font-family:var(--font-mono);color:var(--muted);white-space:nowrap;font-size:9.5px}.sf-add-row{flex-wrap:wrap;align-items:center;gap:14px;margin-top:12px;display:flex}.sf-add-button{border:1px dashed var(--line-strong);border-radius:var(--radius-sm);min-height:46px;color:var(--ink-3);transition:color .2s var(--ease), border-color .2s var(--ease), background .2s var(--ease);flex:1;justify-content:center;align-items:center;gap:7px;font-size:12px;display:flex}.sf-add-button:hover{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb, var(--accent) 3%, transparent)}.sf-add-row>span{max-width:230px;color:var(--muted);font-size:10px;line-height:1.6}.sf-aside{border-left:1px solid var(--line);background:var(--surface-2)}.sf-aside-card{flex-direction:column;gap:16px;padding:24px 22px;display:flex;position:sticky;top:86px}.sf-aside-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.sf-aside-head .eyebrow{font-size:10px}.sf-aside-head h3{margin-top:3px;font-size:18px}.sf-local-badge{border:1px solid color-mix(in srgb, var(--sage) 32%, transparent);background:color-mix(in srgb, var(--sage) 9%, transparent);color:var(--sage-deep);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:4px;padding:4px 8px;font-size:9.5px;display:inline-flex}.sf-settings{flex-direction:column;gap:16px;display:flex}.sf-block{border-bottom:1px solid var(--line);flex-direction:column;gap:9px;padding-bottom:16px;display:flex}.sf-block-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.sf-block-head .eyebrow{letter-spacing:.1em;font-size:10px}.sf-block-note{color:var(--muted);font-size:9.5px}.sf-font-list{flex-direction:column;gap:6px;display:flex}.sf-font{text-align:left;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-raised);width:100%;transition:border-color .18s var(--ease), background .18s var(--ease);align-items:center;gap:10px;padding:10px 11px;display:flex}button.sf-font:hover{border-color:var(--line-strong)}.sf-font.active{border-color:color-mix(in srgb, var(--accent) 38%, transparent);background:color-mix(in srgb, var(--accent) 5%, var(--surface-raised))}.sf-font.custom{cursor:default}.sf-radiomark{border:1px solid var(--line-strong);width:17px;height:17px;color:var(--accent-ink);border-radius:50%;flex:none;place-items:center;display:grid}.sf-font.active .sf-radiomark{background:var(--accent);border-color:var(--accent)}.sf-font-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sf-font-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.sf-font-copy small{color:var(--muted);font-size:9.5px}.sf-font-remove{width:22px;height:22px;color:var(--muted);border-radius:50%;flex:none;place-items:center;display:grid}.sf-font-remove:hover{color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, transparent)}.sf-font-upload{border:1px dashed var(--line-strong);border-radius:var(--radius-sm);min-height:38px;color:var(--ink-3);transition:color .2s var(--ease), border-color .2s var(--ease);justify-content:center;align-items:center;gap:7px;font-size:11.5px;display:flex}.sf-font-upload:hover{color:var(--accent);border-color:var(--accent)}.sf-field-error{margin-top:1px}.sf-help{color:var(--muted);align-items:flex-start;gap:5px;font-size:10px;line-height:1.65;display:flex}.sf-help-foot{border-top:1px solid var(--line);padding-top:13px}.sf-help-foot svg{flex:none;margin-top:2px}.sf-fields{flex-direction:column;gap:14px;display:flex}.sf-field{flex-direction:column;gap:6px;display:flex}.sf-field>span{color:var(--ink-2);align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.sf-field>small{color:var(--muted);font-size:9.5px;line-height:1.6}.sf-field select{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-raised);width:100%;height:38px;color:var(--ink);font-size:12px;font-family:var(--font-sans);padding:0 10px}.sf-field select:focus{border-color:var(--accent);outline:none}.sf-lock{color:var(--muted);align-items:center;gap:3px;margin-left:auto;font-size:9px;font-style:normal;font-weight:500;display:inline-flex}.sf-seg{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-raised);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.sf-seg button{border-right:1px solid var(--line);font-family:var(--font-mono);color:var(--ink-3);transition:background .18s var(--ease), color .18s var(--ease);justify-content:center;align-items:baseline;gap:3px;padding:9px 4px;font-size:12px;display:inline-flex}.sf-seg button:last-child{border-right:0}.sf-seg button small{letter-spacing:.02em;color:var(--muted);text-transform:uppercase;font-size:8px}.sf-seg button:hover:not(:disabled){background:var(--surface-2)}.sf-seg button.active{background:var(--accent);color:var(--accent-ink)}.sf-seg button.active small{color:inherit;opacity:.75}.sf-seg button:disabled{opacity:.6;cursor:not-allowed}.sf-toggle{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-raised);cursor:pointer;justify-content:space-between;align-items:center;gap:14px;padding:11px 12px;display:flex}.sf-toggle>span{flex-direction:column;gap:2px;display:flex}.sf-toggle strong{color:var(--ink-2);font-size:11.5px;font-weight:600}.sf-toggle small{color:var(--muted);font-size:9.5px}.sf-toggle input{opacity:0;pointer-events:none;position:absolute}.sf-toggle i{background:var(--line-strong);width:36px;height:20px;transition:background .2s var(--ease);border-radius:999px;flex:none;position:relative}.sf-toggle i:after{content:"";background:var(--surface-raised);width:16px;height:16px;transition:transform .2s var(--ease);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000038}.sf-toggle input:checked+i{background:var(--sage)}.sf-toggle input:checked+i:after{transform:translate(16px)}.sf-toggle input:focus-visible+i{outline:2px solid var(--accent);outline-offset:2px}.sf-volume>span em{font-style:normal;font-family:var(--font-mono);color:var(--muted);margin-left:auto;font-size:9.5px;font-weight:400}.sf-volume input[type=range]{width:100%}.sf-render-button{min-height:46px;margin-top:2px;font-size:13px}.sf-aside-foot{color:var(--muted);padding-top:2px;font-size:9.5px;line-height:1.6}.sf-progress{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-raised);flex-direction:column;gap:8px;padding:11px 12px;display:flex}.sf-progress.hidden{display:none}.sf-progress-head{justify-content:space-between;align-items:center;gap:12px;font-size:10.5px;display:flex}.sf-progress-head>span{min-width:0;color:var(--ink-3);align-items:center;gap:6px;display:flex}.sf-progress-head em{border-left:1px solid var(--line);text-overflow:ellipsis;white-space:nowrap;max-width:170px;color:var(--muted);padding-left:6px;font-style:normal;overflow:hidden}.sf-progress-head strong{font-family:var(--font-mono);color:var(--accent);flex:none;font-size:10.5px;font-weight:500}.sf-progress .progress-track{height:5px}.sf-progress p{color:var(--muted);font-size:9.5px}.sf-studio{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);margin-top:28px;scroll-margin-top:90px;overflow:hidden}.sf-studio-head{border-bottom:1px solid var(--line);background:var(--surface-2);justify-content:space-between;align-items:flex-start;gap:22px;padding:22px 24px;display:flex}.sf-studio-head>div{min-width:0}.sf-studio-head .eyebrow{font-size:10px}.sf-studio-head h3{margin:4px 0 6px;font-size:clamp(20px,2.2vw,24px)}.sf-studio-head>div>p:last-child{max-width:620px;color:var(--ink-3);font-size:11.5px;line-height:1.7}.sf-studio-head .chip{flex:none;padding:5px 9px;font-size:10px}.sf-studio-grid{grid-template-columns:minmax(0,1.35fr) minmax(260px,.8fr);display:grid}.sf-studio .sf-settings{padding:22px 24px}.sf-studio-side{border-left:1px solid var(--line);background:var(--surface-2);flex-direction:column;gap:9px;padding:22px 24px;display:flex}.sf-inline-result{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-raised);flex-direction:column;gap:9px;margin-top:3px;padding:13px;display:flex}.sf-result-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.sf-result-head>span:first-child{align-items:center;gap:7px;font-size:11.5px;display:flex}.sf-result-head>span:first-child svg{color:var(--accent)}.sf-result-head .chip{font-family:var(--font-mono);padding:3px 7px;font-size:9px}.sf-inline-result audio{border-radius:var(--radius-xs);width:100%;height:36px}.sf-result-meta{font-family:var(--font-mono);color:var(--muted);font-size:9.5px}.sf-result-actions{flex-wrap:wrap;gap:7px;display:flex}.sf-result-actions .btn{min-height:32px;padding:0 11px;font-size:11.5px}.sf-inline-placeholder{border:1px dashed var(--line);border-radius:var(--radius-sm);color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:8px;margin-top:3px;padding:24px 16px;display:flex}.sf-inline-placeholder svg{color:var(--accent);opacity:.75}.sf-inline-placeholder p{max-width:280px;font-size:10px;line-height:1.7}@media (max-width:1100px){.sf-layout{grid-template-columns:minmax(0,1fr) 336px}.sf-empty{grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr)}.sf-studio-grid{grid-template-columns:minmax(0,1.2fr) minmax(250px,.85fr)}.sf-file-actions{max-width:210px}}@media (max-width:900px){.sf-empty{grid-template-columns:1fr}.sf-empty-aside{border-left:0;border-top:1px solid var(--line);gap:15px}.sf-empty-privacy{margin-top:4px}.sf-layout{grid-template-columns:1fr}.sf-aside{border-left:0;border-top:1px solid var(--line)}.sf-aside-card{padding:24px clamp(18px,3vw,28px);position:static}.sf-settings{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px 22px;display:grid}.sf-block{border-bottom:0;padding-bottom:0}.sf-help-foot{grid-column:1/-1}.sf-studio-grid{grid-template-columns:1fr}.sf-studio .sf-settings{padding-bottom:0}.sf-studio-side{border-left:0;border-top:1px solid var(--line)}}@media (max-width:760px){.sf-drop{padding:18px}.sf-drop .wb-drop-button{min-height:280px;padding:30px 18px}.sf-empty-aside{padding:26px 22px}.sf-main{padding:18px 16px}.sf-file-main{flex-wrap:wrap}.sf-file-index{display:none}.sf-file-actions{order:3;justify-content:flex-start;width:100%;max-width:none;padding-left:50px}.sf-file-audio{gap:8px}.sf-file-audio audio{min-width:100%}.sf-add-row>span{max-width:none}.sf-settings{grid-template-columns:1fr}.sf-studio{margin-top:22px}.sf-studio-head{flex-direction:column;gap:12px;padding:20px 18px}.sf-studio .sf-settings,.sf-studio-side{padding:20px 18px}.sf-main-head{align-items:flex-start}.sf-main-actions{width:100%}}@media (max-width:520px){.sf-main-head h3{font-size:19px}.sf-file-icon{display:none}.sf-file-actions{padding-left:0}.sf-file-name{flex-wrap:wrap;gap:4px}.sf-empty-aside h3{font-size:22px}.sf-benefits{gap:13px}.sf-studio-head h3{font-size:20px}.sf-file-audio p{white-space:normal}}@media (max-width:1100px){.tool-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:40px}.tool-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-related-card:nth-child(2n){border-right:0}.tool-related-card:nth-child(odd){padding-left:0}.tool-related-card:nth-child(n+3){border-top:1px solid var(--line)}.wb-tuning-body{grid-template-columns:repeat(2,minmax(0,1fr))}.wb-check-field{padding-top:0}.wb-below{grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr)}}@media (max-width:900px){.tool-hero{padding-top:22px}.tool-hero-grid{grid-template-columns:1fr;align-items:start;gap:30px}.tool-flow-card{max-width:520px}.tool-split-head,.tool-tips-grid,.tool-faq-grid{grid-template-columns:1fr;gap:32px}.tool-tips-intro,.tool-faq-intro{position:static}.tool-tips-intro p,.tool-faq-intro p{max-width:560px}.tool-highlight-grid,.tool-steps{grid-template-columns:1fr}.tool-steps>.reveal>li,.tool-steps>li{border-right:0!important;padding:24px 0!important}.tool-steps>.reveal:not(:last-child)>li{border-bottom:1px solid var(--line)}.tool-step-num{margin-bottom:12px}.wb-below{grid-template-columns:1fr}.wb-side{border-left:0;border-top:1px solid var(--line)}.wb-note-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.wb-exportbar{align-items:flex-start}.wb-tools-end{margin-left:0}.wb-progress-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.tool-hero-copy h1{font-size:clamp(2.35rem,10vw,3.4rem)}.tool-lede{font-size:15px}.tool-workbench-section{padding:22px 0 50px}.tool-related-grid{grid-template-columns:1fr}.tool-related-card{border-bottom:1px solid var(--line);border-right:0!important;padding:18px 0!important}.tool-related-card p{-webkit-line-clamp:2}.wb-console-top{gap:8px;padding:10px 12px}.wb-privacy{display:none}.wb-direction{padding:0 10px;overflow-x:auto}.wb-direction button{white-space:nowrap;padding:11px 12px}.wb-dropzone{padding:16px}.wb-drop-button{min-height:220px;padding:26px 14px}.wb-drop-meta{gap:4px 7px;padding-inline-start:8px;padding-inline-end:8px}.wb-batch-hint{justify-content:center;width:100%}.wb-drop-foot{flex-direction:column;align-items:flex-start;gap:10px}.wb-text-panel{padding:18px 14px}.wb-text-head{align-items:flex-start}.wb-text-foot{gap:10px}.wb-text-syntax{flex-basis:100%}.wb-progress-card,.wb-error-card,.wb-quota-card{padding:22px 16px}.wb-progress-top{flex-wrap:wrap}.wb-progress-value{margin-left:64px;font-size:22px}.wb-error-card,.wb-quota-card{flex-direction:column}.wb-batch{padding:18px 14px}.wb-batch-head{align-items:flex-start}.wb-batch-item{flex-wrap:wrap;gap:9px}.wb-batch-item-actions{margin-left:62px}.wb-project{padding:12px 14px}.wb-name-input{width:min(230px,58vw);font-size:15px}.wb-project-actions .chip{display:none}.wb-toolbar{gap:8px;padding:8px 10px}.wb-tools{gap:2px}.wb-tool-btn{padding:6px 7px;font-size:10.5px}.wb-tool-btn svg{width:13px;height:13px}.wb-split{margin:0 2px;padding:0 2px}.wb-split-label,.wb-zoom{display:none}.wb-tuning-body{grid-template-columns:1fr;padding:14px}.wb-inspector{padding:16px 14px}.wb-inspector-head h3{font-size:16px}.wb-side,.wb-exportbar{padding:16px 14px}.wb-export-actions{width:100%}.wb-export-actions .btn{flex:1;justify-content:center;min-width:120px}.pr-shell{min-height:280px}.notation-head{align-items:flex-start;gap:10px;padding:12px 14px}.notation-title h2{font-size:16px}.notation-title p{display:none}.notation-head-actions{gap:8px}.notation-paper-wrap{padding:12px}.notation-paper{padding:14px}.notation-foot{padding:10px 14px}.notation-foot>p{display:none}.notation-foot-actions{width:100%}.notation-foot-actions .btn{flex:1;justify-content:center}.gate-modal{max-height:90vh}.gate-actions .btn{flex:1;justify-content:center}}@media (max-width:520px){.tool-flow-card{padding:16px}.tool-hero-free{width:100%;margin-left:0}.wb-quota-chip{font-size:10.5px}.wb-console-flow .chip:nth-of-type(2){display:none}.wb-note-fields{grid-template-columns:1fr 1fr}.wb-project-main{width:100%}.wb-project-actions{justify-content:flex-end;width:100%}.wb-time{font-size:10.5px}.wb-transport-icon{display:none}.wb-batch-item-actions{justify-content:flex-end;width:100%;margin-left:0}.notation-tabs button{padding:6px 9px}.notation-mark{display:none}}@media print{@page{margin:14mm}body{color:#000!important;background:#fff!important}body:before{display:none!important}body *{visibility:hidden!important}.notation-overlay,.notation-overlay *{visibility:visible!important}.notation-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;padding:0!important;display:block!important;position:absolute!important;top:0!important;bottom:0!important;left:0!important;right:0!important}.notation-modal{width:100%!important;height:auto!important;max-height:none!important;box-shadow:none!important;background:#fff!important;border:0!important;border-radius:0!important;position:static!important;overflow:visible!important}.notation-head,.notation-foot,.notation-download-hint,.notation-tabs,.modal-close,.notation-abc-bar,.site-header,.site-footer,.chat-widget{display:none!important}.notation-paper-wrap{background:#fff!important;padding:0!important;overflow:visible!important}.notation-paper{box-shadow:none!important;color:#111!important;background:#fff!important;border:0!important;min-height:0!important;padding:0!important;overflow:visible!important}.notation-paper svg{width:100%!important;max-width:none!important}}main{min-height:40vh}.placeholder-page,.notfound-page{align-items:center;min-height:64vh;display:flex}.placeholder-inner,.notfound-inner{text-align:center;flex-direction:column;align-items:center;display:flex}.placeholder-icon{border:1px solid var(--line);width:52px;height:52px;color:var(--accent);background:var(--surface);border-radius:50%;justify-content:center;align-items:center;margin-bottom:22px;display:inline-flex}.placeholder-inner .eyebrow{margin-bottom:12px}.placeholder-inner h1,.notfound-inner h1{margin-bottom:18px;font-size:clamp(2.4rem,5vw,4rem)}.placeholder-inner>p:not(.eyebrow),.notfound-inner>p:not(.notfound-code){max-width:480px;color:var(--ink-3);font-size:14px;line-height:1.9}.placeholder-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px;display:flex}.notfound-code{font-family:var(--font-display);color:var(--accent);opacity:.2;letter-spacing:-.05em;margin-bottom:18px;font-size:clamp(5rem,16vw,10rem);line-height:.85}.tools-page,.pricing-page,.blog-page,.blog-post-page,.static-page{background:linear-gradient(180deg, var(--bg-warm) 0, transparent 520px)}.tools-hero,.pricing-hero,.blog-hero,.blog-post-hero,.static-hero{border-bottom:1px solid var(--line);padding:30px 0 46px}.tools-hero .eyebrow,.pricing-hero .eyebrow,.blog-hero .eyebrow,.blog-post-hero .blog-meta,.static-hero .eyebrow{margin-bottom:20px}.tools-hero h1,.pricing-hero h1,.blog-hero h1,.blog-post-hero h1,.static-hero h1{letter-spacing:-.045em;margin-bottom:24px;font-size:clamp(2.7rem,5vw,4.8rem);line-height:1.04}.tools-hero-grid,.pricing-hero-grid,.blog-hero-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);align-items:end;gap:clamp(36px,6vw,96px);display:grid}.tools-hero-side,.pricing-hero-side{color:var(--ink-2);font-size:15px;line-height:1.85}.tools-hero-meta{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.pricing-quota{color:var(--sage-deep);margin-top:10px}.blog-hero-lede,.static-lede{max-width:700px;color:var(--ink-2);font-size:16.5px;line-height:1.9}.blog-post-hero .blog-meta span{color:var(--muted);align-items:center;gap:5px;display:inline-flex}.tools-group+.tools-group{border-top:1px solid var(--line-soft)}.tools-group-head{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:38px;display:flex}.tools-group-head .eyebrow{margin-bottom:12px}.tools-group-head h2{letter-spacing:-.03em;font-size:clamp(1.7rem,2.6vw,2.4rem)}.tools-group-desc{max-width:420px;color:var(--ink-3);text-align:right;font-size:13.5px;line-height:1.8}.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.tools-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);height:100%;box-shadow:var(--shadow-sm);transition:transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s var(--ease);flex-direction:column;gap:10px;padding:22px 22px 20px;display:flex;position:relative}.tools-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md);transform:translateY(-3px)}.tools-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.tools-card-arrow{color:var(--muted);transition:transform .25s var(--ease), color .25s var(--ease)}.tools-card:hover .tools-card-arrow{color:var(--accent);transform:translate(2px,-2px)}.tools-card h3{letter-spacing:-.01em;font-size:1.15rem}.tools-card p{color:var(--ink-3);flex:1;font-size:13px;line-height:1.75}.tools-card-flow{font-family:var(--font-mono);letter-spacing:.02em;color:var(--sage-deep);border-top:1px dashed var(--line);align-items:center;gap:6px;margin-top:4px;padding-top:12px;font-size:11px;display:inline-flex}.tools-cta{padding-top:20px}.tools-cta-card{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:26px;padding:clamp(30px,5vw,56px);display:flex}.tools-cta-card .eyebrow{margin-bottom:14px}.tools-cta-card h2{letter-spacing:-.03em;font-size:clamp(1.8rem,3vw,2.6rem)}.tools-cta-actions{flex-wrap:wrap;gap:10px;display:flex}.pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:14px;display:grid}.pricing-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform .25s var(--ease), box-shadow .25s var(--ease);flex-direction:column;padding:26px 24px 22px;display:flex;position:relative}.pricing-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.pricing-card.featured{background:var(--surface-raised);border-color:var(--accent);box-shadow:var(--shadow-md)}.pricing-card.current{border-color:var(--sage)}.pricing-flag{letter-spacing:.06em;color:var(--accent-ink);background:var(--accent);border-radius:999px;align-items:center;padding:3px 10px;font-size:11px;display:inline-flex;position:absolute;top:-11px;left:24px}.pricing-card-head h2{letter-spacing:-.02em;font-size:1.25rem}.pricing-price{align-items:baseline;gap:7px;margin-top:12px;display:flex}.pricing-price strong{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);font-size:2.3rem;line-height:1}.pricing-price span{color:var(--muted);font-size:12px}.pricing-credits{color:var(--sage-deep);margin-top:8px;font-size:12.5px}.pricing-features{border-top:1px dashed var(--line);flex-direction:column;flex:1;gap:10px;margin-top:20px;padding-top:18px;display:flex}.pricing-features li{color:var(--ink-2);align-items:flex-start;gap:8px;font-size:13px;line-height:1.65;display:flex}.pricing-features svg{color:var(--sage);flex-shrink:0;margin-top:5px}.pricing-card-foot{margin-top:22px}.pricing-current-chip{color:var(--sage-deep);align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.pricing-note{text-align:center;max-width:640px;color:var(--muted);margin:26px auto 0;font-size:12.5px;line-height:1.8}.pricing-compare-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:44px;display:grid}.pricing-compare-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:22px 20px}.pricing-compare-item h3{letter-spacing:-.01em;margin-bottom:10px;font-size:1.02rem}.pricing-compare-item p{color:var(--ink-3);font-size:13px;line-height:1.8}.auth-page{padding:60px 0 90px}.auth-grid{grid-template-columns:minmax(0,1fr) minmax(340px,460px);align-items:center;gap:clamp(40px,7vw,110px);display:grid}.auth-aside h2{letter-spacing:-.035em;margin-bottom:28px;font-size:clamp(2rem,3.4vw,3rem);line-height:1.1}.auth-benefits{flex-direction:column;gap:12px;margin-bottom:30px;display:flex}.auth-benefits li{color:var(--ink-2);align-items:flex-start;gap:9px;font-size:14px;line-height:1.7;display:flex}.auth-benefits svg{color:var(--sage);flex-shrink:0;margin-top:6px}.auth-aside-note{max-width:440px;color:var(--muted);font-size:12.5px;line-height:1.8}.auth-card{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:clamp(28px,4vw,40px)}.auth-card .eyebrow{margin-bottom:12px}.auth-card h1{letter-spacing:-.03em;margin-bottom:26px;font-size:clamp(1.7rem,2.6vw,2.3rem)}.auth-plan-note{color:var(--sage-deep);background:var(--sage-soft);border-radius:var(--radius-sm);margin:-14px 0 22px;padding:10px 14px;font-size:12.5px;line-height:1.7}.auth-field{margin-bottom:16px;display:block}.auth-field>span{color:var(--ink-2);margin-bottom:7px;font-size:12.5px;font-weight:500;display:block}.auth-input{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--muted);transition:border-color .2s var(--ease), box-shadow .2s var(--ease);align-items:center;gap:9px;padding:0 14px;display:flex}.auth-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);color:var(--accent)}.auth-input input{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:11px 0;font-size:14px}.field-error{color:var(--danger);margin:-4px 0 14px;font-size:12.5px}.auth-card .btn-block{margin-top:8px}.auth-switch{color:var(--ink-3);text-align:center;margin-top:20px;font-size:13px}.auth-switch a{color:var(--accent);transition:color .2s var(--ease)}.auth-switch a:hover{color:var(--accent-hover);text-decoration:underline}.account-page{padding:60px 0 100px}.account-guest{text-align:center;flex-direction:column;align-items:center;min-height:52vh;display:flex}.account-guest-icon{border:1px solid var(--line);width:54px;height:54px;color:var(--accent);background:var(--surface);border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;display:inline-flex}.account-guest .eyebrow{margin-bottom:12px}.account-guest h1{letter-spacing:-.035em;margin-bottom:16px;font-size:clamp(2.1rem,4vw,3.2rem)}.account-guest>p{max-width:520px;color:var(--ink-3);font-size:14px;line-height:1.9}.account-guest-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px;display:flex}.account-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:38px;display:flex}.account-head .eyebrow{margin-bottom:14px}.account-head h1{letter-spacing:-.04em;font-size:clamp(2.2rem,4vw,3.4rem)}.account-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.account-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;padding:26px 24px;display:flex}.account-profile{flex-direction:row;align-items:flex-start;gap:18px}.account-profile-copy{flex-direction:column;align-items:flex-start;gap:7px;min-width:0;display:flex}.account-profile-copy h2{letter-spacing:-.02em;word-break:break-word;font-size:1.25rem}.account-profile-copy p{color:var(--ink-3);align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.account-profile-copy .chip{margin-top:6px}.account-card-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.account-card-head h3{letter-spacing:-.015em;font-size:1.12rem}.account-usage-icon{border:1px solid var(--line);width:38px;height:38px;color:var(--accent);background:var(--surface-2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.account-usage-number{align-items:baseline;gap:7px;margin-bottom:14px;display:flex}.account-usage-number strong{font-family:var(--font-display);letter-spacing:-.03em;font-size:2.4rem;line-height:1}.account-usage-number span{color:var(--muted);font-size:12.5px}.account-usage .progress-track{margin-bottom:14px}.account-usage-note{color:var(--ink-3);flex:1;margin-bottom:16px;font-size:12.5px;line-height:1.75}.account-plan-price{flex-wrap:wrap;align-items:baseline;gap:5px;margin-bottom:16px;display:flex}.account-plan-price strong{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.7rem}.account-plan-price span{color:var(--muted);font-size:12.5px}.account-plan-meta{flex-direction:column;flex:1;gap:0;margin-bottom:18px;display:flex}.account-plan-meta li{border-top:1px dashed var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:9px 0;font-size:12.5px;display:flex}.account-plan-meta li span{color:var(--ink-2);text-align:right}.account-foot{text-align:center;max-width:640px;color:var(--muted);margin:30px auto 0;font-size:12.5px;line-height:1.8}.blog-list-section{padding-top:64px}.blog-featured{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .25s var(--ease), box-shadow .25s var(--ease);grid-template-columns:minmax(0,1fr) minmax(180px,.32fr);align-items:center;gap:clamp(24px,4vw,60px);padding:clamp(26px,4vw,44px);display:grid}.blog-featured:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.blog-featured h2{letter-spacing:-.03em;margin:16px 0 12px;font-size:clamp(1.6rem,2.8vw,2.4rem)}.blog-featured p{color:var(--ink-2);margin-bottom:18px;font-size:14.5px;line-height:1.85}.blog-featured-mark{background:var(--bg-alt);border:1px solid var(--line-soft);border-radius:var(--radius-md);justify-content:center;align-items:center;height:100%;min-height:150px;display:flex;overflow:hidden}.blog-featured-mark span{font-family:var(--font-display);color:var(--accent);opacity:.22;font-size:clamp(4rem,8vw,7rem);line-height:1}.blog-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;font-size:12px;display:flex}.blog-meta>span{align-items:center;gap:5px;display:inline-flex}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.blog-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);height:100%;box-shadow:var(--shadow-sm);transition:transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s var(--ease);flex-direction:column;padding:24px 22px;display:flex}.blog-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md);transform:translateY(-3px)}.blog-card h3{letter-spacing:-.015em;margin:14px 0 10px;font-size:1.18rem;line-height:1.45}.blog-card p{color:var(--ink-3);flex:1;font-size:13px;line-height:1.8}.blog-card-link{color:var(--accent);align-items:center;gap:6px;margin-top:16px;font-size:12.5px;display:inline-flex}.blog-post-body{padding-top:64px}.blog-post-section+.blog-post-section{margin-top:44px}.blog-post-section h2{letter-spacing:-.025em;margin-bottom:16px;font-size:clamp(1.4rem,2.4vw,1.9rem)}.blog-post-section p{color:var(--ink-2);font-size:15px;line-height:2}.blog-post-section p+p{margin-top:14px}.blog-post-cta{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-top:56px;padding:24px 26px;display:flex}.blog-post-cta p{color:var(--ink-2);font-size:14px}.blog-post-more{border-top:1px solid var(--line);margin-top:56px;padding-top:40px}.blog-post-more .eyebrow{margin-bottom:22px}.blog-more-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:28px;display:grid}.static-body{padding-top:64px}.about-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.about-values article{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:26px 24px}.about-value-icon{border:1px solid var(--line);width:40px;height:40px;color:var(--accent);background:var(--surface-2);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:inline-flex}.about-values h2{letter-spacing:-.02em;margin-bottom:10px;font-size:1.2rem}.about-values p{color:var(--ink-3);font-size:13.5px;line-height:1.85}.about-tech{background:var(--surface-2);border:1px dashed var(--line);border-radius:var(--radius-md);margin-top:44px;padding:28px 26px}.about-tech h2{letter-spacing:-.02em;margin-bottom:16px;font-size:1.2rem}.about-tech ul{flex-direction:column;gap:10px;display:flex}.about-tech li{color:var(--ink-2);align-items:flex-start;gap:9px;font-size:13.5px;line-height:1.8;display:flex}.about-tech svg{color:var(--sage);flex-shrink:0;margin-top:7px}.static-cta{flex-wrap:wrap;align-items:center;gap:10px;margin-top:44px;display:flex}.legal-section+.legal-section{margin-top:40px}.legal-section h2{letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(1.25rem,2vw,1.55rem)}.legal-section p{color:var(--ink-2);font-size:14.5px;line-height:2}@media (max-width:1100px){.tools-grid,.pricing-grid,.pricing-compare-grid,.account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-plan{grid-column:1/-1}}@media (max-width:900px){.tools-hero-grid,.pricing-hero-grid,.blog-hero-grid,.auth-grid{grid-template-columns:1fr;align-items:start}.tools-group-head{flex-direction:column;align-items:flex-start;gap:14px}.tools-group-desc{text-align:left}.blog-featured{grid-template-columns:1fr}.blog-featured-mark{order:-1;min-height:110px}.blog-grid,.blog-more-grid,.about-values{grid-template-columns:1fr}}@media (max-width:760px){.tools-grid,.pricing-grid,.pricing-compare-grid,.account-grid{grid-template-columns:1fr}.account-plan{grid-column:auto}.account-head{flex-direction:column;align-items:flex-start;gap:16px}.account-profile{flex-direction:column}.tools-cta-card,.blog-post-cta{flex-direction:column;align-items:flex-start}}