:root{--font-body:'Araxys DM Sans',ui-sans-serif,sans-serif;--font-heading:'Araxys Space Grotesk',ui-sans-serif,sans-serif;font-family:var(--font-body)}body,button,input,select,textarea{font-family:var(--font-body)}h1,h2,h3,.brand,.footer-brand,.key-number,.compare-metric>strong,.font-demo-stat>strong{font-family:var(--font-heading)}
.compare-workbench-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:22px 26px;border-top:1px solid #e9a4c020}.compare-recipe-button{display:flex;align-items:center;gap:6px;font-size:14px;color:#e4b0c7;padding:9px 0}.thread-bottom{gap:10px}.thread-bottom .use-recipe{margin-left:auto}.nav-wrap nav{gap:20px}.nav-link small:empty{display:none}.nav-link small{padding:1px 6px;background:#bf5b842a;border-radius:6px}#compare-tray{position:fixed;bottom:24px;right:28px;z-index:40;display:flex;align-items:center;gap:24px;background:linear-gradient(120deg,#411e31ed,#21131bea);border:1px solid #e7a2be55;box-shadow:0 12px 48px #0006;backdrop-filter:blur(24px);border-radius:18px;padding:12px 14px 12px 20px}#compare-tray[hidden]{display:none}#compare-tray>span{display:flex;align-items:center;gap:9px}.compare-controls{padding:26px}.compare-mode{width:fit-content;margin-bottom:22px}.compare-settings{display:grid;grid-template-columns:minmax(260px,2fr) 1fr 1fr;gap:18px}.compare-settings .form-field{margin:0}.compare-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:25px 0 16px;color:#c8a9b8}.compare-caption p{max-width:860px}.compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}.compare-card{padding:26px;min-width:0;animation:fadeUp .35s ease both}.compare-card-top{display:flex;justify-content:space-between;align-items:center}.compare-card h2{font-size:24px;line-height:1.3;overflow-wrap:anywhere;min-height:62px;margin:12px 0}.compare-baseline{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;min-height:40px;margin-bottom:22px}.compare-ingredients{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:142px;margin-bottom:20px}.compare-ingredients>div{display:flex;align-items:center;gap:9px;min-width:0}.compare-ingredients img{width:42px;height:48px;object-fit:contain;flex-shrink:0}.compare-ingredients strong{font-size:15px;overflow-wrap:anywhere;line-height:1.3;display:block}.compare-ingredients small{display:block;font-size:14px;color:#c1a1b1}.compare-metric{padding:22px;border:1px solid #e7a2bf26;background:#bf628316;border-radius:16px;display:flex;flex-direction:column;gap:5px}.compare-metric>span:first-child{font-size:15px;color:#dab8c9}.compare-metric>strong{font-size:42px;line-height:1.3;font-weight:800;letter-spacing:-1px}.metric-highlight{background:linear-gradient(130deg,#a94b7438,#291621);border-color:#e9adcb6b}.compare-delta{font-size:14px;color:#bea0b0;display:block}.compare-delta.positive{color:#a3d6bd}.compare-delta.negative{color:#e7b2b1}.compare-delta span{color:#bd9fac}.compare-stat{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:17px 0;border-bottom:1px solid #e9a4c01c}.compare-stat>b{font-size:21px}.compare-stat>small,.compare-stat>.compare-delta{grid-column:1/-1;text-align:right}.compare-traits,.compare-odds{margin-top:24px}.compare-traits h3,.compare-odds h3{font-size:18px}.compare-traits h3>span{float:right;color:#e5a9c3}.compare-traits>div{padding:12px 14px;background:#e8a1bc09;border:1px solid #e7a2be17;border-radius:12px;margin:10px 0}.compare-traits p{font-size:14px;color:#d2b1c2;margin:6px 0}.compare-odd{position:relative;display:flex;justify-content:space-between;gap:14px;padding:10px 12px;font-size:14px;border-radius:7px;overflow:hidden;margin:6px 0;background:#fff3}.compare-odd>i{position:absolute;inset:0 auto 0 0;background:#ca72994a;z-index:0}.compare-odd>span,.compare-odd>b{position:relative;z-index:1}.compare-card>.button{margin-top:24px}.compare-empty-card{min-height:350px;padding:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed #d793b046;border-radius:24px;background:#c4689207}.compare-empty-card>span{font-size:50px;color:#e7a6c2}.compare-empty-card p{color:#bfa1b0}.compare-empty{padding:70px 24px;text-align:center;max-width:900px;margin:25px auto}.compare-empty-symbol{display:inline-grid;place-items:center;background:#b74e7a26;padding:25px;border-radius:22px}.compare-empty-symbol svg{width:38px;height:38px}.compare-empty h2{font-size:30px}.compare-empty p{max-width:540px;margin:20px auto 28px;color:#c6a8b6}.compare-footnote{margin:25px 0 60px}
.studio-intro{padding:28px;margin-bottom:22px}.studio-intro h2{font-size:32px;margin:8px 0}.studio-intro h2 span{color:#e6a8c3}.studio-intro>p{color:#c9aab9;margin-bottom:24px;max-width:800px}.font-roles{display:grid;grid-template-columns:1fr 1fr;gap:14px}.font-roles>button{text-align:left;border:1px solid #d694b22b;background:#120c124d;border-radius:14px;padding:18px}.font-roles>button.selected{background:linear-gradient(120deg,#a4446a42,#441f3020);border-color:#e6a4c1a6}.font-roles span{display:block;font-size:14px;color:#c9a7b9;margin-bottom:6px}.font-roles strong{font-size:20px}.font-presets{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;align-items:center}.font-presets>span{font-size:14px;margin-right:8px;color:#c7a7b8}.font-playground{padding:36px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;background:radial-gradient(ellipse at 90% 20%,#9f365f36,transparent 65%),linear-gradient(135deg,#311825aa,#1b1018aa)}.font-playground h2{font-size:clamp(28px,3vw,45px);line-height:1.2;letter-spacing:-1px;margin:18px 0}.font-playground h2 span{color:#e5abc4}.font-playground p{max-width:650px;min-height:60px;border-radius:8px;line-height:1.7;outline-color:#e8b3cb}.font-example-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.font-demo-stat{border-left:1px solid #e5a0bd26;padding:25px;display:flex;flex-direction:column;gap:7px}.font-demo-stat>strong{font-size:64px;line-height:1.2;letter-spacing:-2px}.font-demo-stat>strong small{font-size:30px}.font-demo-stat>span{font-size:14px;color:#cfaabc}.font-browser-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:26px 0 18px}.font-browser-head h3{font-size:21px}.font-browser-head h3>span{font-size:14px;margin-left:12px}.font-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.font-card{text-align:left;position:relative;padding:22px;border:1px solid #e3a1bd26;border-radius:18px;background:linear-gradient(135deg,#3b203144,#1c121b88);transition:transform .2s,border-color .2s}.font-card:hover{transform:translateY(-3px);border-color:#e7abc566}.font-card.selected{border-color:#edb5d0;background:linear-gradient(135deg,#71325177,#2c1826);box-shadow:0 0 0 1px #e7a8c024}.font-card>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.font-label{font-size:14px;font-weight:650}.font-card small{font-size:13px;color:#bf9dad}.font-card>strong,.font-card>p,.font-digits{font-family:var(--sample-font)}.font-card>strong{display:block;font-size:32px;margin-top:24px;line-height:1.3;letter-spacing:-.4px}.font-card>p{font-size:16px;margin:9px 0}.font-digits{font-size:18px;color:#c9a8b9;letter-spacing:1px}.font-card>i{display:block;margin-top:20px;font-size:13px;color:#e0aec6;font-style:normal}.font-publish{position:sticky;bottom:18px;z-index:25;margin-top:26px;padding:22px;background:#2c1725ee;backdrop-filter:blur(24px);box-shadow:0 10px 40px #0007;border-color:#cb7ca14d}.font-publish strong{font-size:20px}.font-publish p{margin:7px 0}.font-publish-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.font-publish-actions>.primary{margin-left:auto}.data-tabs{margin-bottom:20px;width:fit-content}.data-list{display:grid;gap:12px}.data-row{padding:22px;display:grid;grid-template-columns:minmax(0,1fr) 130px 125px auto;align-items:center;gap:20px}.data-row h3{font-size:19px;margin:0;overflow-wrap:anywhere}.data-row p{font-size:14px;color:#c1a2b1;margin:5px 0;overflow-wrap:anywhere}.data-row-stat{display:flex;flex-direction:column}.data-row-stat b{font-size:24px}.data-row-stat small{font-size:13px;color:#c2a3b1}.data-row .role-badge{width:fit-content}.data-editor-modal{width:92vw;max-width:850px}.studio-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.studio-fields .form-field{min-width:0}.studio-source-fields{padding-top:22px;border-top:1px solid #db96b332;margin-top:22px}.trait-edit-row{background:#a7527910;border:1px solid #c789a533;border-radius:14px;padding:18px;margin-bottom:15px}.trait-edit-title{display:flex;align-items:center;gap:15px}.trait-edit-title>.form-field{flex:1}.trait-edit-title>.icon-button{flex-shrink:0}.trait-edit-row .studio-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.trait-edit-row summary{font-size:14px;color:#d7adc2;cursor:pointer}.studio-check{display:flex;align-items:center;gap:9px;font-size:14px}.studio-check input{width:20px;height:20px}.studio-history{margin-top:26px;padding:22px}.studio-history summary{font-size:18px;font-weight:700;cursor:pointer;margin-bottom:16px}.studio-history-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid #da95b225;font-size:15px}.studio-history-row small{display:block;color:#c1a0b0;margin-top:4px;overflow-wrap:anywhere}.studio-history-row>span{min-width:0}.studio-history-row>button{flex-shrink:0}.data-review{padding:20px;background:#4a29354a;border:1px solid #e0acbd46;border-radius:14px;margin-bottom:22px}.data-review>div{display:flex;flex-direction:column;gap:8px;border-top:1px solid #ffffff18;padding:14px 0}.data-review del,.data-review ins{display:block;overflow-wrap:anywhere;white-space:pre-wrap;font-size:14px}.data-review del{color:#dcb6b4;text-decoration:none}.data-review del:before{content:'Before: ';font-weight:bold}.data-review ins{color:#b3d2bf;text-decoration:none}.data-review ins:before{content:'After: ';font-weight:bold}
@media(max-width:1250px){.font-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.font-playground{grid-template-columns:1fr}.font-demo-stat{border-left:0;border-top:1px solid #e5a0bd26;padding:20px 0 0}.data-row{grid-template-columns:minmax(0,1fr) 110px auto}.data-row>.role-badge{grid-column:1}.compare-card{padding:20px}.compare-ingredients{grid-template-columns:1fr;min-height:250px}.nav-wrap nav{gap:14px}.nav-wrap nav .icon{display:none}}
@media(max-width:900px){.compare-grid{grid-template-columns:1fr}.compare-card h2,.compare-ingredients{min-height:0}.compare-ingredients{grid-template-columns:1fr 1fr}.compare-card h2{font-size:26px}.compare-controls{padding:20px}.compare-settings{grid-template-columns:1fr 1fr}.compare-settings>.form-field:first-child{grid-column:1/-1}.compare-empty-card{min-height:180px}.font-playground{grid-template-columns:1fr auto}.font-demo-stat{border-top:0;border-left:1px solid #e5a0bd26;padding:22px}.data-row{grid-template-columns:minmax(0,1fr) 110px auto}.nav-wrap nav{gap:16px}}
@media(max-width:600px){.compare-card{padding:23px}.compare-caption{align-items:flex-start;flex-direction:column}.compare-caption p{margin-bottom:0}.compare-ingredients{grid-template-columns:1fr 1fr;gap:10px}.compare-ingredients img{width:34px}.compare-workbench-actions{padding:20px}.compare-workbench-actions .button{font-size:15px}#compare-tray{bottom:85px;left:18px;right:18px;gap:12px;justify-content:space-between;padding:10px 12px}#compare-tray>span{font-size:14px}#compare-tray>span>span{display:none}.font-playground{grid-template-columns:1fr;padding:24px}.font-demo-stat{border-left:0;border-top:1px solid #e5a0bd26;padding:20px 0 0}.font-browser-head{align-items:stretch;flex-direction:column;gap:5px}.font-grid{gap:12px}.font-card{padding:16px}.font-card>strong{font-size:25px}.font-card>p{font-size:14px}.font-label{font-size:13px}.font-card>div{min-height:48px}.font-publish{position:static;padding:20px}.font-publish-actions .button{width:100%;margin:0}.studio-intro{padding:22px}.font-roles{grid-template-columns:1fr}.font-roles>button{padding:14px}.font-roles strong{font-size:18px}.data-row{padding:20px;grid-template-columns:minmax(0,1fr) 90px;gap:12px}.data-row>.button{font-size:14px;padding:10px}.data-row>.role-badge{font-size:13px}.studio-fields{grid-template-columns:1fr}.trait-edit-row .studio-fields{grid-template-columns:1fr 1fr}.trait-edit-row .studio-fields>label:last-child{grid-column:1/-1}.studio-history{padding:18px 0}.studio-history-row{flex-wrap:wrap}.data-editor-modal{width:95vw}.nav-wrap nav{gap:18px}.nav-wrap nav .nav-link{font-size:14px}}
@media(prefers-reduced-motion:reduce){.font-card,.compare-card{animation:none;transition:none}.font-card:hover{transform:none}}

.compare-mode{max-width:100%}.compare-mode button{flex:0 0 auto;white-space:nowrap;font-size:15px}