*{box-sizing:border-box}:root{--ink:#16191d;--muted:#6e737b;--line:#dedfdf;--line-soft:#e9e9e7;--paper:#f5f5f2;--panel:#fbfbf9;--accent:#8f3f2e}html{scroll-behavior:smooth;background:var(--paper)}body{color:var(--ink);background:radial-gradient(circle at 12% 0%, #ffffffe0, transparent 27rem), var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #4464d9}.studio{min-height:100vh;overflow:hidden}.site-header{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;width:min(1500px,100% - 48px);height:76px;margin:0 auto;display:grid}.tone-logo,.site-footer>div{color:var(--ink);letter-spacing:-.025em;align-items:center;gap:9px;font-size:18px;font-weight:650;text-decoration:none;display:inline-flex}.tone-logo-dot{background:conic-gradient(from 210deg,#334b71,#8d5362,#b87942,#4d6b58,#334b71);border-radius:999px;width:15px;height:15px;display:inline-block;box-shadow:inset 0 0 0 4px #ffffff59}.site-nav{align-items:center;gap:32px;display:flex}.site-nav a,.header-link{color:#545960;font-size:13px;font-weight:520;text-decoration:none}.site-nav a:hover{color:var(--ink)}.header-link{cursor:pointer;background:0 0;border:0;justify-self:end;align-items:center;gap:7px;padding:8px 0;display:inline-flex}.intro{grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);align-items:end;gap:80px;width:min(1500px,100% - 48px);margin:0 auto;padding:92px 0 78px;display:grid}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#7a7f85;margin:0 0 18px;font-size:11px;font-weight:700}.intro h1,.handoff h2{letter-spacing:-.072em;margin:0;font-size:clamp(58px,6.2vw,104px);font-weight:540;line-height:.91}.intro h1 em{letter-spacing:-.055em;font-family:Georgia,Times New Roman,serif;font-weight:400}.intro-copy{padding-bottom:7px}.intro-copy>p{letter-spacing:-.018em;color:#5f646a;max-width:580px;margin:0 0 26px;font-size:17px;line-height:1.65}.remix-button{cursor:pointer;background:#ffffff7a;border:1px solid #d5d6d4;border-radius:999px;align-items:center;gap:8px;padding:11px 15px 11px 12px;font-size:12px;font-weight:650;transition:background .16s,border-color .16s,transform .16s;display:inline-flex}.remix-button:hover{background:#fff;border-color:#c2c4c1;transform:translateY(-1px)}.workspace{background:var(--panel);border:1px solid #d8d9d7;border-radius:20px;grid-template-columns:360px minmax(0,1fr);width:min(1500px,100% - 48px);min-height:920px;margin:0 auto;display:grid;overflow:hidden;box-shadow:0 30px 80px #1a1e220e}.control-panel{border-right:1px solid var(--line);background:#f9f9f6;padding:27px 24px 34px}.panel-heading,.preview-heading{justify-content:space-between;align-items:flex-start;gap:16px;min-height:52px;display:flex}.panel-heading>div,.preview-heading>div:first-child{align-items:flex-start;gap:12px;display:flex}.step-index{color:#94989b;font-variant-numeric:tabular-nums;letter-spacing:.08em;flex:none;margin-top:3px;font-size:9px;font-weight:700}.panel-heading h2,.preview-heading h2{letter-spacing:-.025em;margin:0;font-size:15px;font-weight:650}.panel-caption{color:#94989b;margin-top:3px;font-size:10px}.preset-list{grid-template-columns:1fr 1fr;gap:7px;margin-top:18px;display:grid}.preset-card{text-align:left;cursor:pointer;background:#ffffff85;border:1px solid #e0e1de;border-radius:10px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-width:0;min-height:58px;padding:8px 9px;transition:border-color .14s,background .14s,transform .14s;display:grid}.preset-card:hover{background:#fff;border-color:#c8cac6;transform:translateY(-1px)}.preset-card.is-selected{background:#fff;border-color:#969a95;box-shadow:inset 0 0 0 1px #15181b0f}.preset-swatch{border-radius:6px;width:28px;height:36px;box-shadow:inset 0 0 0 1px #00000012}.preset-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.preset-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:690;line-height:1.1;overflow:hidden}.preset-copy small{color:#878b8e;white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.preset-check{color:#636863;place-items:center;display:grid}.panel-divider{background:var(--line-soft);height:1px;margin:25px 0 22px}.control-section{margin-bottom:28px}.section-label-row,.axis-head,.axis-ends{justify-content:space-between;gap:12px;display:flex}.section-label-row{margin-bottom:9px}.section-label-row label,.axis-head strong{font-size:10px;font-weight:680}.section-label-row span,.axis-ends small{color:#9a9d9e;font-size:8px}.color-control{grid-template-columns:42px 1fr 18px;align-items:center;gap:8px;height:42px;display:grid}.color-chip{cursor:pointer;border-radius:8px;width:42px;height:42px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000014}.color-chip input{opacity:0;cursor:pointer;position:absolute;inset:0}.hex-input{color:#565a5e;text-transform:uppercase;background:#fff;border:1px solid #dedfdd;border-radius:8px;width:100%;height:42px;padding:0 11px;font-family:SFMono-Regular,Consolas,monospace;font-size:11px}.color-result{border-radius:999px;width:11px;height:11px;box-shadow:0 0 0 1px #0000001a}.axis-controls{flex-direction:column;gap:22px;display:flex}.axis-control{display:block}.axis-head{align-items:center;margin-bottom:8px}.axis-head output{color:#85898c;font-variant-numeric:tabular-nums;font-family:SFMono-Regular,Consolas,monospace;font-size:9px}.axis-control input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:12px;margin:0}.axis-control input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#afb2b0 0%,#dfe0dd 100%);height:2px}.axis-control input[type=range]::-webkit-slider-thumb{appearance:none;background:#33373b;border:2px solid #f9f9f6;border-radius:999px;width:12px;height:12px;margin-top:-5px;box-shadow:0 0 0 1px #7e8280}.axis-control input[type=range]::-moz-range-track{background:#d5d6d3;height:2px}.axis-control input[type=range]::-moz-range-thumb{background:#33373b;border:1px solid #777b79;border-radius:999px;width:10px;height:10px}.axis-ends{margin-top:4px}.preview-panel{background:linear-gradient(#ffffffa1,#ffffff4d),repeating-linear-gradient(0deg,#0000 0 39px,#14181c05 39px 40px),#f0f1ef;min-width:0;padding:27px 28px 26px}.preview-heading{margin-bottom:22px}.preview-heading h2{margin-bottom:5px}.preview-heading p{color:#85898c;max-width:600px;margin:0;font-size:10px;line-height:1.45}.device-toggle{background:#ffffffad;border:1px solid #dadbd8;border-radius:8px;padding:3px;display:flex}.device-toggle button{color:#999d9f;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;width:30px;height:26px;padding:0;display:grid}.device-toggle button.is-active{color:#34383b;background:#fff;box-shadow:0 1px 4px #00000014}.preview-shell{background:#e7e8e5;border:1px solid #d1d3d0;border-radius:13px;width:100%;margin:0 auto;transition:width .28s;overflow:hidden;box-shadow:0 25px 70px #191e231f}.preview-shell.mobile{width:min(390px,100%)}.browser-chrome{background:#e9eae7;border-bottom:1px solid #d5d6d3;align-items:center;gap:5px;height:37px;padding:0 12px;display:flex}.browser-chrome>span{background:#b6b9b5;border-radius:999px;width:6px;height:6px}.address-pill{color:#9a9d9a;background:#ffffff7a;border:1px solid #d8d9d6;border-radius:5px;place-items:center;width:155px;height:20px;margin-left:auto;margin-right:auto;font-size:7px;display:grid;transform:translate(-11px)}.preview-page{background:var(--p-canvas);min-height:600px;color:var(--p-text);letter-spacing:var(--p-track);transition:background var(--p-motion) ease, color var(--p-motion) ease;padding:0 5.5% 5.5%}.sample-nav{border-bottom:1px solid var(--p-border);grid-template-columns:1fr auto 1fr;align-items:center;min-height:65px;font-size:8px;display:grid}.sample-brand{letter-spacing:-.02em;align-items:center;gap:7px;font-size:9px;font-weight:720;display:flex}.sample-mark{border:3px solid var(--p-accent);border-radius:50%;width:12px;height:12px}.sample-links{color:var(--p-soft);gap:21px;display:flex}.sample-ghost{border:1px solid var(--p-border);background:var(--p-surface);color:var(--p-text);border-radius:var(--p-radius);justify-self:end;padding:6px 10px;font-size:7px}.sample-main{padding-top:54px}.sample-hero{max-width:620px;padding-bottom:50px}.sample-kicker{color:var(--p-soft);text-transform:uppercase;letter-spacing:.13em;align-items:center;gap:8px;margin-bottom:17px;font-size:7px;font-weight:700;display:flex}.sample-kicker span{background:var(--p-accent);width:22px;height:1px}.sample-hero h2{letter-spacing:-.058em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,5.1vw,72px);font-weight:400;line-height:.95}.sample-hero>p{max-width:440px;color:var(--p-soft);letter-spacing:-.01em;margin:20px 0 0;font-size:10px;line-height:1.55}.sample-actions{align-items:center;gap:16px;margin-top:25px;display:flex}.sample-primary,.sample-text-button{cursor:default;border:0;font-size:8px;font-weight:680}.sample-primary{border-radius:var(--p-radius);background:var(--p-accent);color:var(--p-accent-ink);box-shadow:var(--p-shadow);padding:10px 12px}.sample-primary span{padding-left:8px}.sample-text-button{color:var(--p-text);text-decoration:underline;-webkit-text-decoration-color:var(--p-border);text-decoration-color:var(--p-border);text-underline-offset:4px;background:0 0}.sample-grid{grid-template-columns:1.45fr 1fr 1fr;gap:9px;display:grid}.sample-feature{border:1px solid var(--p-border);border-radius:var(--p-radius);background:var(--p-surface);min-height:190px;transition:background var(--p-motion) ease, border-color var(--p-motion) ease, border-radius var(--p-motion) ease;flex-direction:column;justify-content:space-between;padding:16px;display:flex;overflow:hidden}.sample-feature-large{background:var(--p-surface-strong);min-height:240px}.sample-feature-top{color:var(--p-soft);text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;font-size:6px;display:flex}.sample-feature h3{letter-spacing:-.035em;margin:0 0 4px;font-family:Georgia,Times New Roman,serif;font-size:16px;font-weight:400}.sample-feature p{color:var(--p-soft);margin:0;font-size:7px}.sample-orbit{place-items:center;width:92px;height:92px;margin:7px auto 4px;display:grid;position:relative}.sample-orbit span{border-radius:50%;position:absolute}.orbit-one{border:1px solid var(--p-border);inset:4px;transform:rotate(18deg)scaleY(.55)}.orbit-two{border:1px solid var(--p-accent);opacity:.7;inset:17px 2px;transform:rotate(-32deg)}.orbit-core{background:var(--p-accent);width:25px;height:25px;box-shadow:0 0 26px var(--p-accent-soft)}.sample-bars{align-items:flex-end;gap:5px;height:54px;display:flex}.sample-bars i{border-radius:calc(var(--p-radius) * .5);background:var(--p-accent-soft);width:16%}.sample-bars i:first-child{height:35%}.sample-bars i:nth-child(2){height:68%}.sample-bars i:nth-child(3){height:46%}.sample-bars i:nth-child(4){background:var(--p-accent);height:88%}.sample-quote blockquote{letter-spacing:-.03em;margin:auto 0;font-family:Georgia,Times New Roman,serif;font-size:15px;line-height:1.28}.sample-avatar-row{color:var(--p-soft);align-items:center;gap:7px;font-size:6px;display:flex}.sample-avatar{background:linear-gradient(135deg, var(--p-accent-soft), var(--p-accent));border-radius:50%;width:15px;height:15px}.preview-shell.mobile .preview-page{padding:0 20px 24px}.preview-shell.mobile .sample-nav{grid-template-columns:1fr auto}.preview-shell.mobile .sample-links{display:none}.preview-shell.mobile .sample-main{padding-top:40px}.preview-shell.mobile .sample-hero h2{font-size:42px}.preview-shell.mobile .sample-grid{grid-template-columns:1fr}.preview-shell.mobile .sample-feature{min-height:170px}.preview-shell.mobile .sample-feature-large{min-height:220px}.token-strip{grid-template-columns:repeat(6,1fr);gap:7px;margin-top:15px;display:grid}.token-swatch{text-align:left;cursor:pointer;background:#ffffff9e;border:1px solid #dcdedb;border-radius:9px;min-width:0;padding:7px}.token-swatch>span{border-radius:5px;width:100%;height:25px;margin-bottom:7px;display:block;box-shadow:inset 0 0 0 1px #0001}.token-swatch small,.token-swatch strong{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.token-swatch small{color:#8c9092;margin-bottom:2px;font-size:7px}.token-swatch strong{color:#555a5e;font-family:SFMono-Regular,Consolas,monospace;font-size:7px;font-weight:560}.quality-row{border-top:1px solid #dfe0dd;grid-template-columns:repeat(4,1fr);margin-top:14px;padding:14px 4px 2px;display:grid}.quality-row>div{grid-template-columns:auto auto;justify-content:start;align-items:center;column-gap:6px;min-width:0;display:grid}.quality-row>div+div{border-left:1px solid #e0e1de;padding-left:16px}.quality-row strong{font-size:10px;font-weight:700}.quality-row small{color:#95999b;grid-column:2;font-size:7px}.quality-row>div:nth-child(n+3) small{grid-column:1}.quality-dot{background:#9ba59b;border-radius:50%;grid-row:span 2;width:7px;height:7px}.quality-dot.excellent{background:#547961}.handoff{grid-template-columns:.85fr 1.15fr;align-items:start;gap:9vw;width:min(1500px,100% - 48px);margin:0 auto;padding:138px 0 116px;display:grid}.handoff-intro>.step-index{margin-bottom:48px;display:block}.handoff h2{font-size:clamp(54px,5.2vw,86px)}.handoff-copy{color:#6b7075;max-width:490px;margin:32px 0 0;font-size:14px;line-height:1.7}.tone-dna{border-top:1px solid var(--line);color:#8b8f92;text-transform:uppercase;letter-spacing:.12em;justify-content:space-between;align-items:end;max-width:490px;margin-top:45px;padding-top:14px;font-size:9px;display:flex}.tone-dna>div{align-items:end;gap:4px;height:62px;display:flex}.tone-dna i{background:#44494c;border-radius:3px 3px 1px 1px;width:7px;transition:height .18s;display:block}.export-card{background:#141719;border:1px solid #d4d6d2;border-radius:17px;min-width:0;overflow:hidden;box-shadow:0 35px 90px #191d2029}.export-tabs{border-bottom:1px solid #ffffff17;align-items:center;gap:4px;min-height:52px;padding:0 13px;display:flex}.export-tabs>button{color:#767b7e;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 10px;font-size:9px;font-weight:650}.export-tabs>button.is-active{color:#e9eae7;background:#ffffff0f}.export-tabs .export-copy{color:#aeb2b2;align-items:center;gap:6px;margin-left:auto;display:inline-flex}.export-code{color:#c9ceca;white-space:pre-wrap;tab-size:2;background:radial-gradient(circle at 90% 10%,#6b5b9121,#0000 25rem),#141719;min-height:430px;max-height:560px;margin:0;padding:28px 30px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;line-height:1.72;overflow:auto}.export-code::-webkit-scrollbar{width:8px;height:8px}.export-code::-webkit-scrollbar-thumb{background:#313538;border-radius:9px}.export-footer{color:#6d7274;border-top:1px solid #ffffff17;justify-content:space-between;align-items:center;gap:18px;min-height:48px;padding:0 22px;font-size:8px;display:flex}.export-footer span:first-child{color:#94999a;align-items:center;gap:7px;display:flex}.export-footer i{border-radius:50%;width:7px;height:7px}.site-footer{border-top:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;width:min(1500px,100% - 48px);min-height:100px;margin:0 auto;display:grid}.site-footer p,.site-footer>span{color:#888c8f;margin:0;font-size:9px}.site-footer>span{justify-self:end}@media (max-width:1180px){.workspace{grid-template-columns:320px minmax(0,1fr)}.preset-list{grid-template-columns:1fr}.sample-grid{grid-template-columns:1fr 1fr}.sample-feature-large{grid-column:span 2}.token-strip{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.site-header,.intro,.workspace,.handoff,.site-footer{width:min(100% - 28px,720px)}.site-header{grid-template-columns:1fr auto}.site-nav{display:none}.intro{grid-template-columns:1fr;gap:36px;padding:70px 0 54px}.intro h1{font-size:clamp(56px,15vw,92px)}.intro-copy>p{max-width:640px}.workspace{display:block;overflow:visible}.control-panel{border-right:0;border-bottom:1px solid var(--line);border-radius:20px 20px 0 0}.preset-list{grid-template-columns:repeat(3,1fr)}.axis-controls{grid-template-columns:1fr 1fr;column-gap:30px;display:grid}.preview-panel{border-radius:0 0 20px 20px}.handoff{grid-template-columns:1fr;gap:55px;padding:105px 0 90px}.handoff h2{font-size:clamp(54px,13vw,84px)}.site-footer{grid-template-columns:1fr auto}.site-footer p{display:none}}@media (max-width:620px){.site-header,.intro,.workspace,.handoff,.site-footer{width:calc(100% - 22px)}.site-header{height:64px}.header-link{font-size:11px}.intro{padding-top:58px}.eyebrow{font-size:9px}.intro h1{font-size:clamp(50px,17vw,74px)}.intro-copy>p{font-size:14px}.control-panel,.preview-panel{padding-left:16px;padding-right:16px}.preset-list{grid-template-columns:1fr 1fr}.axis-controls{grid-template-columns:1fr}.preview-heading{align-items:start}.preview-heading p{max-width:230px}.browser-chrome{height:31px}.address-pill{width:105px}.preview-page{min-height:530px;padding:0 16px 22px}.sample-nav{grid-template-columns:1fr auto}.sample-links{display:none}.sample-main{padding-top:38px}.sample-hero{padding-bottom:36px}.sample-hero h2{font-size:41px}.sample-grid,.preview-shell.desktop .sample-grid{grid-template-columns:1fr}.sample-feature-large{grid-column:auto}.sample-feature:nth-child(n+3){display:none}.token-strip{grid-template-columns:repeat(2,1fr)}.quality-row{grid-template-columns:1fr 1fr;row-gap:14px}.quality-row>div+div{border-left:0;padding-left:0}.quality-row>div:nth-child(2n){border-left:1px solid #e0e1de;padding-left:14px}.handoff{padding-top:88px}.handoff-intro>.step-index{margin-bottom:34px}.handoff h2{font-size:54px}.export-code{min-height:370px;padding:22px 18px;font-size:9px}.export-footer{padding:0 15px}.export-footer span:last-child,.site-footer>span{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
.site-footer{display:none}.labs-section{width:min(1500px,100% - 48px);color:var(--ink);margin:0 auto}.labs-heading,.compare-topline{grid-template-columns:1fr minmax(360px,.62fr);align-items:end;gap:8vw;display:grid}.labs-index{color:#94989b;letter-spacing:.08em;margin-bottom:48px;font-size:9px;font-weight:700;display:block}.labs-heading h2,.compare-topline h2{letter-spacing:-.066em;margin:0;font-size:clamp(54px,5.2vw,86px);font-weight:540;line-height:.92}.labs-heading-copy{padding-bottom:6px}.labs-heading-copy>p{color:#64696e;letter-spacing:-.012em;max-width:560px;margin:0 0 18px;font-size:15px;line-height:1.7}.labs-heading-copy>span{color:#979b9d;font-size:9px}.reverse-section{border-top:1px solid var(--line);padding:136px 0 132px}.reverse-grid{background:#f8f8f5;border:1px solid #d8d9d7;border-radius:20px;grid-template-columns:.72fr 1.28fr;min-height:610px;margin-top:60px;display:grid;overflow:hidden;box-shadow:0 30px 80px #1a1e220d}.reverse-input-card,.reverse-output-card{min-width:0;padding:27px}.reverse-input-card{border-right:1px solid var(--line);background:#f8f8f5}.reverse-output-card{background:radial-gradient(circle at 85% 10%,#5b658414,#0000 23rem),#efefec}.lab-tabs{background:#eeeeeb;border:1px solid #dedfdd;border-radius:9px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.lab-tabs button{color:#8c9092;cursor:pointer;background:0 0;border:0;border-radius:6px;height:34px;font-size:10px;font-weight:650}.lab-tabs button.is-active{color:#303437;background:#fff;box-shadow:0 1px 5px #00000012}.image-drop{cursor:pointer;background:#fdfdfb;border:1px dashed #c9cbc7;border-radius:14px;place-items:center;min-height:305px;margin-top:22px;display:grid;position:relative;overflow:hidden}.image-drop input{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;position:absolute;inset:0}.image-drop img{object-fit:contain;background-color:#fbfbf8;background-image:linear-gradient(45deg,#f3f3f0 25%,#0000 25%),linear-gradient(-45deg,#f3f3f0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f3f3f0 75%),linear-gradient(-45deg,#0000 75%,#f3f3f0 75%),none;background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;width:100%;height:305px;padding:24px}.image-drop>small{color:#fff;text-overflow:ellipsis;white-space:nowrap;z-index:1;background:#141719c7;border-radius:5px;max-width:calc(100% - 24px);padding:5px 8px;font-size:8px;position:absolute;bottom:10px;left:12px;overflow:hidden}.image-drop-placeholder{text-align:center;color:#85898b;flex-direction:column;align-items:center;display:flex}.image-drop-placeholder svg{color:#63686b;margin-bottom:16px}.image-drop-placeholder strong{color:#464a4d;margin-bottom:7px;font-size:12px}.image-drop-placeholder span{font-size:9px}.url-inspector{background:#fdfdfb;border:1px solid #dcddda;border-radius:14px;min-height:305px;margin-top:22px;padding:58px 22px 24px}.url-inspector label{color:#6d7275;text-transform:uppercase;letter-spacing:.1em;margin-bottom:9px;font-size:9px;font-weight:680;display:block}.url-inspector>div{background:#fff;border:1px solid #d5d7d3;border-radius:9px;grid-template-columns:minmax(0,1fr) auto;display:grid;overflow:hidden}.url-inspector input{color:#363a3d;background:0 0;border:0;outline:0;min-width:0;height:46px;padding:0 13px;font-size:11px}.url-inspector button{color:#fff;cursor:pointer;background:#202427;border:0;border-left:1px solid #d8d9d6;min-width:88px;font-size:9px;font-weight:680}.url-inspector button:disabled{opacity:.55;cursor:progress}.url-inspector p{color:#929698;margin:16px 0 0;font-size:9px;line-height:1.55}.reverse-explainer{border-top:1px solid #e1e2df;margin-top:22px;padding-top:17px}.reverse-explainer>span{color:#8c9092;text-transform:uppercase;letter-spacing:.1em;font-size:8px}.reverse-explainer ul{grid-template-columns:1fr 1fr;gap:7px 15px;margin:10px 0 0;padding:0;list-style:none;display:grid}.reverse-explainer li{color:#696e71;font-size:9px}.reverse-explainer li:before{content:"·";color:#999d9f;margin-right:6px}.lab-error{color:#864c40;background:#fff7f4;border:1px solid #dfc8c2;border-radius:8px;margin:17px 0 0;padding:10px 11px;font-size:9px;line-height:1.5}.reverse-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100%;display:flex}.reverse-empty-mark{border:1px solid #c9ccc8;border-radius:50%;width:72px;height:72px;margin-bottom:25px;position:relative}.reverse-empty-mark:before,.reverse-empty-mark:after{content:"";border:1px solid #d6d8d4;border-radius:50%;position:absolute;inset:13px}.reverse-empty-mark:after{background:#868c88;border:0;inset:27px}.reverse-empty h3{letter-spacing:-.03em;margin:0 0 10px;font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:400}.reverse-empty p{color:#898d90;max-width:430px;margin:0;font-size:10px;line-height:1.65}.reverse-result{max-width:760px;margin:0 auto}.reverse-result-head{justify-content:space-between;align-items:center;gap:30px;display:flex}.reverse-result-head p{color:#8c9093;text-transform:uppercase;letter-spacing:.12em;margin:0 0 6px;font-size:8px}.reverse-result-head h3{letter-spacing:-.05em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,4vw,54px);font-weight:400}.reverse-result-head>div:first-child>span{color:#8b8f91;text-overflow:ellipsis;white-space:nowrap;max-width:510px;margin-top:7px;font-size:8px;display:block;overflow:hidden}.confidence-ring{--confidence:0deg;background:radial-gradient(circle, #efefec 56%, transparent 57%), conic-gradient(#3e4542 var(--confidence), #d8dad6 0);border-radius:50%;flex:0 0 72px;align-content:center;place-items:center;width:72px;height:72px;display:grid}.confidence-ring strong,.confidence-ring small{text-align:center;display:block}.confidence-ring strong{font-size:17px;line-height:1}.confidence-ring small{color:#878b8d;margin-top:4px;font-size:7px}.reverse-palette{border:1px solid #00000012;border-radius:10px;height:56px;margin-top:26px;display:flex;overflow:hidden}.reverse-palette span{flex:1;min-width:0}.reverse-dna{grid-template-columns:1fr 1fr;gap:17px 24px;margin-top:27px;display:grid}.reverse-dna>div>div:first-child{justify-content:space-between;gap:12px;margin-bottom:6px;display:flex}.reverse-dna span,.reverse-dna strong{font-size:8px}.reverse-dna span{color:#74797c}.reverse-dna strong{color:#454a4d;font-family:SFMono-Regular,Consolas,monospace}.reverse-track{background:#d7d9d5;height:2px;overflow:hidden}.reverse-track i{background:#454b48;height:100%;display:block}.reverse-dna small{color:#a0a3a4;margin-top:5px;font-size:7px;display:block}.reverse-observations{background:#ffffff6b;border:1px solid #d8dad6;border-radius:10px;margin-top:25px;padding:14px 16px}.reverse-observations p{color:#73787b;margin:0;font-size:8px;line-height:1.55}.reverse-observations p+p{margin-top:4px}.reverse-observations p:before{content:"—";color:#a1a4a5;margin-right:7px}.reverse-token-preview{border-radius:999px;height:16px;margin-top:16px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #00000012}.reverse-token-preview i{flex:1}.reverse-actions{gap:8px;margin-top:24px;display:flex}.lab-primary,.lab-secondary{cursor:pointer;border-radius:8px;min-height:39px;padding:0 14px;font-size:9px;font-weight:680}.lab-primary{color:#fff;background:#202427;border:0;align-items:center;gap:8px;display:inline-flex}.lab-secondary{color:#565b5e;background:#fff9;border:1px solid #d2d4d0}.compare-section{border-top:1px solid var(--line);padding:132px 0 140px}.compare-controls{justify-content:flex-end;align-items:end;gap:8px;padding-bottom:6px;display:flex}.compare-controls label{color:#8b8f91;text-transform:uppercase;letter-spacing:.1em;flex-direction:column;gap:6px;min-width:165px;font-size:8px;display:flex}.compare-controls select,.compare-controls button{color:#464b4e;background:#fff;border:1px solid #d5d7d3;border-radius:8px;height:38px;font-size:9px;font-weight:640}.compare-controls select{padding:0 31px 0 10px}.compare-controls button{cursor:pointer;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.compare-controls button:disabled{opacity:.4;cursor:default}.compare-note{color:#85898b;border-top:1px solid #d8d9d6;border-bottom:1px solid #d8d9d6;justify-content:space-between;gap:30px;margin-top:56px;padding:12px 14px;font-size:9px;display:flex}.compare-note strong{color:#555a5d}.compare-cards{--compare-count:3;grid-template-columns:repeat(var(--compare-count), minmax(0, 1fr));gap:9px;margin-top:18px;padding-bottom:7px;display:grid;overflow-x:auto}.compare-card{background:#fafaf7;border:1px solid #d8dad6;border-radius:14px;min-width:255px;overflow:hidden}.compare-card-head{border-bottom:1px solid #e0e1de;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;height:48px;padding:0 11px;display:grid}.compare-card-head>span{color:#a0a3a5;font-size:7px;font-weight:700}.compare-card-head select{color:#3f4447;background:0 0;border:0;outline:0;min-width:0;height:31px;font-size:11px;font-weight:700}.compare-card-head small{color:#818587;text-transform:uppercase;letter-spacing:.08em;border:1px solid #d6d8d4;border-radius:999px;padding:4px 6px;font-size:6px}.compare-card-head button{color:#a0a3a4;cursor:pointer;background:0 0;border:0;border-radius:5px;width:25px;height:25px}.compare-card-head button:hover{color:#555;background:#eee}.compare-preview{background:var(--c-canvas);min-height:330px;color:var(--c-text);padding:0 17px 17px;overflow:hidden}.compare-preview nav{border-bottom:1px solid var(--c-border);grid-template-columns:1fr auto 1fr;align-items:center;height:48px;font-size:6px;display:grid}.compare-preview nav strong{align-items:center;gap:5px;font-size:7px;display:flex}.compare-preview nav strong i{border:2px solid var(--c-accent);border-radius:50%;width:9px;height:9px}.compare-preview nav span{color:var(--c-soft)}.compare-preview nav button{border:1px solid var(--c-border);border-radius:var(--c-radius);background:var(--c-surface);color:var(--c-text);justify-self:end;padding:5px 7px;font-size:6px}.compare-hero{padding:34px 0 29px}.compare-hero small{color:var(--c-soft);text-transform:uppercase;letter-spacing:.1em;font-size:6px}.compare-hero h4{letter-spacing:-.05em;margin:9px 0 10px;font-family:Georgia,Times New Roman,serif;font-size:clamp(24px,2.4vw,36px);font-weight:400;line-height:.98}.compare-hero p{max-width:260px;color:var(--c-soft);margin:0;font-size:7px;line-height:1.5}.compare-hero button{border-radius:var(--c-radius);background:var(--c-accent);color:var(--c-accent-ink);border:0;margin-top:15px;padding:7px 9px;font-size:6px;font-weight:680}.compare-tiles{grid-template-columns:1.35fr 1fr 1fr;gap:5px;display:grid}.compare-tiles i{border:1px solid var(--c-border);border-radius:var(--c-radius);background:var(--c-surface);height:54px}.compare-tiles i:first-child{background:var(--c-accent);opacity:.86}.compare-score{border-top:1px solid #e0e1de;grid-template-columns:auto 1fr;align-items:end;gap:3px 8px;padding:15px 14px 13px;display:grid}.compare-score strong{letter-spacing:-.04em;font-size:18px}.compare-score span{color:#919597;padding-bottom:2px;font-size:7px}.compare-score i{background:#555d59;grid-column:1/-1;height:2px;margin-top:7px}.compare-axis-list{padding:0 14px 12px}.compare-axis-list>div{grid-template-columns:63px 1fr 23px;align-items:center;gap:8px;min-height:24px;display:grid}.compare-axis-list span,.compare-axis-list strong{font-size:7px}.compare-axis-list span{color:#72777a}.compare-axis-list strong{color:#555a5d;text-align:right;font-family:SFMono-Regular,Consolas,monospace}.compare-axis-list i{background:#dcddd9;height:2px}.compare-axis-list b{background:#656b68;height:100%;display:block}.compare-metrics{border-top:1px solid #e2e3e0;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 14px;display:grid}.compare-metrics div{flex-direction:column;gap:3px;display:flex}.compare-metrics strong{font-size:9px}.compare-metrics span{color:#989b9d;text-transform:uppercase;font-size:6px}.compare-use{color:#515659;cursor:pointer;background:#fff;border:1px solid #d7d8d5;border-radius:7px;justify-content:space-between;align-items:center;width:calc(100% - 28px);height:36px;margin:0 14px 14px;padding:0 10px;font-size:8px;font-weight:680;display:flex}.labs-footer{border-top:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;width:min(1500px,100% - 48px);min-height:100px;margin:0 auto;display:grid}.labs-footer>div{letter-spacing:-.025em;align-items:center;gap:9px;font-size:18px;font-weight:650;display:inline-flex}.labs-footer p,.labs-footer>span{color:#888c8f;margin:0;font-size:9px}.labs-footer>span{justify-self:end}@media (max-width:1180px){.reverse-grid{grid-template-columns:390px minmax(0,1fr)}.compare-cards{grid-template-columns:repeat(var(--compare-count), minmax(270px, 1fr))}}@media (max-width:900px){.labs-section,.labs-footer{width:min(100% - 28px,720px)}.labs-heading,.compare-topline{grid-template-columns:1fr;gap:36px}.reverse-grid{grid-template-columns:1fr}.reverse-input-card{border-right:0;border-bottom:1px solid var(--line)}.reverse-output-card{min-height:560px}.compare-controls{justify-content:flex-start}.compare-note{flex-direction:column;align-items:flex-start;gap:5px}.compare-cards{grid-template-columns:repeat(var(--compare-count), 300px)}.labs-footer{grid-template-columns:1fr auto}.labs-footer p{display:none}}@media (max-width:620px){.labs-section,.labs-footer{width:calc(100% - 22px)}.reverse-section,.compare-section{padding:88px 0}.labs-index{margin-bottom:34px}.labs-heading h2,.compare-topline h2{font-size:52px}.labs-heading-copy>p{font-size:13px}.reverse-input-card,.reverse-output-card{padding:16px}.image-drop,.url-inspector{min-height:270px}.image-drop img{height:270px}.reverse-output-card{min-height:530px}.reverse-dna{grid-template-columns:1fr}.reverse-result-head{align-items:flex-start}.reverse-result-head h3{font-size:38px}.reverse-actions{flex-direction:column}.reverse-actions button{justify-content:center}.compare-controls{flex-direction:column;align-items:stretch}.compare-controls label{width:100%}.compare-cards{grid-template-columns:repeat(var(--compare-count), min(84vw, 300px))}.labs-footer>span{display:none}}