#cc-main{--cc-font-family: "DM Sans", sans-serif;--cc-modal-border-radius: 6px;--cc-btn-border-radius: 4px;--cc-bg: #EDEAE0;--cc-primary-color: #181716;--cc-secondary-color: #58564F;--cc-btn-primary-bg: #E8921A;--cc-btn-primary-color: #EDEAE0;--cc-btn-primary-hover-bg: #C97F15;--cc-btn-secondary-bg: #E8921A;--cc-btn-secondary-color: #EDEAE0;--cc-btn-secondary-hover-bg: #C97F15;--cc-toggle-on-bg: #E8921A;--cc-toggle-off-bg: rgba(24,23,22,.14);--cc-toggle-on-knob-bg: #fff;--cc-toggle-off-knob-bg: rgba(24,23,22,.28);--cc-toggle-readonly-bg: rgba(24,23,22,.08);--cc-toggle-readonly-knob-bg: rgba(24,23,22,.18);--cc-toggle-readonly-knob-icon-color: rgba(24,23,22,.18);--cc-separator-border-color: rgba(24,23,22,.09);--cc-cookie-category-block-bg: #E2DED3;--cc-cookie-category-block-border: rgba(24,23,22,.09);--cc-cookie-category-block-hover-bg: #D9D5CA;--cc-cookie-category-block-hover-border: rgba(24,23,22,.12);--cc-cookie-category-expanded-block-bg: #E2DED3;--cc-cookie-category-expanded-block-hover-bg: rgba(24,23,22,.09);--cc-overlay-bg: rgba(24,23,22,.5);--cc-footer-bg: #EDEAE0;--cc-footer-color: #58564F;--cc-footer-border-color: rgba(24,23,22,.09);font-family:DM Sans,sans-serif!important}#cc-main .cm__btn,#cc-main .pm__btn{display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;height:34px!important;padding:0 15px!important;background:#e8921a!important;color:#edeae0!important;border:none!important;border-radius:4px!important;font-family:DM Sans,sans-serif!important;font-size:11px!important;font-weight:500!important;text-transform:uppercase!important;letter-spacing:.07em!important;white-space:nowrap!important;cursor:pointer!important}#cc-main .cm__btn:hover,#cc-main .pm__btn:hover{background:#c97f15!important}#cc-main .cm__btn[data-role=show]{background:none!important;color:#9c9a93!important;border:none!important;height:auto!important;padding:0!important;font-family:DM Mono,monospace!important;font-size:9px!important;font-weight:400!important;text-transform:uppercase!important;letter-spacing:.1em!important;text-decoration:underline!important;text-underline-offset:3px!important}#cc-main .cm__btn[data-role=show]:hover{background:none!important;color:#58564f!important}#cc-main .cm{background:#edeae0!important;border:1px solid rgba(24,23,22,.14)!important;border-radius:6px!important;padding:20px 22px 18px!important;max-width:460px!important;box-shadow:0 2px 8px #1817160d,0 8px 24px #1817160d!important}#cc-main .cm__texts:before{content:"Privacy & Cookies"!important;display:block!important;font-family:DM Mono,monospace!important;font-size:8.5px!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:#9c9a93!important;margin-bottom:9px!important}#cc-main .cm__title{font-family:DM Sans,sans-serif!important;font-size:14px!important;font-weight:500!important;color:#181716!important;margin-bottom:8px!important}#cc-main .cm__desc{font-family:DM Sans,sans-serif!important;font-size:12.5px!important;color:#58564f!important;line-height:1.72!important}#cc-main .cm__btns{display:flex!important;flex-direction:column!important;gap:10px!important;margin-top:16px!important}#cc-main .cm__btn-group{display:flex!important;flex-direction:column!important;gap:8px!important}#cc-main .cm__btn-group .cm__btn{width:100%!important}#cc-main .pm-overlay{background:#18171680!important}#cc-main .pm{background:#edeae0!important;border:1px solid rgba(24,23,22,.12)!important;border-radius:6px!important;max-width:540px!important}#cc-main .pm__header{display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid rgba(24,23,22,.09)!important;padding:14px 18px!important}#cc-main .pm__close-btn{display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;width:30px!important;height:30px!important;padding:0!important;border:1px solid rgba(24,23,22,.16)!important;border-radius:4px!important;background:transparent!important;cursor:pointer!important;overflow:visible!important}#cc-main .pm__close-btn svg{display:block!important;min-width:16px!important;min-height:16px!important;stroke:#58564f!important;stroke-width:2!important;stroke-linecap:round!important;fill:none!important}#cc-main .pm__close-btn:hover{background:#1817160f!important}#cc-main .pm__close-btn:hover svg{stroke:#181716!important}#cc-main .pm__section--toggle{border-radius:5px!important;overflow:hidden!important;margin-bottom:6px!important}#cc-main .pm__section--toggle .pm__section-title{font-family:DM Mono,monospace!important;font-size:9px!important;font-weight:500!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#e8921a!important;padding:13px 78px 13px 18px!important;cursor:pointer!important}#cc-main .pm__section-desc{font-family:DM Sans,sans-serif!important;font-size:12px!important;color:#9c9a93!important;line-height:1.72!important;padding:0 16px 14px!important}#cc-main .section__toggle-wrapper,#cc-main .toggle__wrapper{display:flex!important;align-items:center!important;top:50%!important;transform:translateY(-50%)!important}#cc-main .pm__footer{border-top:1px solid rgba(24,23,22,.09)!important;display:flex!important;gap:8px!important}#cc-main .pm__btn-group{display:flex!important;gap:8px!important}#cc-main .pm__section-desc,#cc-main .cm__desc,#cc-main .cm__texts{display:block!important;box-sizing:border-box!important}#cc-main,#cc-main *{font-family:DM Sans,sans-serif!important;-webkit-font-smoothing:antialiased!important}#cc-main .pm__title{font-family:DM Mono,monospace!important;font-size:16px!important;font-weight:500!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#e8921a!important}#cc-main .pm__section-title,#cc-main .pm__section-title *{font-family:DM Mono,monospace!important;font-size:9px!important;font-weight:400!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#e8921a!important}#cc-main .pm__section-desc,#cc-main .pm__section-desc *{font-family:DM Sans,sans-serif!important;font-size:12px!important;font-weight:400!important;line-height:1.72!important;letter-spacing:0!important;color:#9c9a93!important}#cc-main .pm__btn,#cc-main .pm__btn *{font-family:DM Sans,sans-serif!important;font-size:11px!important;font-weight:500!important;letter-spacing:.07em!important;text-transform:uppercase!important}#cc-main .cm__title{font-family:DM Sans,sans-serif!important;font-size:14px!important;font-weight:500!important;letter-spacing:-.01em!important;color:#181716!important}#cc-main .cm__desc,#cc-main .cm__btn{font-family:DM Sans,sans-serif!important}#cc-main .pm__section--toggle .pm__section-arrow{display:none!important}.skip-link{position:absolute;top:-100%;left:16px;z-index:9999;background:var(--ink);color:var(--cr);font-family:var(--font-dm-mono);font-size:11px;letter-spacing:.08em;padding:10px 18px;text-decoration:none;border:none;transition:top .1s}.skip-link:focus{top:8px}:root{--cr: #EDEAE0;--cr2: #E2DED3;--cr3: #D3CFC4;--cr4: #C0BCB1;--ink: #181716;--ink2:#58564F;--ink3:#9C9A93;--am: #E8921A;--te: #3ABDB0;--bd: rgba(24,23,22,.12);--bds: rgba(24,23,22,.22)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-dm-mono);background:var(--cr);color:var(--ink);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased}code{font-family:var(--font-dm-mono);font-size:.92em}.site-hdr{border-bottom:1px solid var(--bds);position:sticky;top:0;background:var(--cr);z-index:1000;width:100%}.hinner{width:100%;padding:0 40px;height:54px;display:flex;align-items:center;justify-content:space-between}.mw{max-width:1120px;margin:0 auto;padding:0 32px}.logo{display:flex;align-items:center;gap:11px;cursor:pointer;text-decoration:none}.logo svg.sig{height:26px;width:26px}.logo svg.wm{height:16px;width:auto}.nav-blog-link{font-family:var(--font-dm-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink2);text-decoration:none;transition:color .12s;margin-left:28px}.nav-blog-link:hover{color:var(--ink)}.nav-blog-link.active{color:var(--am)}.nav-blog-short{display:none}@media(max-width:700px){.nav-blog-full{display:none}.nav-blog-short{display:inline}}nav a{text-decoration:none;color:var(--ink2);font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-left:28px;transition:color .12s}nav a:hover{color:var(--ink)}.nav-dd{position:relative;margin-left:28px;display:inline-block}.nav-dd-trigger{font-family:var(--font-dm-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink2);background:none;border:none;cursor:pointer;padding:0;transition:color .12s;display:flex;align-items:center;gap:5px}.nav-dd-trigger:hover{color:var(--ink)}.nav-dd-trigger:after{content:"▾";font-size:8px;opacity:.6;transition:transform .15s}.nav-dd.open .nav-dd-trigger:after{transform:rotate(180deg)}.nav-dd-menu{display:none;position:absolute;top:calc(100% + 14px);right:0;min-width:280px;background:var(--cr);border:1px solid var(--bds);box-shadow:0 8px 24px #1817161a;z-index:1001;padding:6px 0}.nav-dd.open .nav-dd-menu{display:block}.nav-dd-menu a{display:block;padding:9px 18px;font-size:10px;letter-spacing:.08em;text-transform:none;color:var(--ink2);text-decoration:none;border-bottom:1px solid var(--bd);margin-left:0;transition:background .1s,color .1s;white-space:nowrap}.nav-dd-menu a:last-child{border-bottom:none}.nav-dd-menu a:hover{background:var(--cr2);color:var(--ink)}.nav-dd-num{display:inline-block;font-size:9px;color:var(--ink3);margin-right:8px;letter-spacing:.04em}footer{border-top:1px solid var(--bds);width:100%;background:#262525}.footer-inner{width:100%;padding:18px 40px;display:flex;justify-content:space-between;align-items:center}.fl{font-size:10px;color:var(--ink3)}.flinks{display:flex;gap:22px}.flinks a{font-size:10px;color:var(--ink3);text-decoration:none;transition:color .12s}.flinks a:hover{color:var(--ink)}.flinks .fcopy{font-size:10px;color:var(--ink3)}.soc-links{display:flex;gap:16px;align-items:center}.soc-link{color:var(--ink3);transition:color .12s;display:flex;align-items:center}.soc-link:hover{color:var(--am)}.hero{padding:60px 0 44px;border-bottom:1px solid var(--bd)}.hero .mw{display:grid;grid-template-columns:minmax(0,380px) 1fr;gap:48px;align-items:center}.hero-lbl{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink3);margin-bottom:14px}.hero-h{font-size:38px;font-weight:500;letter-spacing:-.025em;line-height:1.08;max-width:560px;margin-bottom:14px}.hero-s{font-size:12px;color:var(--ink2);max-width:460px;line-height:1.75}.hero-il svg{width:100%;height:auto;display:block}.catbar{border-bottom:1px solid var(--bd)}.catbar-inner{max-width:1120px;margin:0 auto;padding:14px 32px;display:flex;gap:4px;overflow-x:auto}.cbtn{font-family:var(--font-dm-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:5px 13px;border:1px solid var(--bds);background:transparent;color:var(--ink2);cursor:pointer;transition:all .12s;white-space:nowrap}.cbtn:hover{background:var(--cr2);color:var(--ink)}.cbtn.active{background:var(--ink);color:var(--cr);border-color:var(--ink)}.thdr{border-bottom:1px solid var(--bd)}.thdr-inner{max-width:1120px;margin:0 auto;padding:14px 32px}.tcnt{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}.tgrid-hd{font-family:var(--font-dm-mono);font-size:9px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink3);margin:0 0 16px}.tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}.tc{border:1px solid var(--bds);display:flex;flex-direction:column;cursor:pointer;transition:background .12s;overflow:hidden;text-decoration:none;color:inherit}.tc:hover{background:var(--cr2)}.tc.ft{border-left:3px solid var(--am)}.tcp{width:100%;height:88px;border-bottom:1px solid var(--bd);flex-shrink:0}.tcp svg{width:100%;height:88px;display:block}.tcb{padding:18px 20px 16px;display:flex;flex-direction:column;gap:9px;flex:1}.tc.ft .tcb{padding-left:17px}.tch{display:flex;align-items:flex-start;justify-content:space-between}.tcn{font-size:10px;color:var(--ink3);letter-spacing:.1em}.tctag{font-size:9px;letter-spacing:.12em;text-transform:uppercase;padding:2px 8px;border:1px solid var(--bds);color:var(--ink2)}.tcname{font-size:14px;font-weight:500;line-height:1.3}.tcdesc{font-size:11px;color:var(--ink2);line-height:1.65;flex:1}.tcarr{margin-top:6px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--am)}.tcsoon{color:var(--ink3)!important}.tool-view,.disc-wrap{display:none}.ti{max-width:1120px;margin:0 auto;padding:44px 32px 80px}.tback{font-family:var(--font-dm-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);cursor:pointer;margin-bottom:28px;padding:0;background:none;border:none;transition:color .12s}.tback:hover{color:var(--ink)}.tmeta{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);margin-bottom:8px}.ttitle{font-size:26px;font-weight:500;letter-spacing:-.01em;margin-bottom:8px}.tintro{font-size:12px;color:var(--ink2);line-height:1.75;margin-bottom:10px;max-width:540px}.ti-guide-card{display:flex;align-items:stretch;text-decoration:none;color:inherit;background:var(--cr2);border:1px solid var(--bd);margin-bottom:74px;max-width:540px;transition:border-color .15s}.ti-guide-card:hover{border-color:var(--bds)}.ti-guide-pre{flex-shrink:0;background:var(--ink);padding:10px 14px;display:flex;align-items:center;font-family:var(--font-dm-mono);font-size:7.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--am)}.ti-guide-body{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;flex:1;min-width:0}.ti-guide-title{font-family:var(--font-dm-sans);font-size:13px;font-weight:500;color:var(--ink);letter-spacing:-.01em;line-height:1.35}.ti-guide-arrow{font-size:13px;color:var(--ink3);flex-shrink:0;transition:color .12s,transform .12s}.ti-guide-card:hover .ti-guide-arrow{color:var(--am);transform:translate(3px)}.panel{border:1px solid var(--bds)}.ph{padding:9px 14px;background:var(--cr2);border-bottom:1px solid var(--bds);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink2)}.pb{padding:14px}.sdiv{border-top:1px solid var(--bds);margin:24px 0 20px;padding-top:20px}.stitle{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);margin-bottom:16px}.slr{margin-bottom:12px}.sll{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:11px;letter-spacing:.07em;text-transform:uppercase}.slch{color:var(--ink2)}.slvl{color:var(--ink);font-weight:500;min-width:32px;text-align:right}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:2px;background:var(--cr4);outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;background:var(--ink);border-radius:50%;cursor:pointer;transition:transform .1s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.3)}input[type=range]::-webkit-slider-runnable-track{height:2px;background:var(--cr4)}input[type=range]::-moz-range-thumb{width:11px;height:11px;background:var(--ink);border-radius:50%;border:none}.ng{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.ng.n2{grid-template-columns:1fr 1fr 1fr 1fr}.ni label{display:block;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);margin-bottom:4px}input.nf{font-family:var(--font-dm-mono);font-size:13px;font-weight:500;padding:6px 9px;border:1px solid var(--bds);background:transparent;color:var(--ink);width:100%;outline:none;transition:border-color .12s;-moz-appearance:textfield}input.nf::-webkit-inner-spin-button,input.nf::-webkit-outer-spin-button{-webkit-appearance:none}input.nf:focus{border-color:var(--ink)}input.nf.inv{border-color:#c0392b}.unit-lbl{font-size:10px;color:var(--ink3)}.cprev{width:100%;height:52px;border:1px solid var(--bds);margin-bottom:18px;transition:background .18s}.ogrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.or{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--bd)}.or:last-child{border-bottom:none;padding-bottom:0}.olbl{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}.oval{font-size:12px;font-weight:500}.opair{display:flex;align-items:center;gap:7px}.cbtn2{font-family:var(--font-dm-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border:1px solid var(--bds);background:transparent;color:var(--ink2);cursor:pointer;transition:all .12s}.cbtn2:hover{background:var(--ink);color:var(--cr);border-color:var(--ink)}.cbtn2.ok{background:var(--am);color:#fff;border-color:var(--am)}.cpbtn{font-family:var(--font-dm-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border:1px solid var(--bds);background:transparent;color:var(--ink2);cursor:pointer;transition:all .12s;white-space:nowrap}.cpbtn:hover{background:var(--cr2);color:var(--ink)}.cpbtn.ok{background:var(--am);color:#fff;border-color:var(--am)}.dlrow{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.dlbtn{font-family:var(--font-dm-mono);font-size:10px;letter-spacing:.09em;text-transform:uppercase;padding:8px 16px;border:1px solid var(--bds);background:transparent;color:var(--ink2);cursor:pointer;transition:all .12s;display:flex;align-items:center;gap:6px}.dlbtn:hover{background:var(--ink);color:var(--cr);border-color:var(--ink)}.dlbtn.prim{background:var(--am);color:#fff;border-color:var(--am)}.dlbtn.prim:hover{background:#cc7d12}.dlfmt{font-size:9px;opacity:.75}.pnote{font-size:10px;color:var(--ink3);line-height:1.6;padding:10px 14px;background:var(--cr2);border-top:1px solid var(--bd)}.pnote strong{color:var(--ink2);font-weight:500}.disc-box{width:100%;background:var(--ink)}.disc-inner{max-width:1120px;margin:0 auto;padding:36px 32px 44px}.disc-title{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#edeae059;margin-bottom:28px;display:flex;align-items:center;gap:12px}.disc-title:after{content:"";flex:1;height:1px;background:#edeae01a}.disc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:28px 40px}.disc-item-title{font-size:10px;font-weight:500;letter-spacing:.08em;color:var(--am);margin-bottom:7px}.disc-item-text{font-size:10px;color:#edeae09e;line-height:1.8}.about-note{font-size:10px;color:var(--ink3);line-height:1.8;margin:24px 0 0;border-top:1px solid rgba(237,234,224,.1);padding-top:20px}.wlayout{display:grid;grid-template-columns:280px 1fr;gap:24px;margin-bottom:20px;align-items:start}.wh-wrap{display:flex;flex-direction:column}.wh-canvas-wrap{position:relative;display:flex;justify-content:center}canvas#cwheel{display:block;cursor:crosshair;touch-action:none}.wh-hex-disp{background:var(--cr2);border:1px solid var(--bds);border-top:none;padding:10px 14px;display:flex;align-items:center;justify-content:space-between}.wh-swatch{width:28px;height:28px;border:1px solid var(--bds);flex-shrink:0}.wh-hexval{font-size:14px;font-weight:500;letter-spacing:.04em}.wh-hsbval{font-size:9px;color:var(--ink3);letter-spacing:.06em;margin-top:3px}.prof-wrap{border:1px solid var(--bds)}.prof-hdr{padding:9px 14px;background:var(--cr2);border-bottom:1px solid var(--bds);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink2)}.prof-body{padding:12px 14px;display:flex;flex-direction:column;gap:8px}.prof-item{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--bd);cursor:pointer}.prof-item:last-child{border-bottom:none;padding-bottom:0}.prof-radio{width:12px;height:12px;border:1.5px solid var(--bds);border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:border-color .12s}.prof-radio.active{border-color:var(--am);background:var(--am)}.prof-radio.active:after{content:"";width:4px;height:4px;border-radius:50%;background:#fff}.prof-info{flex:1}.prof-name{font-size:11px;font-weight:500;color:var(--ink)}.prof-sub{font-size:9px;color:var(--ink3);letter-spacing:.04em;margin-top:1px}.prof-acc{font-size:9px;padding:2px 6px;border:1px solid var(--bds);color:var(--ink3);white-space:nowrap}.prof-anchor-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px;border-bottom:1px solid var(--bds)}.prof-anchor-lbl{font-family:var(--font-dm-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);white-space:nowrap}.prof-anchor-seg{display:flex;border:1px solid var(--bds);flex-shrink:0}.prof-anchor-btn{font-family:var(--font-dm-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;background:transparent;color:var(--ink3);border:none;border-right:1px solid var(--bds);cursor:pointer;transition:background .12s,color .12s}.prof-anchor-btn:last-child{border-right:none}.prof-anchor-btn:hover{background:var(--cr2);color:var(--ink)}.prof-anchor-btn.active{background:var(--ink);color:var(--cr)}.imode-row{display:flex;margin-bottom:14px;border:1px solid var(--bds);width:fit-content}.imode{font-family:var(--font-dm-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:6px 14px;background:transparent;color:var(--ink2);cursor:pointer;border:none;border-right:1px solid var(--bds);transition:all .12s}.imode:last-child{border-right:none}.imode:hover{background:var(--cr2);color:var(--ink)}.imode.active{background:var(--ink);color:var(--cr)}.ipanel{display:none}.ipanel.active{display:block}.ci-panel{padding:0;overflow:hidden}.ci-grid{display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch}.ci-wheel-zone{display:flex;flex-direction:column;align-items:center;padding:16px 14px;gap:12px}.ci-wheel-zone canvas{display:block}.ci-swatch{width:100%;flex:none;border:1px solid var(--bds)}.ci-col{border-left:1px solid var(--bds);padding:14px 12px;display:flex;flex-direction:column;gap:20px}.ci-col-hdr{font-family:var(--font-dm-mono);font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink2)}.ci-grp{background:var(--cr);padding:9px 10px 10px;display:flex;flex-direction:column}.ci-grp-hdr{font-family:var(--font-dm-mono);font-size:8px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink2);margin-bottom:9px;padding-bottom:5px;border-bottom:1px solid var(--bds)}.ci-hint{font-family:var(--font-dm-mono);font-size:10px;color:var(--ink2);line-height:1.65;letter-spacing:.02em}.ci-fill-grp{flex:1}.ci-hex-in{font-family:var(--font-dm-mono);font-size:13px;letter-spacing:.06em;color:var(--ink);background:transparent;border:none;border-bottom:1px solid var(--bds);padding:3px 0;width:100%;outline:none;box-sizing:border-box}.ci-hex-in:focus{border-bottom-color:var(--ink)}.ci-hex-in.inv{color:#c00;border-bottom-color:#c00}.ci-slr{display:flex;flex-direction:column;gap:1px;margin-bottom:8px}.ci-slr.last{margin-bottom:0}.ci-sll{display:flex;justify-content:space-between;align-items:baseline}.ci-lbl{font-family:var(--font-dm-mono);font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink2)}.ci-val{font-family:var(--font-dm-mono);font-size:10px;color:var(--ink);min-width:28px;text-align:right}.ci-panel input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:14px;background:transparent;cursor:pointer;margin:0;padding:0;display:block}.ci-panel input[type=range]::-webkit-slider-runnable-track{height:2px;border-radius:1px;background:var(--bds)}.ci-panel input[type=range]::-moz-range-track{height:2px;border-radius:1px;background:var(--bds)}.ci-panel input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--cr);border:1.5px solid var(--ink2);margin-top:-5px;cursor:pointer;transition:border-color .1s}.ci-panel input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--cr);border:1.5px solid var(--ink2);cursor:pointer;box-sizing:border-box;transition:border-color .1s}.ci-panel input[type=range]:hover::-webkit-slider-thumb{border-color:var(--ink)}.ci-panel input[type=range]:hover::-moz-range-thumb{border-color:var(--ink)}.ci-panel input[type=range]:active::-webkit-slider-thumb{border-color:var(--ink)}.ci-panel input[type=range]:active::-moz-range-thumb{border-color:var(--ink)}.ci-prof-sel{font-family:var(--font-dm-mono);font-size:11px;color:var(--ink);background:var(--cr);border:1px solid var(--bds);padding:5px 26px 5px 8px;width:100%;cursor:pointer;outline:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23888' stroke-width='1.2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;box-sizing:border-box}.ci-prof-sel:focus{border-color:var(--ink)}@media(max-width:700px){.ci-grid{grid-template-columns:1fr}.ci-wheel-zone{border-bottom:1px solid var(--bds)}.ci-col{border-left:none;border-top:1px solid var(--bds)}}.htabs{display:flex;gap:4px;margin-bottom:18px;flex-wrap:wrap}.htab{font-family:var(--font-dm-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:5px 11px;border:1px solid var(--bds);background:transparent;color:var(--ink2);cursor:pointer;transition:all .12s;white-space:nowrap}.htab:hover{background:var(--cr2);color:var(--ink)}.htab.active{background:var(--ink);color:var(--cr);border-color:var(--ink)}.hpanel{display:none}.hpanel.active{display:block}.hdesc{font-size:11px;color:var(--ink2);margin-bottom:14px;line-height:1.65}.swgrid{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--bds)}.swcell{display:flex;flex-direction:column;border-right:1px solid var(--bds)}.swcell:last-child{border-right:none}.swcolor{height:96px;cursor:pointer;position:relative;transition:filter .1s}.swcolor:hover{filter:brightness(1.06)}.sw-cp{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;font-size:9px;letter-spacing:.08em;background:#0000002e}.sw-cp.lt{background:#fff3;color:#0009}.swcolor:hover .sw-cp{opacity:1}.sw-flash{position:absolute;top:6px;right:6px;font-size:9px;background:var(--am);color:#fff;padding:2px 6px;opacity:0;transition:opacity .15s;pointer-events:none}.sw-flash.show{opacity:1}.swed{padding:7px 8px 9px;border-top:1px solid var(--bds);background:var(--cr)}.swrole{font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);margin-bottom:4px}.swhi{font-family:var(--font-dm-mono);font-size:11px;font-weight:500;width:100%;border:1px solid var(--bds);background:transparent;color:var(--ink);padding:3px 6px;outline:none;transition:border-color .12s}.swhi:focus{border-color:var(--ink)}.swhi.inv{border-color:#e74c3c}.swhi-ro{font-family:var(--font-dm-mono);font-size:11px;font-weight:500;color:var(--ink2);letter-spacing:.02em}.sw-custom-ed{display:flex;flex-direction:column;gap:5px}.sw-name{width:100%;border:none;border-bottom:1px solid transparent;background:transparent;font-family:var(--font-dm-mono);font-size:10px;color:var(--ink);outline:none;padding:0 1px;transition:border-color .12s}.sw-name::placeholder{color:var(--ink3)}.sw-name:focus{border-bottom-color:var(--bds)}.sw-ced{display:flex;align-items:center;justify-content:space-between;gap:4px}.sw-cactive .swcolor{box-shadow:inset 0 0 0 3px var(--ink)}.sw-del{flex-shrink:0;background:none;border:none;cursor:pointer;font-size:15px;line-height:1;color:var(--ink3);padding:0 1px}.sw-del:hover{color:var(--ink)}.sw-addcell{cursor:pointer}.sw-addcolor{height:96px;display:flex;align-items:center;justify-content:center;background:var(--cr2)!important;cursor:pointer;transition:background .12s}.sw-addcell:hover .sw-addcolor{background:var(--cr3)!important}.sw-addplus{font-size:22px;color:var(--ink3);line-height:1;pointer-events:none}.sw-addcell:hover .sw-addplus{color:var(--ink2)}.htab-custom{border-left-width:2px}.h-to-custom{font-family:var(--font-dm-mono);font-size:9px;letter-spacing:.06em;color:var(--ink3);background:none;border:1px solid var(--bds);padding:4px 10px;cursor:pointer;margin-bottom:10px;display:inline-block;transition:color .12s,border-color .12s}.h-to-custom:hover{color:var(--ink2);border-color:var(--ink3)}.exs{margin-top:24px;padding-top:20px;border-top:1px solid var(--bds)}.exp-modes{display:flex;gap:20px;margin-bottom:12px;align-items:center}.exp-chk{display:flex;align-items:center;gap:6px;font-family:var(--font-dm-mono);font-size:11px;color:var(--ink2);cursor:pointer}.exp-chk input[type=checkbox]{accent-color:var(--ink);cursor:pointer;width:13px;height:13px}#exp-cmyk-prof{color:var(--ink3)}.cr-layout{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;margin-bottom:20px}.cr-picker-panel{border:1px solid var(--bds)}.cr-picker-hdr{padding:9px 14px;background:var(--cr2);border-bottom:1px solid var(--bds);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink2)}.cr-picker-body{padding:14px}.cr-swatch-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.cr-swatch{width:48px;height:48px;border:1px solid var(--bds);cursor:pointer;flex-shrink:0;position:relative;overflow:hidden}.cr-swatch input[type=color]{position:absolute;inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);opacity:0;cursor:pointer}input.cr-hex{font-family:var(--font-dm-mono);font-size:14px;font-weight:500;padding:6px 10px;border:1px solid var(--bds);background:transparent;color:var(--ink);width:110px;outline:none;letter-spacing:.04em}input.cr-hex:focus{border-color:var(--ink)}.cr-swap-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--bds);background:transparent;cursor:pointer;font-size:16px;color:var(--ink2);transition:all .12s;flex-shrink:0}.cr-swap-btn:hover{background:var(--ink);color:var(--cr)}.cr-ratio-box{text-align:center;padding:24px 20px;border:1px solid var(--bds);margin-bottom:18px;background:var(--cr2)}.cr-ratio-num{font-size:52px;font-weight:500;letter-spacing:-.04em;line-height:1;color:var(--ink)}.cr-ratio-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);margin-top:8px}.cr-checks{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px;margin-bottom:18px}.cr-check{border:1px solid var(--bds);padding:12px 10px;text-align:center}.cr-check-label{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);margin-bottom:6px}.cr-check-val{font-size:11px;font-weight:500}.cr-check-ratio{font-size:9px;color:var(--ink3);margin-top:3px}.cr-pass{color:#1a8c80;background:#3abdb01a;border-color:#3abdb066}.cr-fail{color:#b03030;background:#c83c3c14;border-color:#c83c3c40}.cr-apca{border:1px solid var(--bds);padding:14px 16px;margin-bottom:20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.cr-apca-lc{font-size:28px;font-weight:500;letter-spacing:-.02em;flex-shrink:0}.cr-apca-info{flex:1;min-width:180px}.cr-apca-desc{font-size:11px;color:var(--ink);margin-bottom:2px}.cr-apca-note{font-size:9px;color:var(--ink3);line-height:1.5}.cr-preview{padding:32px 36px;margin-bottom:20px;border:1px solid var(--bds)}.cr-prev-item{margin-bottom:28px}.cr-prev-item:last-child{margin-bottom:0}.cr-prev-meta{font-family:var(--font-dm-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);margin-bottom:8px}.cr-sugg{border:1px solid var(--bds);padding:14px 16px;margin-bottom:6px;display:flex;align-items:center;gap:12px}.cr-sugg-swatch{width:32px;height:32px;border:1px solid var(--bds);flex-shrink:0}.cr-sugg-info{flex:1}.cr-sugg-hex{font-size:12px;font-weight:500;color:var(--ink)}.cr-sugg-label{font-size:9px;color:var(--ink3);margin-top:2px;letter-spacing:.04em}.t3-controls{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:flex-end;padding:18px 0 22px;border-bottom:1px solid var(--bd);margin-bottom:26px}.t3-cg{display:flex;flex-direction:column;gap:5px}.t3-cl{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink3);line-height:1}.t3-basewrap{display:flex;align-items:center;gap:6px}.t3-hexin{font-family:var(--font-dm-mono);font-size:13px;width:90px;padding:6px 9px;border:1px solid var(--bds);background:var(--cr);color:var(--ink);outline:none}.t3-hexin:focus{border-color:var(--ink2)}.t3-colpick{width:30px;height:30px;border:1px solid var(--bds);cursor:pointer;position:relative;overflow:hidden;flex-shrink:0}.t3-colpick input[type=color]{position:absolute;inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);opacity:0;cursor:pointer}.t3-colpick.dim{opacity:.35;pointer-events:none}.t3-seg{display:flex;border:1px solid var(--bds)}.t3-sb{font-family:var(--font-dm-mono);font-size:9px;letter-spacing:.09em;text-transform:uppercase;padding:6px 10px;border:none;border-right:1px solid var(--bds);background:transparent;color:var(--ink2);cursor:pointer;transition:all .1s;white-space:nowrap}.t3-sb:last-child{border-right:none}.t3-sb:hover{background:var(--cr2);color:var(--ink)}.t3-sb.on{background:var(--ink);color:var(--cr)}.t3-stepwrap{display:flex;align-items:center;gap:8px}.t3-stepval{font-size:13px;min-width:20px;color:var(--ink)}.t3-mixrow{display:flex;align-items:center;gap:6px}.t3-mhex{font-family:var(--font-dm-mono);font-size:11px;width:72px;padding:4px 7px;border:1px solid var(--bds);background:var(--cr);color:var(--ink);outline:none}.t3-mhex:focus{border-color:var(--ink2)}.t3-mhex:disabled{opacity:.35;pointer-events:none}.t3-cmp-btn{font-family:var(--font-dm-mono);font-size:9px;letter-spacing:.09em;text-transform:uppercase;padding:6px 12px;border:1px solid var(--bds);background:transparent;color:var(--ink2);cursor:pointer;transition:all .1s;align-self:flex-end}.t3-cmp-btn:hover{background:var(--cr2);color:var(--ink)}.t3-cmp-btn.on{background:var(--ink);color:var(--cr);border-color:var(--ink)}.t3-scale-area{margin-bottom:20px}.t3-row-hdr{display:flex;align-items:center;gap:10px;margin-bottom:7px}.t3-row-title{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink2)}.t3-row-sub{font-size:9px;color:var(--ink3)}.t3-swrow{display:flex;border:1px solid var(--bds);overflow:hidden}.t3-sw{flex:1;min-width:0;padding-bottom:55%;position:relative;cursor:pointer;transition:flex .15s ease;border-right:1px solid rgba(0,0,0,.06)}.t3-sw:last-child{border-right:none}.t3-sw:hover{flex:2}.t3-sw-inner{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:5px 5px 6px;overflow:hidden}.t3-sw.is-base .t3-sw-inner:before{content:"▲";position:absolute;top:5px;left:50%;transform:translate(-50%);font-size:6px;opacity:.6}.t3-sw-lbl{font-size:8px;opacity:.65;line-height:1.2;margin-bottom:2px;white-space:nowrap;overflow:hidden}.t3-sw-hex{font-size:9px;font-weight:500;line-height:1;white-space:nowrap}.t3-sw-wcag{display:flex;gap:2px;margin-top:3px;flex-wrap:wrap}.t3-badge{font-size:7px;padding:1px 3px;font-weight:500;line-height:1.5;letter-spacing:.02em}.t3-badge.p{background:#ffffff3d}.t3-badge.f{background:#00000024;opacity:.45}.t3-sw.flash .t3-sw-inner:after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:16px;background:#00000038;color:#fff}.t3-cmp-note{font-size:10px;color:var(--ink2);line-height:1.75;padding:12px 16px;background:var(--cr2);border:1px solid var(--bds);margin-bottom:20px}.t3-cmp-note strong{color:var(--ink);font-weight:500}.t3-export{border-top:1px solid var(--bds);padding-top:20px;margin-top:4px}.t3-export-hdr{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.t3-prefix{font-family:var(--font-dm-mono);font-size:11px;width:90px;padding:5px 8px;border:1px solid var(--bds);background:var(--cr);color:var(--ink);outline:none}.t3-prefix:focus{border-color:var(--ink2)}.t3-code{font-family:var(--font-dm-mono);font-size:10px;line-height:1.7;color:var(--ink2);background:var(--cr2);border:1px solid var(--bd);padding:12px 16px;max-height:240px;overflow-y:auto;white-space:pre;margin-bottom:12px}.pf-layout{display:grid;grid-template-columns:330px 1fr;gap:28px;align-items:start}.pf-sticky{position:sticky;top:20px}.pf-preview{background:#fff;border:1px solid var(--bds);padding:20px;display:flex;align-items:center;justify-content:center;min-height:220px}.pf-preview svg{width:100%;height:auto;display:block;max-height:420px}.pf-seg{display:flex;border:1px solid var(--bds)}.pf-sb{font-family:var(--font-dm-mono);font-size:9px;letter-spacing:.09em;text-transform:uppercase;padding:5px 10px;border:none;border-right:1px solid var(--bds);background:transparent;color:var(--ink2);cursor:pointer;transition:all .1s;white-space:nowrap}.pf-sb:last-child{border-right:none}.pf-sb:hover{background:var(--cr2);color:var(--ink)}.pf-sb.on{background:var(--ink);color:var(--cr)}.pf-num{font-family:var(--font-dm-mono);font-size:12px;width:52px;padding:4px 7px;border:1px solid var(--bds);background:var(--cr);color:var(--ink);outline:none}.pf-num:focus{border-color:var(--ink2)}.pf-specs{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--bds)}.pf-spec{padding:9px 12px;border-bottom:1px solid var(--bds);border-right:1px solid var(--bds)}.pf-spec:nth-child(2n){border-right:none}.pf-spec:nth-last-child(-n+2){border-bottom:none}.pf-spec-lbl{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);margin-bottom:3px}.pf-spec-val{font-size:12px;font-weight:500;color:var(--ink);font-family:var(--font-dm-mono)}.pf-spec-sub{font-size:9px;color:var(--ink3);margin-top:2px}.pf-warn{font-size:10px;color:var(--am);border:1px solid var(--am);padding:8px 12px;margin-top:10px;line-height:1.6;display:none}.pf-warn.show{display:block}.pf-legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;padding:10px 0;border-top:1px solid var(--bds)}.pf-legend-item{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--ink2);letter-spacing:.06em}.pf-legend-sw{width:18px;height:8px;flex-shrink:0}.ar-layout{display:grid;grid-template-columns:340px 1fr;gap:24px;align-items:start}.ar-sticky{position:sticky;top:20px}.ar-cats{display:flex;border:1px solid var(--bds);margin-bottom:10px}.ar-cat-btn{font-family:var(--font-dm-mono);font-size:9px;letter-spacing:.09em;text-transform:uppercase;padding:6px 12px;border:none;border-right:1px solid var(--bds);background:transparent;color:var(--ink2);cursor:pointer;transition:all .1s;flex:1;white-space:nowrap}.ar-cat-btn:last-child{border-right:none}.ar-cat-btn:hover{background:var(--cr2);color:var(--ink)}.ar-cat-btn.on{background:var(--ink);color:var(--cr)}.ar-fmtlist{max-height:420px;overflow-y:auto;border:1px solid var(--bds)}.ar-fmtgroup{font-size:10px;font-weight:600;letter-spacing:.04em;color:var(--ink2);padding:10px 12px 5px;background:var(--cr2);border-bottom:1px solid var(--bd);border-top:1px solid var(--bds);margin-top:-1px}.ar-fmtgroup:first-child{border-top:none}.ar-fmtitem{padding:8px 12px;border-bottom:1px solid var(--bd);cursor:pointer;transition:background .1s}.ar-fmtitem:last-child{border-bottom:none}.ar-fmtitem:hover{background:var(--cr2)}.ar-fmtitem.active{background:var(--ink)}.ar-fmtitem.active .ar-fmt-name,.ar-fmtitem.active .ar-fmt-meta{color:var(--cr)}.ar-fmt-name{font-size:11px;font-weight:500;color:var(--ink);display:block}.ar-fmt-meta{font-size:9px;color:var(--ink3);font-family:var(--font-dm-mono);margin-top:2px;display:block}.ar-custom-panel{border:1px solid var(--bds);padding:14px;margin-top:10px}.ar-custom-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.ar-custom-row:last-child{margin-bottom:0}.ar-cnum{font-family:var(--font-dm-mono);font-size:13px;width:68px;padding:5px 8px;border:1px solid var(--bds);background:var(--cr);color:var(--ink);outline:none;text-align:right}.ar-cnum:focus{border-color:var(--ink2)}.ar-preview{background:var(--cr2);border:1px solid var(--bds);display:flex;align-items:center;justify-content:center;min-height:180px;padding:16px}.ar-preview svg{max-width:100%;display:block}.ar-info{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--bds)}.ar-info-cell{padding:9px 12px;border-bottom:1px solid var(--bds);border-right:1px solid var(--bds)}.ar-info-cell:nth-child(2n){border-right:none}.ar-info-cell:nth-last-child(-n+2){border-bottom:none}.ar-info-lbl{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);margin-bottom:3px}.ar-info-val{font-size:12px;font-weight:500;color:var(--ink);font-family:var(--font-dm-mono)}.ar-info-sub{font-size:9px;color:var(--ink3);margin-top:2px;font-family:var(--font-dm-mono)}.ar-calc-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--bd)}.ar-calc-row:last-child{border-bottom:none}.ar-calc-lbl{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink2);width:42px;flex-shrink:0}.ar-calc-inp{font-family:var(--font-dm-mono);font-size:12px;width:72px;padding:4px 7px;border:1px solid var(--bds);background:var(--cr);color:var(--ink);outline:none;text-align:right}.ar-calc-inp:focus{border-color:var(--ink2)}.ar-calc-arr{color:var(--ink3);font-size:11px}.ar-calc-res{font-family:var(--font-dm-mono);font-size:12px;font-weight:500;color:var(--ink)}.ar-code{font-family:var(--font-dm-mono);font-size:10px;line-height:1.8;color:var(--ink2);background:var(--cr2);border:1px solid var(--bd);padding:10px 14px;margin-bottom:10px}.ar-crop-row{display:flex;gap:12px;padding:8px 0;border-bottom:1px solid var(--bd)}.ar-crop-row:last-child{border-bottom:none}.ar-crop-mode{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink2);width:48px;flex-shrink:0;padding-top:1px}.ar-crop-val{font-size:11px;font-weight:500;color:var(--ink);font-family:var(--font-dm-mono)}.ar-crop-sub{font-size:9px;color:var(--ink3);margin-top:2px}.ts-ctrl-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.ts-ctrl-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--bd)}.ts-ctrl-row:last-child{border-bottom:none;padding-bottom:0}.ts-ctrl-lbl{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink2)}input.ts-num{font-family:var(--font-dm-mono);font-size:13px;font-weight:500;padding:5px 8px;border:1px solid var(--bds);background:transparent;color:var(--ink);width:90px;text-align:right;outline:none;-moz-appearance:textfield}input.ts-num::-webkit-inner-spin-button{-webkit-appearance:none}input.ts-num:focus{border-color:var(--ink)}select.ts-sel{font-family:var(--font-dm-mono);font-size:11px;padding:5px 8px;border:1px solid var(--bds);background:var(--cr);color:var(--ink);outline:none;cursor:pointer;width:100%}.ts-ratio-badge{margin-left:auto;font-size:10px;color:var(--ink3);font-weight:400;letter-spacing:.02em}.ts-tbl-wrap{border:1px solid var(--bds);margin-bottom:20px;overflow-x:auto}.ts-tbl-head,.ts-row{display:flex;align-items:stretch}.ts-tbl-head{background:var(--cr2);border-bottom:1px solid var(--bds)}.ts-row{border-bottom:1px solid var(--bd)}.ts-row:last-child{border-bottom:none}.ts-row:hover{background:var(--cr2)}.ts-tc{padding:9px 12px;font-size:11px;display:flex;align-items:center;border-right:1px solid var(--bd)}.ts-tc:last-child{border-right:none}.ts-tbl-head .ts-tc{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}.ts-tc-lbl{width:52px;flex-shrink:0}.ts-tc-sz{width:144px;flex-shrink:0;flex-direction:column;align-items:flex-start;gap:3px}.ts-tc-wcag{width:52px;flex-shrink:0;justify-content:center}.ts-tc-lh{width:80px;flex-shrink:0;flex-direction:column;align-items:flex-start;gap:3px}.ts-tc-cl{flex:1;min-width:180px;font-size:10px;color:var(--ink2);word-break:break-all;line-height:1.5}.ts-tc-act{width:120px;flex-shrink:0;gap:4px;justify-content:flex-end;flex-wrap:wrap}.ts-badge{font-size:10px;font-weight:500;color:var(--ink);background:var(--cr3);padding:2px 7px}.ts-dim{font-size:9px;color:var(--ink3)}.ts-sz-row{display:flex;align-items:center;gap:3px}input.ts-sz{font-family:var(--font-dm-mono);font-size:12px;font-weight:500;width:52px;padding:2px 4px;border:1px solid var(--bds);background:transparent;color:var(--ink);text-align:right;outline:none;-moz-appearance:textfield;transition:border-color .12s}input.ts-sz::-webkit-inner-spin-button{-webkit-appearance:none}input.ts-sz:focus{border-color:var(--ink)}input.ts-sz.ov{border-color:var(--am);color:var(--am)}.ts-sz-unit{font-size:9px;color:var(--ink3)}.ts-wcag{font-size:8px;letter-spacing:.05em;text-transform:uppercase;padding:2px 5px;white-space:nowrap}.ts-wcag-lg{color:#1a8c80;background:#3abdb026}.ts-wcag-ok{color:#4a7c59;background:#64b46426}.ts-wcag-sm{color:#9a6010;background:#e8921a2e}.ts-wcag-xs{color:#c0392b;background:#c83c3c1f}.ts-mode-wrap{display:flex;border:1px solid var(--bds)}.ts-mode-btn{font-family:var(--font-dm-mono);font-size:10px;letter-spacing:.09em;text-transform:uppercase;padding:5px 13px;border:none;border-right:1px solid var(--bds);background:transparent;color:var(--ink2);cursor:pointer;transition:all .12s}.ts-mode-btn:last-child{border-right:none}.ts-mode-btn:hover{background:var(--cr2);color:var(--ink)}.ts-mode-btn.active{background:var(--ink);color:var(--cr)}.ts-spec-bar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.ts-spec-area{border:1px solid var(--bds);padding:36px 40px;background:#fff;min-height:200px}.ts-spec-item{margin-bottom:40px}.ts-spec-item:last-child{margin-bottom:0}.ts-spec-meta{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid rgba(24,23,22,.08);padding-bottom:6px;margin-bottom:11px}.ts-spec-tag{font-family:var(--font-dm-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#9c9a93}.ts-spec-px{font-family:var(--font-dm-mono);font-size:9px;color:#9c9a93}.ts-spec-text{color:#181716;transition:font-size .15s,line-height .15s}.ts-css-pre{font-family:var(--font-dm-mono);font-size:11px;line-height:1.75;color:var(--ink2);padding:20px;background:var(--cr2);border:1px solid var(--bds);overflow-x:auto;white-space:pre;margin:0;display:block}.gx-preview{width:100%;height:200px;border:1px solid var(--bds);margin-bottom:20px;position:relative;overflow:hidden;background:linear-gradient(135deg,#e8921a,#3974cc,#3abdb0)}.gx-prev-pill{position:absolute;bottom:10px;right:12px;font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;background:#18171680;color:#edeae0e6;border-radius:2px}.gx-card{border:1px solid var(--bds);margin-bottom:20px}.gx-card-hdr{padding:10px 14px;background:var(--cr2);border-bottom:1px solid var(--bds);display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink2)}.gx-step{font-size:11px;font-weight:500;color:var(--am);margin-right:6px}.gx-card-body{padding:16px 14px 10px}.gx-sw-lbl{font-size:10px;color:var(--ink3);letter-spacing:.04em;text-transform:none;font-family:var(--font-dm-mono)}.gx-row{display:flex;align-items:center;gap:16px;margin-bottom:14px;flex-wrap:wrap}.gx-rlbl{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);min-width:78px;flex-shrink:0}.gx-subnote{font-size:10px;color:var(--ink3);margin-top:5px;letter-spacing:.04em}.gx-anim-off-hint{font-size:11px;color:var(--ink3);padding:14px;letter-spacing:.04em;line-height:1.6}.gx-ctrl-row{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start;margin-bottom:18px}.gx-lbl{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);margin-bottom:8px}.gx-tabs{display:flex;border:1px solid var(--bds);width:fit-content}.gx-tab{font-family:var(--font-dm-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:6px 13px;background:transparent;color:var(--ink2);cursor:pointer;border:none;border-right:1px solid var(--bds);transition:all .12s}.gx-tab:last-child{border-right:none}.gx-tab:hover{background:var(--cr2);color:var(--ink)}.gx-tab.on{background:var(--ink);color:var(--cr)}.gx-angle-row{display:flex;align-items:center;gap:14px;margin-bottom:20px}.gx-wheel{width:68px;height:68px;border-radius:50%;border:1.5px solid var(--bds);background:var(--cr2);position:relative;cursor:crosshair;flex-shrink:0;touch-action:none;user-select:none}.gx-wheel:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--ink2);top:50%;left:50%;transform:translate(-50%,-50%)}.gx-wline{position:absolute;width:1.5px;background:var(--ink);bottom:50%;left:calc(50% - .75px);height:24px;transform-origin:center bottom;transform:rotate(0);pointer-events:none}.gx-wdot{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--am);top:-4px;left:-4px}.gx-dir-grid{display:grid;grid-template-columns:repeat(3,26px);gap:2px}.gx-dir-btn{font-family:var(--font-dm-mono);width:26px;height:26px;border:1px solid var(--bds);background:transparent;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .1s;color:var(--ink2);padding:0}.gx-dir-btn:hover{background:var(--cr2);color:var(--ink)}.gx-dir-btn.on{background:var(--ink);color:var(--cr);border-color:var(--ink)}.gx-dir-ctr{width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--bd)}.gx-angle-num{display:flex;align-items:center;gap:4px}.gx-angle-num input{font-family:var(--font-dm-mono);font-size:13px;font-weight:500;width:56px;padding:5px 8px;border:1px solid var(--bds);background:transparent;color:var(--ink);outline:none;-moz-appearance:textfield}.gx-angle-num input::-webkit-inner-spin-button,.gx-angle-num input::-webkit-outer-spin-button{-webkit-appearance:none}.gx-angle-num input:focus{border-color:var(--ink)}.gx-colorlist{margin-bottom:16px}.gx-color-row{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--bd);cursor:default}.gx-color-row:last-child{border-bottom:none}.gx-color-row.gx-drag-over{background:var(--cr2)}.gx-drag-handle{font-size:14px;color:var(--ink3);cursor:grab;padding:0 2px;flex-shrink:0;user-select:none}.gx-drag-handle:active{cursor:grabbing}.gx-color-swatch{width:30px;height:30px;border:1px solid var(--bds);flex-shrink:0;position:relative;cursor:pointer}.gx-color-swatch input[type=color]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;padding:0;border:none}.gx-color-hex{font-family:var(--font-dm-mono);font-size:12px;font-weight:500;padding:5px 8px;border:1px solid var(--bds);background:transparent;color:var(--ink);outline:none;width:90px;flex-shrink:0;text-transform:uppercase}.gx-color-hex:focus{border-color:var(--ink)}.gx-color-hex.inv{border-color:#c0392b}.gx-color-del{font-family:var(--font-dm-mono);font-size:12px;width:26px;height:26px;border:1px solid var(--bds);background:transparent;color:var(--ink3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s;flex-shrink:0;padding:0}.gx-color-del:hover{background:var(--ink);color:var(--cr);border-color:var(--ink)}.gx-color-dup:hover{background:var(--am);color:var(--cr);border-color:var(--am)}.gx-section{border:1px solid var(--bds);margin-bottom:20px}.gx-section-hdr{padding:10px 14px;background:var(--cr2);border-bottom:1px solid var(--bds);display:flex;align-items:center;justify-content:space-between}.gx-section-lbl{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink2)}.gx-section-body{padding:14px}.gx-sw{width:36px;height:20px;background:var(--cr3);border:1px solid var(--bds);border-radius:10px;position:relative;cursor:pointer;transition:background .15s,border-color .15s;flex-shrink:0}.gx-sw.on{background:var(--am);border-color:var(--am)}.gx-sw:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform .15s}.gx-sw.on:after{transform:translate(16px)}.gx-anim-row{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.gx-anim-lbl{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);min-width:62px;flex-shrink:0}.gx-8dir{display:grid;grid-template-columns:repeat(3,28px);gap:2px}.gx-8dir button{font-family:var(--font-dm-mono);width:28px;height:28px;border:1px solid var(--bds);background:transparent;cursor:pointer;font-size:13px;transition:all .1s;color:var(--ink2);display:flex;align-items:center;justify-content:center;padding:0}.gx-8dir button:hover{background:var(--cr2);color:var(--ink)}.gx-8dir button.on{background:var(--ink);color:var(--cr);border-color:var(--ink)}.gx-8dir-mid{width:28px;height:28px;border:1px solid var(--bd);display:flex;align-items:center;justify-content:center}.gx-speed-wrap{display:flex;align-items:center;gap:9px;flex:1}.gx-speed-wrap input[type=range]{flex:1;appearance:none;height:3px;background:var(--bds);outline:none;cursor:pointer}.gx-speed-wrap input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:var(--ink);cursor:pointer}.gx-speed-wrap input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--ink);cursor:pointer;border:none}.gx-speed-lbl{font-size:10px;color:var(--ink3);white-space:nowrap}.gx-speed-val{font-size:11px;font-weight:500;min-width:26px;text-align:right}.gx-code-wrap{border:1px solid var(--bds);margin-bottom:14px}.gx-code-hdr{padding:8px 12px;background:var(--ink);color:var(--cr);font-size:9px;letter-spacing:.12em;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center}.gx-code{padding:14px;font-size:10.5px;line-height:1.85;color:var(--ink2);background:var(--cr2);white-space:pre;overflow-x:auto;max-height:260px;overflow-y:auto;tab-size:2}.gx-cp-btn{font-family:var(--font-dm-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border:1px solid rgba(237,234,224,.3);background:transparent;color:#edeae0b3;cursor:pointer;transition:all .12s}.gx-cp-btn:hover{border-color:var(--cr);color:var(--cr)}.gx-cp-btn.ok{background:var(--am);border-color:var(--am);color:#fff}.gx-interp-note{font-size:10px;color:var(--te);margin-top:4px;letter-spacing:.04em}.gx-colorlist-row{display:flex;gap:12px;flex-wrap:wrap}.sh-preview{width:100%;height:200px;background:var(--cr);border:1px solid var(--bds);display:flex;align-items:center;justify-content:center;margin-bottom:8px;position:relative;transition:background .2s}.sh-preview.sh-dark{background:var(--ink)}.sh-card{width:220px;background:var(--cr);border-radius:4px;padding:18px 20px;position:relative;transition:box-shadow .25s ease}.sh-dark .sh-card{background:var(--cr2)}.sh-card-tag{font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);margin-bottom:10px}.sh-card-line{height:7px;border-radius:2px;background:var(--cr3);margin-bottom:7px}.sh-card-line.w80{width:80%}.sh-card-line.w60{width:60%}.sh-card-line.w40{height:18px;width:40%;border-radius:2px;background:var(--am);opacity:.7;margin-top:14px;margin-bottom:0}.sh-context-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:0 2px}.sh-ctx-lbl{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}.sh-ctx-tabs{display:flex;gap:4px}.sh-ctx-btn{font-family:var(--font-dm-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border:1px solid var(--bds);background:transparent;color:var(--ink3);cursor:pointer;transition:all .1s}.sh-ctx-btn:hover{color:var(--ink2)}.sh-ctx-btn.on{background:var(--ink);color:var(--cr);border-color:var(--ink)}.sh-presets{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.sh-preset-btn{font-family:var(--font-dm-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:6px 13px;border:1px solid var(--bds);background:transparent;color:var(--ink2);cursor:pointer;transition:all .12s}.sh-preset-btn:hover{background:var(--cr2);color:var(--ink)}.sh-preset-btn.on{background:var(--ink);color:var(--cr);border-color:var(--ink)}.sh-slider-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.sh-slider-lbl{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);min-width:54px;flex-shrink:0}.sh-slider-wrap{display:flex;align-items:center;gap:8px;flex:1}.sh-slider-wrap input[type=range]{flex:1;appearance:none;height:3px;background:var(--bds);outline:none;cursor:pointer}.sh-slider-wrap input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:var(--ink);cursor:pointer}.sh-slider-wrap input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--ink);cursor:pointer;border:none}.sh-slider-val{font-size:11px;font-weight:500;min-width:38px;text-align:right;color:var(--ink)}.sh-num-in{font-family:var(--font-dm-mono);font-size:11px;font-weight:500;width:54px;padding:4px 7px;border:1px solid var(--bds);background:transparent;color:var(--ink);outline:none;text-align:right;-moz-appearance:textfield}.sh-num-in::-webkit-inner-spin-button,.sh-num-in::-webkit-outer-spin-button{-webkit-appearance:none}.sh-num-in:focus{border-color:var(--ink)}.sh-tint-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sh-tint-swatch{width:28px;height:28px;border:1px solid var(--bds);flex-shrink:0;position:relative;cursor:pointer}.sh-tint-swatch input[type=color]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;padding:0;border:none}.sh-hex-in{font-family:var(--font-dm-mono);font-size:12px;font-weight:500;width:88px;padding:5px 8px;border:1px solid var(--bds);background:transparent;color:var(--ink);outline:none;text-transform:uppercase;flex-shrink:0}.sh-hex-in:focus{border-color:var(--ink)}.sh-scale-grid{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.sh-scale-item{display:flex;flex-direction:column;align-items:center;gap:8px}.sh-scale-card{width:68px;height:46px;background:var(--cr);border-radius:3px}.sh-scale-key{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}.sh-scale-desc{font-size:9px;color:var(--ink3);letter-spacing:.04em;margin-top:-4px}.sh-out-tabs{display:flex;border-bottom:1px solid var(--bds);margin-bottom:0}.sh-out-tab{font-family:var(--font-dm-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding:8px 14px;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--ink3);cursor:pointer;transition:all .12s;margin-bottom:-1px}.sh-out-tab:hover{color:var(--ink2)}.sh-out-tab.on{color:var(--ink);border-bottom-color:var(--am)}.sh-out-panel{display:none}.sh-out-panel.on{display:block}.ip-drop{border:1.5px dashed var(--bds);background:var(--cr2);padding:40px 24px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;margin-bottom:20px;position:relative}.ip-drop:hover,.ip-drop.ip-over{border-color:var(--am);background:var(--cr)}.ip-drop-icon{font-size:28px;margin-bottom:10px;opacity:.45}.ip-drop-main{font-size:12px;font-weight:500;color:var(--ink2);margin-bottom:4px}.ip-drop-sub{font-size:10px;color:var(--ink3);letter-spacing:.04em}.ip-drop-privacy{font-size:9px;color:var(--te);letter-spacing:.06em;text-transform:uppercase;margin-top:10px;opacity:.85}.ip-drop input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.ip-preview-wrap{display:none;margin-bottom:20px}.ip-preview-wrap.ip-vis{display:block}.ip-preview-img{max-width:100%;max-height:200px;border:1px solid var(--bds);display:block;object-fit:contain}.ip-section-lbl{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);margin-bottom:10px}.ip-section-row .ip-section-lbl{margin-bottom:0}.ip-swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-bottom:20px}.ip-swatch{aspect-ratio:1;min-height:60px;border:2px solid transparent;cursor:pointer;transition:transform .1s,border-color .1s;position:relative}.ip-swatch:hover{transform:scale(1.06)}.ip-swatch.ip-sel{border-color:var(--ink)}.ip-detail-wrap{display:none;margin-bottom:20px}.ip-detail-wrap.ip-vis{display:block}.ip-detail-grid{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:start;border:1px solid var(--bds)}.ip-detail-swatch{width:100%;min-height:120px;border-right:1px solid var(--bds);align-self:stretch;position:relative;cursor:pointer}.ip-detail-swatch input[type=color]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:none;padding:0}.ip-edit-hint{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-family:var(--font-dm-mono);font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#ffffffb3;opacity:0;transition:opacity .15s;pointer-events:none}.ip-detail-swatch:hover .ip-edit-hint{opacity:1}.ip-detail-body{padding:14px}.ip-orow{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--bd)}.ip-orow:last-child{border-bottom:none}.ip-olbl{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink3)}.ip-oval{font-size:11px;font-weight:500}.ip-badges{display:flex;gap:5px;flex-wrap:wrap}.ip-badge{font-size:8px;letter-spacing:.08em;text-transform:uppercase;padding:2px 6px;border:1px solid;font-weight:500}.ip-badge.ip-pass{color:#2a7a2a;border-color:#2a7a2a;background:#2a7a2a14}.ip-badge.ip-fail{color:var(--ink3);border-color:var(--bds);opacity:.6}.ip-section-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.ip-reset-btn{font-family:var(--font-dm-mono);font-size:9px;letter-spacing:.06em;color:var(--ink3);background:none;border:1px solid var(--bds);padding:3px 9px;cursor:pointer;transition:color .12s,border-color .12s}.ip-reset-btn:hover{color:var(--ink2);border-color:var(--ink3)}.ip-name-in{font-family:var(--font-dm-mono);font-size:11px;font-weight:500;border:none;border-bottom:1px solid transparent;background:transparent;color:var(--ink);outline:none;padding:0 2px;width:160px;transition:border-color .12s}.ip-name-in::placeholder{color:var(--ink3)}.ip-name-in:focus{border-bottom-color:var(--bds)}.ip-cmyk-btn{display:inline-block;margin-top:12px;font-family:var(--font-dm-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:7px 14px;border:1px solid var(--bds);background:transparent;color:var(--ink2);cursor:pointer;transition:all .12s}.ip-cmyk-btn:hover{background:var(--ink);color:var(--cr);border-color:var(--ink)}.ip-empty{font-size:11px;color:var(--ink3);padding:24px 0;text-align:center;border:1px solid var(--bd);background:var(--cr2);margin-bottom:20px}.ad-slot{display:flex;align-items:center;justify-content:center;border:1px dashed var(--bd);background:var(--cr2);position:relative}.ad-slot--leaderboard{display:block;width:100%;max-width:970px;min-height:90px;margin:0 auto 32px}.ad-slot-footer-wrap{background:var(--cr2);border-top:1px solid rgba(237,234,224,.08);margin:40px auto;max-width:970px;padding:0}.ad-slot--tool-footer{display:block;width:100%;max-width:970px;min-height:90px;margin:0 auto;border:none;background:transparent}.ad-slot--tool-footer .ad-slot-label{color:var(--ink3);opacity:.35}.ad-slot--tool-footer .ad-slot-name{opacity:.25}.ad-slot--tool-footer .ad-slot-claim{opacity:.35}.ad-slot-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%;height:100%;text-decoration:none;cursor:default}.ad-slot-label{font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink3);opacity:.45;position:absolute;top:5px;right:8px}.ad-slot-name{font-size:13px;font-weight:500;color:var(--ink);letter-spacing:.02em;opacity:.35}.ad-slot-claim{font-size:9px;color:var(--ink3);letter-spacing:.08em;opacity:.55}@media(max-width:700px){.hinner,.footer-inner{padding-left:20px;padding-right:20px}.mw,.thdr-inner{padding-left:16px;padding-right:16px}.catbar-inner{flex-wrap:wrap;gap:5px;padding:10px 16px}.cbtn{flex:1 1 auto;text-align:center}.disc-inner{padding-left:16px;padding-right:16px}.hero{padding-top:28px;padding-bottom:28px}.hero .mw{grid-template-columns:1fr;gap:24px}.hero-il{order:-1}.hero-h{font-size:28px}.ti{padding:28px 16px 60px}.footer-inner{flex-direction:column;gap:10px;text-align:center}.disc-grid,.wlayout{grid-template-columns:1fr}.wh-canvas-wrap canvas{width:240px!important;height:240px!important}.ogrid{grid-template-columns:1fr}.swgrid{grid-template-columns:repeat(3,1fr)}.cr-layout{grid-template-columns:1fr}.cr-swap-btn{transform:rotate(90deg);margin:0 auto}.cr-checks{grid-template-columns:1fr 1fr}.cr-preview{padding:20px 16px}.cr-ratio-num{font-size:30px}.ts-ctrl-grid{grid-template-columns:1fr}.ts-tc-sz{width:100px}.ts-tc-lh{display:none}.ts-tc-act{width:80px}.ts-tc-wcag{display:none}.ts-spec-area{padding:20px 16px}.ip-swatches{grid-template-columns:repeat(4,1fr)}.ip-detail-grid,.gx-ctrl-row{grid-template-columns:1fr}.gx-angle-row{flex-wrap:wrap}.gx-colorlist-row{gap:8px}.gx-row{flex-direction:column;align-items:flex-start;gap:6px}.gx-rlbl{min-width:unset;padding-top:0!important}.pf-layout,.ar-layout{grid-template-columns:1fr}}@media(max-width:1020px){.ad-slot--leaderboard,.ad-slot--tool-footer{max-width:728px;height:90px}}@media(max-width:768px){.ad-slot--leaderboard,.ad-slot--tool-footer{max-width:320px;height:50px}}@media(max-width:600px){.sh-scale-grid{gap:8px}.sh-scale-card{width:56px;height:38px}}.art-disclaimer{font-size:12px;line-height:1.7;color:var(--ink3);background:var(--cr3);padding:15px;margin-top:56px;margin-bottom:25px}.art-disclaimer strong{font-family:var(--font-dm-mono),"DM Mono",monospace;font-size:7.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);font-weight:500;display:block;margin-bottom:7px}