/* Jianxu: shared silver surfaces, ink typography and a restrained blue accent. */
@font-face{font-family:JianxuSora;src:url('/tools-assets/site-fonts/sora.woff') format('woff');font-weight:100 900;font-display:swap}
@font-face{font-family:JianxuSans;src:url('/tools-assets/site-fonts/noto-sans-sc-ui.woff') format('woff');font-weight:100 900;font-display:swap}
:root{--font-ui:JianxuSora,JianxuSans,"Segoe UI","Microsoft YaHei",sans-serif;--ink:#292b31;--ink-soft:#545d6d;--muted:#77808e;--paper:#f7f7f8;--white:#fff;--line:#e4e6ec;--line-dark:#bfc5d0;--teal:#4d68ad;--teal-dark:#30343e;--teal-pale:#eff2fa;--radius:18px;--shadow:0 4px 20px #303e5a05;--blue:#577ce7}
body{letter-spacing:-.018em;-webkit-font-smoothing:antialiased}h1,h2,h3{letter-spacing:-.05em;font-weight:550}a,button,input,select,textarea,summary{outline-offset:4px;-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #7998ec}input,textarea,select{box-shadow:0 1px 2px #161a2403}.eyebrow{font-size:11px;font-weight:450;letter-spacing:.06em;color:#989fac}.mobile-break{display:none}
.site-header{min-height:88px;position:relative;padding:0 max(36px,calc((100vw - 1200px)/2));gap:24px;background:transparent;border:0;z-index:20}.brand{gap:10px}.brand-symbol{width:40px;height:40px}.brand-word{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:600;letter-spacing:.06em}.brand-caption{font-size:10px;font-weight:450;letter-spacing:.14em;color:#8a8c94;padding-left:11px;border-left:1px solid #d8d9de}.site-header nav{gap:5px;font-size:13px}.site-header nav a{padding:8px 16px;min-height:44px;border:0;border-radius:10px;color:#747b88;transition:background .2s}.site-header nav a:hover{background:#ededf0}.site-header nav a[aria-current=page],.site-header nav .nav-current{color:#292b31;font-weight:550;background:#eaeaec90}.site-header nav .nav-feedback{margin-left:16px;background:linear-gradient(#fff,#f3f3f5);color:#545b6b;border:1px solid #fff;box-shadow:0 0 0 1px #dedee4,0 2px 3px #24263309,inset 0 -1px 2px #dcdde452;min-height:38px;padding:6px 14px}.site-menu-toggle{display:none}
.site-footer{display:flex;align-items:center;justify-content:space-between;width:min(1200px,calc(100% - 72px));padding:34px 0;margin:0 auto;gap:30px;border-top:1px solid var(--line);background:transparent}.footer-brand{display:inline-flex;align-items:center;gap:10px;font-size:18px;font-weight:550}.site-footer p{font-size:12px;color:var(--muted);margin:7px 0 0}.site-footer nav{display:flex;flex-wrap:wrap;gap:2px 22px;font-size:12px;max-width:690px;color:#727b8b}.site-footer nav a{display:inline-flex;min-height:44px;align-items:center}
.button-primary,.button-secondary{border-radius:10px;min-height:44px;font-weight:500;transition:transform .2s,box-shadow .2s}.button-primary{background:linear-gradient(#444a58,#2e3340);border:1px solid #292e3b;color:#fff;box-shadow:inset 0 1px 0 #ffffff30,0 3px 5px #272a3615,0 1px 1px #272a3620}.button-primary:hover{background:linear-gradient(#535c6c,#394354)}.button-secondary{background:linear-gradient(#fff,#fafafa);border:1px solid #dedfe4;box-shadow:inset 0 1px #fff,0 1px 2px #272a3606;color:var(--ink-soft)}.button-primary:active,.button-secondary:active{transform:translateY(1px)}
/* Entry is a working search, with a short arrival animation. */
.home-main{width:100%;overflow:clip}.focus-hero{position:relative;isolation:isolate;min-height:770px;display:flex;align-items:flex-start;justify-content:center;padding:8px 24px 105px}.hero-atmosphere{position:absolute;inset:-88px 0 0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 31%,#fff 0%,#fafafb90 45%,#f7f7f800 74%)}.hero-atmosphere::after{content:"";position:absolute;inset:0;background-image:radial-gradient(#858a9d45 .65px,transparent .7px);background-size:12px 12px;mask-image:radial-gradient(ellipse 44% 60% at 50% 48%,#000 10%,transparent 100%);opacity:.45}.aura{position:absolute;border-radius:50%;filter:blur(58px);will-change:transform;animation:aura-drift 15s ease-in-out infinite alternate;opacity:.6}.aura-left{width:360px;height:310px;left:calc(50% - 460px);top:195px;background:radial-gradient(ellipse,#bccaff80,transparent 70%)}.aura-right{width:400px;height:340px;left:calc(50% + 135px);top:280px;background:radial-gradient(ellipse,#d8d4ed85,transparent 70%);animation-delay:-7s}.aura-bottom{width:480px;height:170px;left:calc(50% - 240px);top:525px;background:#dee6ff66;filter:blur(65px);animation-delay:-4s}.hero-content{text-align:center;display:flex;flex-direction:column;align-items:center;width:100%;max-width:680px}.hero-object{width:195px;height:156px;margin:0 auto 7px;animation:object-enter 1.2s cubic-bezier(.22,1,.36,1) both}.hero-object img{display:block;width:100%;height:100%;object-fit:contain;animation:object-float 8s ease-in-out 1.2s infinite}.hero-kicker{margin:4px 0 18px;font-size:12px;letter-spacing:.18em;color:#8b93a2}.focus-hero h1{font-size:62px;line-height:1.2;letter-spacing:-.075em;font-weight:530;margin:0;color:#282d36;animation:content-enter .9s .08s both}.focus-hero h1 span{color:#687284}.hero-description{font-size:15px;line-height:1.9;color:#7c8799;margin:24px 0 29px;letter-spacing:.01em;animation:content-enter .9s .16s both}.home-search{display:flex;align-items:center;width:min(540px,100%);height:68px;border-radius:17px;padding:9px 10px 9px 20px;gap:13px;border:1px solid #fff;background:linear-gradient(150deg,#fff,#fdfdfd);box-shadow:0 0 0 1px #dcdfe8,0 5px 6px #28345504,0 14px 36px #3947680a,inset 0 -2px 3px #dce0ed22;animation:content-enter .9s .2s both}.home-search:focus-within{box-shadow:0 0 0 1px #a3b6e8,0 0 0 5px #bccbfd15,0 12px 36px #3947680b}.home-search>svg{width:21px;height:21px;color:#949faf;flex-shrink:0}.home-search input{flex:1;min-width:0;width:auto;border:0!important;background:transparent;box-shadow:none!important;outline:0;min-height:44px;padding:8px 0;font-size:15px;color:#444e62;letter-spacing:0}.home-search input::placeholder{color:#9aa5b7}.home-search button{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:11px;border:1px solid #282e3d;background:linear-gradient(#4a5365,#30394b);color:#fff;box-shadow:inset 0 1px 1px #ffffff35,0 2px 3px #252a371a}.home-search button svg{width:20px;height:20px}.hero-suggestions{display:flex;gap:17px;align-items:center;justify-content:center;margin-top:15px;font-size:11px;color:#9ba7bc;flex-wrap:wrap}.hero-suggestions a{color:#7a899f;display:inline-flex;align-items:center;min-height:36px}.hero-suggestions a:hover{color:#4568c9}.hero-all{display:inline-flex;align-items:center;gap:13px;font-size:12px;color:#7f8ba1;min-height:44px;margin-top:14px}.hero-all span{display:grid;place-items:center;width:23px;height:23px;border:1px solid #e0e2e8;border-radius:50%;font-size:12px;background:#fafafb}.hero-corner{position:absolute;bottom:25px;font-size:10px;letter-spacing:.02em;color:#969fab;display:flex;align-items:center;gap:8px}.hero-corner-left{left:max(36px,calc((100vw - 1200px)/2))}.hero-corner-right{right:max(36px,calc((100vw - 1200px)/2))}.live-dot{width:5px;height:5px;border-radius:50%;background:#819d8c;box-shadow:0 0 0 3px #819d8c0e}
.home-explore,.home-philosophy,.home-invitation{width:min(1120px,calc(100% - 80px));margin:auto}.home-explore{padding:88px 0 78px;border-top:1px solid var(--line)}.home-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:34px}.section-index{font-size:11px;color:#949fae;letter-spacing:.1em;margin:0 0 13px;font-weight:450}.home-section-heading h2,.philosophy-heading h2,.home-invitation h2{font-size:32px;line-height:1.6;font-weight:500;letter-spacing:-.05em;margin:0}.quiet-link{font-size:12px;color:#7b8a9e;display:flex;align-items:center;gap:20px;min-height:44px}.feature-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:20px}.feature{position:relative;display:block;height:410px;overflow:hidden;border-radius:22px;background:#eeeff2;border:1px solid #e9e9ee;box-shadow:inset 0 1px 1px #ffffffb0;transition:box-shadow .3s,transform .3s,border-color .3s}.feature:hover{transform:translateY(-3px);border-color:#d3d6e1;box-shadow:inset 0 1px 1px #fff,0 14px 30px #343d5008}.feature-copy{position:relative;padding:30px 32px;z-index:2}.feature-label{font-size:11px;color:#8c97a9;letter-spacing:.07em}.feature h3{font-size:27px;line-height:1.5;font-weight:500;margin:15px 0 11px}.feature p{font-size:11px;color:#929bae;margin:0;letter-spacing:.02em}.feature-open{position:absolute;top:28px;right:28px;width:32px;height:32px;display:grid;place-items:center;color:#969ba8;background:#ffffff8c;border:1px solid #fff;border-radius:50%;font-size:16px;transition:transform .3s}.feature:hover .feature-open{transform:rotate(45deg);color:#4f6bbc}
.feature-formula{background:radial-gradient(ellipse at 70% 95%,#dbe2f780,transparent 65%),#f0f1f4}.formula-object{position:absolute;bottom:-32px;right:32px;width:355px;height:210px;background:linear-gradient(130deg,#ffffff,#fafbff);border:1px solid #fff;border-radius:14px;box-shadow:0 0 0 1px #d8dde98a,0 15px 30px #66769714;transform:rotate(-6deg);transition:transform .4s}.feature:hover .formula-object{transform:rotate(-3deg) translateY(-6px)}.object-toolbar{display:flex;gap:5px;height:36px;align-items:center;padding:0 13px;border-bottom:1px solid #e8ebf1}.object-toolbar i{width:5px;height:5px;background:#dde0e8;border-radius:50%}.object-toolbar span{margin:auto;font-size:9px;color:#adb2bf;padding-right:30px}.formula-object math{font-size:42px;margin:34px 0 20px;color:#505768}.formula-code{font-family:monospace;font-size:11px;text-align:center;color:#a3aabe;border-top:1px solid #eceef5;padding:11px}
.feature-image{background:#f1f0f2}.picture-object{position:absolute;right:54px;bottom:-26px;width:230px;height:210px}.picture-back{position:absolute;inset:1px 0;background:#e1e2e9;border:7px solid #fafafc;border-radius:10px;box-shadow:0 6px 14px #3b456019;transform:rotate(13deg)}.picture-front{position:absolute;inset:0;background:#fff;border:8px solid #fff;border-bottom-width:26px;border-radius:10px;box-shadow:0 5px 20px #3b456019;transform:rotate(-9deg);transition:transform .4s;overflow:hidden}.picture-front svg{display:block;width:100%;height:100%;object-fit:cover}.feature:hover .picture-front{transform:rotate(-5deg) translateY(-5px)}.picture-chip{position:absolute;bottom:67px;left:-85px;display:flex;gap:8px;align-items:center;padding:12px 15px;background:#ffffffdf;box-shadow:0 10px 24px #4644620c;border:1px solid #fff;border-radius:9px;color:#767286;font-size:18px;backdrop-filter:blur(10px);transform:rotate(-3deg)}.picture-chip span{font-size:10px}
.feature-document{background:#f1f0ee}.paper-object{position:absolute;width:194px;height:220px;right:62px;bottom:-10px;transform:rotate(8deg)}.paper-sheet{position:absolute;inset:0;background:linear-gradient(135deg,#fff,#fbfaf7);border:1px solid #e6e3dc;border-radius:9px;box-shadow:0 4px 8px #544c3e07,0 17px 22px #544c3e0a}.paper-back{transform:rotate(-15deg) translateX(-24px)}.paper-front{padding:20px 21px;transition:transform .4s}.feature:hover .paper-front{transform:rotate(-3deg) translateY(-5px)}.paper-corner{display:block;font-size:14px;letter-spacing:.01em;font-weight:600;color:#a38f6e;margin:0 0 20px}.paper-sheet i{display:block;width:90%;height:3px;background:#e9e6e0;margin:8px 0}.paper-sheet i:nth-of-type(2){width:65%}.paper-sheet i:nth-of-type(3){width:78%}.paper-chart{display:flex;gap:7px;align-items:flex-end;height:65px;margin-top:23px}.paper-chart b{width:16px;height:42%;border-radius:2px;background:#cfc5b5}.paper-chart b:nth-child(2){height:67%;background:#b4becf}.paper-chart b:nth-child(3){height:49%}.paper-chart b:nth-child(4){height:92%;background:#98aac6}.paper-chart b:nth-child(5){height:70%}.paper-badge{position:absolute;right:-24px;bottom:40px;display:grid;place-items:center;width:53px;height:53px;border-radius:17px;color:#8fa596;background:linear-gradient(#f9fcfa,#e1e9e3);border:2px solid #fafcfb;box-shadow:0 1px 1px #b8c4bc,0 7px 14px #3c5a4912;font-size:23px}
.feature-sound{background:#edf0f3}.feature-sound h3{font-size:25px}.piano-object{position:absolute;bottom:-3px;right:-28px;width:350px;height:184px;background:#eceff4;border:1px solid #fff;border-radius:14px;padding:11px;box-shadow:0 0 0 1px #d0d6e1,0 13px 30px #4d5e7c1a;transform:rotate(-9deg);transition:transform .4s}.feature:hover .piano-object{transform:rotate(-5deg) translateY(-4px)}.piano-roll{height:57px;position:relative;margin-bottom:9px;background:repeating-linear-gradient(90deg,transparent 0 24px,#d9deea80 24px 25px),repeating-linear-gradient(0deg,#e3e7ee 0 11px,#cfd6e340 11px 12px);border-radius:5px}.piano-roll i{position:absolute;background:#a4b7dd;height:7px;border:1px solid #8fa6d1;border-radius:2px;left:20px;top:36px;width:48px}.piano-roll i:nth-child(2){left:68px;top:26px;width:65px}.piano-roll i:nth-child(3){left:134px;top:17px;width:35px}.piano-roll i:nth-child(4){left:170px;top:7px;width:91px}.piano-keys{display:flex;gap:3px;height:94px}.piano-keys b{flex:1;position:relative;border-radius:3px 3px 6px 6px;background:linear-gradient(#fefefe,#fdfdfd 90%,#e9eaf0);border:1px solid #d7dce7;box-shadow:0 2px 2px #6d789429,inset 0 -2px 1px #e2e5ec}.piano-keys b:nth-child(7n+1)::after,.piano-keys b:nth-child(7n+2)::after,.piano-keys b:nth-child(7n+4)::after,.piano-keys b:nth-child(7n+5)::after,.piano-keys b:nth-child(7n+6)::after{content:"";position:absolute;z-index:2;right:-9px;top:-1px;width:14px;height:58px;background:linear-gradient(90deg,#3d4350,#59616f 50%,#343b48);border:1px solid #343a48;border-radius:0 0 3px 3px;box-shadow:0 2px 2px #2b3a5230}
.home-category-row{display:flex;flex-wrap:wrap;align-items:center;gap:5px 27px;font-size:12px;margin:28px 0 0;color:#7d899d}.home-category-row>span{color:#a0a8b7;margin-right:5px}.home-category-row a{display:inline-flex;align-items:center;min-height:44px}.home-philosophy{border-top:1px solid var(--line);padding:90px 0;display:grid;grid-template-columns:1fr 1.35fr;gap:50px;align-items:center}.philosophy-heading h2{font-size:28px;line-height:1.7}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.principles article>span{font-size:10px;color:#a6adbb}.principles h3{font-size:18px;font-weight:500;margin:20px 0 12px}.principles p{font-size:12px;line-height:1.9;color:#929ead;margin:0}.home-invitation{text-align:center;padding:70px 20px 78px;border-top:1px solid var(--line);background:radial-gradient(ellipse 38% 50% at 50% 60%,#e9edfa65,transparent)}.invitation-symbol{width:52px;height:52px;margin:0 auto 22px;display:grid;place-items:center;font-size:26px;font-weight:300;color:#8e97ad;border:1px solid #fff;border-radius:16px;background:linear-gradient(140deg,#fff,#e8eaf0);box-shadow:0 0 0 1px #dee1e9,0 4px 5px #58647c0b,inset 0 -2px 2px #d9dce638}.home-invitation h2{font-size:30px}.home-invitation>p:not(.section-index){color:#969fae;font-size:13px;margin:17px 0 27px}.home-invitation .button-primary{font-size:13px;gap:28px;padding:11px 21px;min-height:46px}
/* Directory and tool surfaces */
.directory{width:min(1200px,calc(100% - 72px));padding:42px 0 64px}.directory-hero.directory-intro{display:block;position:relative;padding:0 0 42px;border:0;margin:0}.directory-intro .hero-copy{max-width:800px}.directory-intro h1{font-size:37px;font-weight:500;margin:9px 0 13px;letter-spacing:-.055em}.directory-intro p{font-size:14px;color:#828c9c;margin:0}.directory-search{display:block;width:100%;max-width:550px;margin:27px 0 0}.directory-search #tool-search{height:56px;border:1px solid #dedfe6;border-radius:12px;padding-left:48px;background:#fff;box-shadow:0 3px 5px #333c5403,0 8px 18px #333c5403;font-size:15px}.directory-search svg{top:18px;left:17px;width:19px;height:19px;color:#9299a8}.directory-intro p.directory-search-hint{position:absolute;left:576px;bottom:58px;font-size:12px;color:#959ead}.directory-shell{display:grid;grid-template-columns:188px minmax(0,1fr);gap:40px;align-items:start}.directory-sidebar{position:sticky;top:26px}.shelf-caption{font-size:11px;letter-spacing:.08em;color:#989fae;margin:1px 0 16px;padding:0 12px}.category-tabs{display:flex;flex-direction:column;gap:4px;border:0;padding:0;margin:0}.category-tabs a,.category-tabs button{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:44px;padding:9px 12px;border:1px solid transparent;border-radius:9px;font-size:13px;line-height:1.6;color:#778297;font-weight:400}.category-tabs a::before{content:"";width:6px;height:6px;flex-shrink:0;border:1px solid #b7bdca;border-radius:2px;box-shadow:3px 3px 0 #e1e5ec}.category-tabs a:hover{background:#eeeef2;color:#464e62}.category-tabs a[aria-current=page],.category-tabs a[aria-pressed=true],.category-tabs button[aria-pressed=true]{color:#49577a;background:linear-gradient(140deg,#fff,#f6f7fa);border-color:#e0e3eb;box-shadow:0 2px 3px #1b2e5604;font-weight:500}.category-tabs a[aria-current=page]::before{border-color:#7993c8;background:#b8c8e9;box-shadow:3px 3px 0 #dce5f7}.sidebar-custom{display:grid;grid-template-columns:30px 1fr;column-gap:10px;align-items:center;margin:28px 5px 0;padding:17px 8px;border-top:1px solid #e3e5eb;color:#82899a}.sidebar-custom>span{grid-row:span 2;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:linear-gradient(#fff,#eaedf4);border:1px solid #fff;box-shadow:0 0 0 1px #e0e4ed;font-size:19px;font-weight:300}.sidebar-custom strong{font-size:13px;font-weight:500}.sidebar-custom small{font-size:10px;margin-top:3px;color:#99a4b7}.directory-tools{padding:0;border:0;min-width:0}.directory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px;min-height:36px}.section-title{gap:12px}.section-title h2{font-size:15px;font-weight:550}.count-label{font-size:11px;color:#929fb4;border:0;background:transparent;padding:0;white-space:nowrap}.directory-feedback-link{font-size:12px;color:#8c9bb2;display:inline-flex;align-items:center;min-height:36px}.directory-category-heading{font-size:12px;font-weight:450;letter-spacing:.025em;color:#8897ae;margin:26px 0 1px;padding:0 2px}.directory-category-heading:first-child{margin-top:0}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tool-card{position:relative;min-width:0;display:block;padding:23px 23px 24px;border:1px solid #e6e8ed;border-radius:17px;background:linear-gradient(155deg,#fff,#fdfdfe);box-shadow:0 2px 3px #3b426003;transition:transform .25s,box-shadow .25s,border-color .25s}.tool-card:hover{transform:translateY(-3px);border-color:#cdd5e7;box-shadow:0 5px 8px #38496805,0 14px 24px #38496806}.tool-card:focus-within{outline:2px solid #7896db;outline-offset:3px}.tool-card .card-top{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin:0 0 9px}.tool-card h3{font-size:17px;font-weight:550;letter-spacing:-.025em;line-height:1.5;padding:0}.tool-icon{display:grid;place-items:center;width:47px;height:47px;flex:0 0 47px;background:linear-gradient(135deg,#fff,#edf0f6);border:1px solid #fff;border-radius:13px;color:#8091b0;box-shadow:0 0 0 1px #dce1ec,0 3px 4px #45516b0a,inset 0 -2px 2px #d4dce644;transition:transform .25s}.tool-icon svg{width:25px;height:25px;stroke-width:1.45}.tool-card:hover .tool-icon{transform:translateY(-1px);color:#6180bd}.tool-card[data-category=image] .tool-icon{color:#9c8ba8;background:linear-gradient(135deg,#fff,#f0eaf3);box-shadow:0 0 0 1px #e7dfeb,0 3px 4px #5e456b0a,inset 0 -2px 2px #e2d4e644}.tool-card[data-category=document] .tool-icon{color:#ae9e80;background:linear-gradient(135deg,#fff,#f3eee5);box-shadow:0 0 0 1px #e9e2d5,0 3px 4px #6b60450a,inset 0 -2px 2px #e6ded444}.tool-card[data-category=media] .tool-icon{color:#7f9d98;background:linear-gradient(135deg,#fff,#e9f1ee)}.tool-card .card-copy{font-size:13px;line-height:1.8;color:#8591a4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:47px;letter-spacing:0}.tool-card .card-link{position:static;margin:0;border:0;padding:0;min-height:0;display:block}.tool-card .card-link svg{width:16px;height:16px;position:absolute;right:22px;top:25px;color:#bac1ce;transition:transform .25s}.tool-card .card-link::after{content:"";position:absolute;inset:0;border-radius:17px}.tool-card:hover .card-link svg{color:#6682bb;transform:translate(1px,-1px)}.directory-empty,.directory-about{border:1px solid var(--line);padding:24px;border-radius:14px;background:#ffffff7a}.directory-about{margin-top:24px;font-size:14px;color:var(--muted)}.directory-about summary{font-size:14px;min-height:24px;font-weight:450}.directory-empty h3{font-size:19px}.directory-empty .text-button{margin-left:16px}.repeat-note{background:transparent;border:0;border-top:1px solid var(--line);padding:28px 0 4px;margin-top:36px}.repeat-note h3{font-size:17px;font-weight:500;margin:0 0 6px}.repeat-note p{font-size:14px;color:#9097a5}.repeat-note>a{font-size:14px;color:#7f8aa1}.search-feedback{font-size:14px;color:#7e879a}
.workspace,.pdf-main{width:min(1200px,calc(100% - 72px));padding-top:18px}.back-link{font-size:12px;color:#8c99ad;margin-bottom:15px;display:inline-flex;align-items:center;min-height:32px}.workspace-heading{margin-bottom:18px;gap:20px}.workspace-heading h1,.pdf-hero h1{font-size:29px;font-weight:500;line-height:1.5;margin:7px 0 9px}.workspace-heading p,.pdf-hero>p{font-size:14px;line-height:1.8;color:#8391a6;margin:0}.workspace-heading .eyebrow{font-size:11px;letter-spacing:.08em}.workspace-local-note{display:inline-flex;align-items:center;gap:7px;color:#8d9ab0;font-size:12px;margin-top:8px;white-space:nowrap}.workspace-local-note::before{content:"";height:5px;width:5px;border-radius:50%;background:#8ca899}.limit-strip{font-size:12px;border-radius:9px;padding:10px 13px;background:#eeeff3;border:0;color:#8895aa;line-height:1.7;gap:7px 15px;margin-bottom:20px}.limit-strip strong{font-weight:500;color:#737c8e}.workspace-card,.results-card{border:1px solid #e2e5ec;border-radius:16px;background:#fff;box-shadow:var(--shadow);padding:25px}.workspace-card h2,.results-card h2,.step-heading h2{font-size:18px;font-weight:550}.step-heading p{font-size:14px;color:#8897ae}.step-heading{gap:14px;margin-bottom:22px}.step-no{font-size:11px;background:linear-gradient(#fff,#edf0f5);border:1px solid #e1e5ef;color:#8b99b1;width:31px;height:31px;border-radius:9px}.scope-note,.privacy-settings{background:transparent;font-size:14px}.file-drop{border-color:#d7dce6;background:#f9fafc;border-radius:12px}.file-drop:hover{border-color:#9eafd1;background:#f4f7fc}.file-drop strong{font-size:16px;font-weight:500}.file-drop .drop-help,.file-drop .file-name{font-size:14px;color:#8a99b1}.drop-icon{color:#94a3bc;background:linear-gradient(#fff,#edf1f7);border:1px solid #e2e8f2;box-shadow:0 2px 2px #39486905;border-radius:12px}.mode-fieldset,.workspace-source-tabs{border-radius:10px}.mode-fieldset label{font-size:14px}.lab-fields .workspace-section.workspace-task{padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:#f9fafc}.workspace-task>.workspace-section-title{display:none}.workspace-task .lab-field{max-width:none}.lab-workspace:has(.workspace-section){max-width:1040px}.workspace-source .workspace-section-fields{display:grid}.workspace-source .workspace-section-fields>:not(.lab-field){grid-column:1/-1}.workspace-source textarea{min-height:200px}.lab-fields .workspace-section.workspace-advanced{padding:16px 18px;border:1px solid var(--line);border-radius:12px}.lab-fields .workspace-section.workspace-advanced>.workspace-section-title{margin-bottom:0}.lab-fields .workspace-section.workspace-advanced[open]>.workspace-section-title{margin-bottom:18px}.tool-guide{border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin:24px 0;font-size:14px;background:#ffffff80}.tool-guide>summary{font-weight:450;cursor:pointer;min-height:28px;color:#7d8ca3}.tool-guide h2,.tool-guide h3{font-size:16px;margin:20px 0 8px}.tool-guide p{color:var(--muted)}.tool-guide a{color:var(--teal);text-decoration:underline;text-underline-offset:4px}.tool-guide ul,.tool-guide ol{padding-left:22px}.tool-guide li{margin:6px 0}.tool-guide dl{display:grid;grid-template-columns:44px 1fr;gap:8px 18px}.tool-guide dd{margin:0;color:var(--muted)}.related-tools{display:flex;align-items:center;flex-wrap:wrap;gap:6px 20px;border-top:1px solid var(--line);margin-top:14px;padding-top:14px;font-size:13px}.related-tools>span{color:var(--muted)}.related-tools a{display:inline-flex;min-height:36px;align-items:center;text-decoration:none}.pdf-export-settings{max-width:460px;font-size:14px}.pdf-export-settings>summary{min-height:44px;padding:10px 0;cursor:pointer}.pdf-export-settings .pdf-size-label{margin-top:10px}.pdf-start-row{padding:16px 0}.pdf-help{gap:16px}.iphone-section-nav{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 28px;padding:12px 0;border-bottom:1px solid var(--line)}.iphone-section-nav a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;background:#eceff5;border-radius:9px;color:var(--ink-soft);font-size:14px}
.feedback-page{width:min(1050px,calc(100% - 72px));margin:auto;padding:35px 0 70px}.page-heading{margin-bottom:32px}.page-heading h1{font-size:34px;font-weight:500;margin:10px 0}.page-heading p{font-size:14px;color:#8d95a3;margin:0}.feedback-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:40px;align-items:start}.feedback-layout>.workspace-card{margin:0}.feedback-form{padding:0;border:0}.feedback-form fieldset{border:0;padding:0;margin:0 0 24px;min-width:0}.feedback-form legend{font-weight:500;font-size:15px;margin-bottom:12px}.feedback-form label{display:flex;flex-direction:column;gap:8px;margin:0 0 20px}.feedback-form>label,.feedback-field>label,.feedback-contact-fields label{margin:20px 0 8px;font-size:15px;font-weight:500}.feedback-form input:not([type=radio]):not([type=checkbox]),.feedback-form select,.feedback-form textarea{width:100%;padding:12px;min-height:48px;font-size:16px}.feedback-form textarea{min-height:180px;resize:vertical}.feedback-form label:has(input[type=checkbox]),.feedback-form label:has(input[type=radio]){flex-direction:row;align-items:center;gap:10px;font-size:14px;font-weight:400}.feedback-form small,.feedback-form .field-note{font-size:13px;color:var(--muted);margin:8px 0}.feedback-aside{font-size:14px;color:#8b93a3;padding:8px 0}.feedback-aside h2,.feedback-aside h3{font-size:17px;font-weight:500;color:var(--ink)}.feedback-aside a{color:var(--teal);text-decoration:underline;text-underline-offset:4px}.feedback-aside p{margin:10px 0 22px}.feedback-aside ul{padding-left:20px}.feedback-aside li{margin:8px 0}.feedback-form .button-primary{min-width:150px;font-size:15px}.feedback-kinds{display:flex;gap:9px;flex-wrap:wrap}.feedback-kinds label{padding:10px 12px;border:1px solid var(--line);border-radius:9px;margin:0}.feedback-kinds label:has(input:checked){background:var(--teal-pale);border-color:#c4d0eb;color:#556b9e}.feedback-contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feedback-form>.check{margin:24px 0;line-height:1.8;align-items:flex-start!important}.feedback-form>.check input{margin-top:5px}
@keyframes aura-drift{to{transform:translate(40px,-25px) scale(1.12)}}@keyframes object-enter{from{opacity:0;transform:translateY(15px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes object-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes content-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1440px){.editor-workspace{width:min(1500px,calc(100% - 80px))}.focus-hero{min-height:810px;padding-top:28px}.hero-object{width:210px;height:165px}.focus-hero h1{font-size:68px}}
@media(max-width:1050px){.brand-caption{display:none}.site-header{padding:0 28px}.site-header nav a{padding:8px 12px}.site-header nav .nav-feedback{margin-left:6px}.directory-shell{grid-template-columns:164px minmax(0,1fr);gap:26px}.directory-intro p.directory-search-hint{position:static;margin-top:13px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-card{padding:22px}.home-philosophy{grid-template-columns:1fr;gap:35px}.principles{max-width:650px;gap:45px}.feature-grid{gap:16px}.feature-copy{padding:25px}.formula-object{width:310px;right:10px}.feature-sound h3{font-size:23px}.picture-object{right:34px}.piano-object{right:-70px}.feedback-layout{grid-template-columns:minmax(0,1fr) 230px;gap:25px}}
@media(max-width:760px){
.site-header{min-height:74px;padding:12px 22px;flex-wrap:wrap;gap:12px}.brand-symbol{width:36px;height:36px}.brand-word{font-size:19px}.brand-caption{display:inline;font-size:9px;letter-spacing:.12em}.site-header nav{width:100%;justify-content:flex-start;gap:4px}.site-header nav a{font-size:14px;padding:9px 12px}.site-header.menu-ready nav{display:none}.site-header.menu-ready.menu-open nav{display:grid;grid-template-columns:1fr 1fr;padding:8px 0 2px}.site-header.menu-ready .site-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-left:auto;min-height:44px;min-width:44px;padding:8px;border:1px solid #e2e3e9;border-radius:11px;background:linear-gradient(#fff,#f4f4f6);box-shadow:0 2px 3px #353a4404;color:#6c717f;font-size:12px}.menu-lines{width:14px;height:8px;border-top:1px solid currentColor;border-bottom:1px solid currentColor}.site-header nav .nav-feedback{margin:0;box-shadow:none;background:#ededf2;border-color:transparent}.site-footer{width:calc(100% - 44px);padding:26px 0;flex-direction:column;align-items:flex-start;gap:16px}.site-footer nav{font-size:12px;gap:2px 19px}.site-footer p{font-size:12px}.footer-brand{font-size:17px}
.focus-hero{min-height:724px;padding:32px 24px 86px}.hero-object{width:164px;height:134px;margin-bottom:17px}.hero-kicker{font-size:11px;margin:0 0 22px}.focus-hero h1{font-size:49px;line-height:1.24;letter-spacing:-.08em}.hero-description{font-size:14px;line-height:1.95;margin:23px 0 27px}.mobile-break{display:block}.home-search{height:62px;padding:8px 8px 8px 15px;gap:10px;border-radius:14px;max-width:400px}.home-search input{font-size:16px;letter-spacing:-.04em}.home-search input::placeholder{font-size:14px;letter-spacing:0}.home-search>svg{width:18px;height:18px}.home-search button{width:42px;height:42px;border-radius:10px}.hero-suggestions{gap:19px;font-size:12px;margin-top:10px}.hero-suggestions>span{display:none}.hero-suggestions a{min-height:44px}.hero-all{font-size:12px;margin-top:8px}.hero-corner{font-size:9px;bottom:25px}.hero-corner-left{left:24px}.hero-corner-right{right:24px}.aura-left{width:250px;left:-100px;top:210px;opacity:.4}.aura-right{width:250px;left:auto;right:-100px;top:330px;opacity:.5}.hero-atmosphere::after{mask-image:radial-gradient(ellipse 68% 55% at 50% 45%,#000,transparent);opacity:.35}
.home-explore,.home-philosophy,.home-invitation{width:calc(100% - 44px)}.home-explore{padding:49px 0 44px}.home-section-heading{gap:12px;margin-bottom:25px;align-items:flex-start;flex-direction:column}.section-index{font-size:11px;margin-bottom:13px}.home-section-heading h2{font-size:26px;line-height:1.65;letter-spacing:-.075em}.quiet-link{font-size:13px;min-height:36px;gap:12px}.feature-grid{grid-template-columns:1fr;gap:16px}.feature{height:360px;border-radius:20px}.feature-copy{padding:25px}.feature h3{font-size:25px;margin:13px 0 10px;line-height:1.45}.feature-label{font-size:12px}.feature p{font-size:12px}.feature-open{right:22px;top:25px;width:29px;height:29px}.formula-object{width:275px;height:182px;right:18px;bottom:-30px}.formula-object math{font-size:36px;margin:25px 0 18px}.formula-code{font-size:10px}.picture-object{width:185px;height:168px;right:32px;bottom:-10px}.picture-chip{bottom:40px;left:-77px;padding:10px 12px}.picture-chip span{font-size:9px}.paper-object{width:162px;height:186px;right:37px;bottom:-12px}.paper-front{padding:17px}.paper-corner{margin-bottom:14px;font-size:12px}.paper-chart{height:45px;margin-top:16px}.paper-badge{width:45px;height:45px;font-size:20px;bottom:37px;right:-15px;border-radius:13px}.piano-object{width:285px;right:-31px;bottom:-22px;height:173px}.piano-roll{height:49px}.home-category-row{font-size:13px;gap:0 21px;margin-top:21px}.home-category-row>span{width:100%;font-size:11px;margin:5px 0}.home-philosophy{padding:50px 0;gap:28px}.philosophy-heading h2{font-size:25px;line-height:1.7}.principles{grid-template-columns:1fr;gap:0}.principles article{display:grid;grid-template-columns:25px 52px 1fr;gap:12px;padding:20px 0;border-bottom:1px solid var(--line);align-items:baseline}.principles article:last-child{border:0;padding-bottom:0}.principles article>span{font-size:10px}.principles h3{font-size:16px;margin:0}.principles p{font-size:13px;line-height:1.9}.principles p br{display:none}.home-invitation{padding:50px 0 56px}.home-invitation h2{font-size:26px;line-height:1.7}.home-invitation>p:not(.section-index){font-size:13px;line-height:1.9;padding:0 18px;margin:17px 0 25px}.home-invitation .button-primary{font-size:14px;min-height:46px}.invitation-symbol{margin-bottom:23px}
.directory,.workspace,.pdf-main,.feedback-page{width:calc(100% - 36px)}.directory{padding-top:23px}.directory-hero.directory-intro{padding-bottom:26px}.directory-intro h1{font-size:29px;margin:7px 0 11px}.directory-intro p{font-size:14px}.directory-search{margin-top:23px}.directory-search #tool-search{height:54px;min-height:54px;font-size:16px;padding-left:43px}.directory-search #tool-search::placeholder{font-size:13px}.directory-search svg{width:18px;height:18px;left:15px;top:18px}.directory-intro p.directory-search-hint{display:none}.directory-shell{grid-template-columns:1fr;gap:22px}.directory-sidebar{position:static;min-width:0}.shelf-caption,.sidebar-custom{display:none}.category-tabs{flex-direction:row;gap:7px;overflow-x:auto;flex-wrap:nowrap;padding:1px 2px 10px;margin:0 -2px;scrollbar-width:thin}.category-tabs a,.category-tabs button{flex-shrink:0;white-space:nowrap;padding:10px 13px;min-height:44px;border-color:#e4e7ee;background:#f0f1f5;font-size:13px;border-radius:9px}.category-tabs a::before{display:none}.category-tabs a[aria-current=page],.category-tabs a[aria-pressed=true]{background:#fff;border-color:#d0d8e9;color:#53678e;box-shadow:0 2px 4px #52617e08}.directory-toolbar{margin-bottom:17px;gap:10px}.section-title{gap:8px}.section-title h2{font-size:14px}.count-label{font-size:11px}.directory-feedback-link{font-size:11px}.directory-category-heading{font-size:12px;margin-top:21px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.tool-card{padding:20px 16px 18px;border-radius:14px}.tool-card .card-top{gap:16px;margin-bottom:9px}.tool-card h3{font-size:15px;line-height:1.6}.tool-icon{width:42px;height:42px;flex-basis:42px;border-radius:12px}.tool-icon svg{width:23px;height:23px}.tool-card .card-copy{font-size:12px;line-height:1.9;min-height:46px}.tool-card .card-link svg{width:14px;height:14px;right:15px;top:21px}.tool-card .card-link::after{border-radius:14px}.repeat-note{flex-direction:column;align-items:flex-start;gap:9px;margin-top:28px;padding-top:24px}.repeat-note h3{font-size:17px}.repeat-note p{font-size:13px;line-height:1.9}.repeat-note>a{min-height:44px;font-size:13px}.directory-about{padding:18px;font-size:13px}.directory-about summary{font-size:13px;line-height:1.9}.directory-empty .text-button{margin:12px 0 0}.directory-empty{padding:20px}
.workspace,.pdf-main{padding-top:7px}.back-link{font-size:12px;margin-bottom:10px;min-height:32px}.workspace-heading h1,.pdf-hero h1{font-size:25px;line-height:1.6;margin:6px 0 9px}.workspace-heading p,.pdf-hero>p{font-size:14px;line-height:1.9}.workspace-local-note{font-size:12px;white-space:normal;margin-top:7px}.workspace-heading{margin-bottom:15px;gap:8px}.limit-strip{font-size:12px;line-height:1.8;padding:9px 11px;gap:4px 12px;margin-bottom:17px}.workspace-card,.results-card{padding:19px;border-radius:14px}.workspace-card h2,.results-card h2,.step-heading h2{font-size:17px}.step-heading p{font-size:13px;line-height:1.8}.step-heading{gap:12px;margin-bottom:20px}.tool-guide{padding:16px;font-size:14px}.related-tools{gap:4px 14px;font-size:13px}.pdf-export-settings{width:100%;max-width:none}.feedback-page{padding-top:23px}.page-heading h1{font-size:29px}.page-heading p{font-size:14px;line-height:1.9}.feedback-layout{grid-template-columns:1fr;gap:26px}.feedback-kinds{gap:7px}.feedback-kinds label{font-size:13px!important;padding:10px}.feedback-contact-fields{grid-template-columns:1fr;gap:0}.feedback-aside{font-size:14px;padding:0 3px}.lab-fields .workspace-section.workspace-task{padding:15px}.lab-fields .workspace-section.workspace-advanced{padding:15px}
}
@media(max-width:360px){.brand-caption{display:none}.focus-hero{padding-right:21px;padding-left:21px}.focus-hero h1{font-size:44px}.hero-corner{font-size:8px}.tool-card{padding:18px 13px}.tool-card h3{font-size:14px}.directory-feedback-link{max-width:103px;text-align:right}.directory-intro h1{font-size:27px}.home-section-heading h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* The anchor itself spans the tile, so keyboard and assistive clicks share the same hit target. */
.tool-card .card-link{position:absolute;inset:0;border-radius:inherit}
/* Readable secondary text and consistent editor chrome. */
.site-header nav{font-size:14px}.hero-suggestions,.hero-all,.quiet-link,.home-category-row{font-size:14px}.hero-suggestions a,.hero-all{color:#697991}.feature-label,.feature p{font-size:13px;color:#728097}.principles p,.home-invitation>p:not(.section-index){font-size:14px;color:#778399}.tool-card .card-copy{font-size:14px;line-height:1.8;min-height:51px;color:#708099}.category-tabs a,.category-tabs button{font-size:14px;color:#6b7a92}.tool-guide>summary,.workspace-heading p,.pdf-hero>p,.limit-strip,.workspace-local-note{color:#6c7b91}.site-footer p,.site-footer nav{font-size:13px}
body:has(.editor-workspace) .site-header{min-height:72px}.editor-workspace .back-link{margin-bottom:8px;min-height:28px}.editor-workspace .workspace-heading h1{margin:3px 0 7px;line-height:1.35;font-size:27px}.editor-workspace .workspace-heading{margin-bottom:10px}.editor-workspace .workspace-local-note{margin-top:5px;font-size:11px}.editor-workspace>.limit-strip{margin:8px 0 18px}.editor-workspace .workspace-feedback{font-size:12px}
.latex-workspace .latex-editor-pane,.latex-workspace .latex-preview-pane{border-color:var(--line);background:#fff;box-shadow:0 3px 12px #2a3a5603;border-radius:13px}.latex-workspace .latex-source,.latex-workspace math-field{border-color:#dce2ed}.latex-workspace .latex-source .cm-gutters{background:#f6f7fa;color:#99a5b8}.latex-workspace .latex-source .cm-focused{outline-color:#819ed8}.latex-workspace .latex-tabs button[aria-selected=true],.latex-workspace .latex-row button[aria-pressed=true]{background:#eff3fb;color:#4d648f;border-color:#c5d2e9}.latex-workspace .latex-symbols button{border-color:var(--line);color:#515f75;background:linear-gradient(#fff,#fcfdff)}.latex-workspace .latex-note{color:#77869e}.latex-workspace .latex-symbols button:hover,.latex-workspace .latex-template-list button:hover{background:#f0f4fb}.latex-workspace .latex-tabs{border-color:var(--line)}
@media(max-width:760px){.hero-suggestions,.hero-all{font-size:12px}.tool-card h3{font-size:16px}.tool-card .card-copy{font-size:13px;min-height:47px}.category-tabs a{font-size:14px}.tool-card .card-top{gap:16px}.feature-label,.feature p{font-size:12px}.principles p{font-size:13px}.home-invitation>p:not(.section-index){font-size:13px}.editor-workspace .workspace-heading h1{font-size:24px}.editor-workspace .workspace-heading p{font-size:13px}.editor-workspace .workspace-local-note{font-size:11px}}
.directory-toolbar{flex-direction:row;align-items:center;text-align:left}.directory-toolbar .section-title h2{display:none}.directory-toolbar .count-label{font-size:12px}.directory-category-heading .count-label{font-size:11px}.category-tabs{scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}
@media(max-width:760px){.directory-shell{gap:12px}.directory-toolbar{margin:0 0 12px;min-height:32px}.directory-feedback-link{min-height:32px;font-size:12px}.category-tabs{padding-bottom:6px}}
@media(max-width:760px){.editor-workspace .workspace-feedback{display:none}.latex-workspace .latex-editor-pane>.latex-row:first-child{gap:6px}.latex-workspace .latex-editor-pane>.latex-row:first-child button{font-size:14px;padding:9px 10px}.latex-workspace .latex-primary-tabs button{font-size:15px}}