@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#1b2030;background:#f7f8fc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink:#1b2030;--muted:#747b8c;--line:#e8eaf1;--purple:#6257df;--pale:#f0efff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.site-shell{max-width:1600px;margin:auto;overflow:hidden}.topbar{height:78px;padding:0 7.1%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(226,229,238,.8);background:#fafbfeeb;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:21px;font-weight:800;letter-spacing:-1px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#25243a;color:#fff;font-size:22px;letter-spacing:-2px}.brand-mark span{color:#b5aaff}.brand-domain{color:#8b8fa0}.nav{display:flex;gap:34px;color:#666e80;font-size:13px;font-weight:600}.nav a:hover,.footer-links a:hover{color:var(--purple)}.top-actions{display:flex;align-items:center;gap:20px}.free-pill{font-size:11px;font-weight:700;color:#555d6d;display:flex;align-items:center;gap:7px}.free-pill span,.pulse-dot,.live-dot{width:7px;height:7px;border-radius:50%;background:#41bd8b;display:inline-block}.top-cta,.btn-primary,.btn-light{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:9px;font-size:12px;font-weight:700;padding:12px 16px}.top-cta{background:#242338;color:#fff}.top-cta:hover,.btn-primary:hover{background:#4f46c8}.mobile-menu{display:none}.hero{padding:75px 9.2% 68px;display:grid;grid-template-columns:1fr .95fr;gap:5%;align-items:center;min-height:505px;background:radial-gradient(ellipse at 82% 43%,#efedff 0,#f7f8fc00 42%)}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:800;color:#6c60d9;display:flex;align-items:center;gap:8px}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(43px,5.1vw,68px);letter-spacing:-3.5px;line-height:1.07;margin:20px 0;font-weight:800}.hero h1 span,.section-heading h2 span,.closing-cta h2 span{color:#6a5ee0}.hero-lede{font-size:15px;line-height:1.8;color:#73798a;max-width:460px;margin:0}.hero-actions{display:flex;align-items:center;gap:19px;margin-top:27px;flex-wrap:wrap}.btn-primary{background:#6257df;color:#fff;padding:14px 18px;box-shadow:0 7px 20px #6257df25}.micro-trust{display:flex;align-items:center;gap:7px;font-size:10px;color:#7c8291}.micro-trust svg{color:#40a781}.hero-stats{display:flex;align-items:center;gap:22px;margin-top:44px}.hero-stats div{display:flex;flex-direction:column;gap:4px}.hero-stats strong{font-family:Manrope,sans-serif;font-size:19px;letter-spacing:-.6px}.hero-stats span{font-size:10px;color:#8a90a0}.hero-stats i{height:29px;width:1px;background:#e0e2ed}.hero-art{position:relative;min-height:350px;display:flex;align-items:center;justify-content:center}.art-glow{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#e1ddff 0,rgba(225,221,255,.15) 67%,transparent 70%)}.code-window{position:relative;width:min(100%,340px);background:#242438;border:1px solid #39394e;border-radius:15px;box-shadow:0 26px 60px #37345c26;overflow:hidden;transform:rotate(-2deg);z-index:2}.window-head{height:43px;display:flex;align-items:center;gap:11px;padding:0 15px;color:#a6a8bc;font:10px DM Mono,monospace;border-bottom:1px solid #39394c}.window-head>svg{margin-left:auto;color:#aaa2ff}.window-dots{display:flex;gap:4px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#fa847e}.window-dots i:nth-child(2){background:#f1c56c}.window-dots i:nth-child(3){background:#58cda2}.code-lines{padding:21px 18px 20px;color:#e3e3f0;font:12px/2 DM Mono,monospace}.ln{display:inline-block;width:27px;color:#696a82;font-size:10px}.indent{margin-left:17px}.syntax-purple{color:#c6a6ff}.syntax-blue{color:#a6d5ff}.syntax-green{color:#92e6b7}.syntax-orange{color:#ffc18b}.syntax-muted{color:#b8b6c9}.window-foot{height:34px;background:#2b2b42;border-top:1px solid #3b3b51;padding:0 15px;display:flex;align-items:center;gap:8px;color:#a6a9bd;font-size:9px}.foot-right{margin-left:auto;color:#74768e;font-family:DM Mono,monospace}.floating-chip{position:absolute;z-index:3;background:#fff;box-shadow:0 12px 38px #33324b16;border:1px solid #f0f0f7;border-radius:12px;padding:12px;display:flex;align-items:center;gap:10px}.floating-chip b{display:block;font-size:11px}.floating-chip small{display:block;font-size:9px;color:#9196a5;margin-top:4px}.chip-one{top:42px;left:-7px}.chip-two{bottom:45px;right:-9px}.chip-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.chip-icon.violet{background:#efedff;color:#6c5de0}.chip-icon.orange{background:#fff1e3;color:#ed9745}.chip-check{color:#42b78d;margin-left:9px}.mini-result{margin-left:8px;padding:5px 7px;background:#e9f8f1;color:#319b75;font-size:10px;border-radius:5px;font-weight:800}.art-orbit{position:absolute;border:1px solid #d9d5fb;border-radius:50%;transform:rotate(-28deg)}.orbit-one{width:410px;height:220px}.orbit-two{width:380px;height:290px;transform:rotate(55deg);border-color:#e7e3ff}.art-spark{position:absolute;color:#8e81ee}.spark-a{font-size:25px;top:33px;right:52px}.spark-b{font-size:19px;bottom:27px;left:39px;color:#d8a76d}.art-caption{position:absolute;bottom:1px;left:50%;transform:translate(-50%);font-size:10px;color:#88899b;display:flex;gap:7px;align-items:center;white-space:nowrap}.art-caption svg{color:#8c7ee9}.trust-strip{display:flex;align-items:center;justify-content:center;gap:45px;padding:23px 7%;background:#fff;border-top:1px solid #eeeff5;border-bottom:1px solid #eeeff5}.trust-strip>span{font-size:9px;letter-spacing:1.2px;color:#9a9eab;font-weight:800}.trust-strip div{display:flex;align-items:center;gap:9px;color:#62697a;font-size:11px;font-weight:600}.trust-strip svg{color:#8a80e8}.section-pad{padding:79px 9.2%}.tools-section{background:#f7f8fc}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}.section-heading h2,.workspace-heading h2{font-family:Manrope,sans-serif;font-size:clamp(27px,3vw,36px);letter-spacing:-1.5px;line-height:1.2;margin:12px 0 10px}.section-heading p,.workspace-heading p{font-size:12px;color:#818697;margin:0;line-height:1.7}.search-box{height:42px;width:235px;display:flex;align-items:center;gap:9px;padding:0 11px;border:1px solid #e3e5ef;background:#fff;border-radius:9px;color:#9a9eae}.search-box input{border:0;outline:0;width:100%;font-size:11px;color:#292b3e;background:transparent}.search-box kbd{font:9px DM Mono,monospace;white-space:nowrap;background:#f4f5f9;border:1px solid #eaebf2;border-radius:4px;padding:3px 5px}.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.tool-card{text-align:left;min-width:0;border:1px solid #e9eaf2;background:#fff;border-radius:13px;padding:20px 18px 17px;min-height:225px;display:flex;flex-direction:column;align-items:flex-start;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s;color:var(--ink)}.tool-card:hover,.tool-card.selected{transform:translateY(-3px);border-color:#c7c0ff;box-shadow:0 12px 28px #32325c0b}.tool-card-top{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:18px}.tool-icon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center}.tool-icon.violet{background:#f0edff;color:#6d5fe0}.tool-icon.orange{background:#fff2e7;color:#e69a4f}.tool-icon.green{background:#e7f8f0;color:#2fa67b}.tool-icon.blue{background:#e9f3ff;color:#428ad7}.card-arrow{color:#a4a8b6}.tool-category{font-size:9px;color:#858b9b;font-weight:600}.tool-card h3{font-family:Manrope,sans-serif;font-size:14px;letter-spacing:-.3px;margin:7px 0}.tool-card p{font-size:10px;line-height:1.65;color:#818697;margin:0 0 17px}.tool-link{margin-top:auto;display:flex;align-items:center;gap:7px;font-size:10px;font-weight:800;color:#6257d9}.empty-search{padding:35px;text-align:center;color:#7d8393;font-size:13px}.workspace-section{padding-top:10px;background:#f7f8fc}.workspace-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.workspace-heading h2{margin-bottom:6px}.close-workspace{border:1px solid #e4e6ef;background:#fff;border-radius:8px;padding:9px 12px;display:flex;align-items:center;gap:7px;font-size:11px;color:#606779;cursor:pointer}.workbench{background:#fff;border:1px solid #e5e7f0;border-radius:14px;overflow:hidden;box-shadow:0 14px 40px #2f30500a}.workbench-top{padding:14px 18px;border-bottom:1px solid #eceef5;display:flex;align-items:center;justify-content:space-between}.workbench-title{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:800}.local-label{font:8px DM Mono,monospace;letter-spacing:.7px;color:#309b78;background:#eaf8f2;padding:5px 7px;border-radius:5px}.mode-switch{display:flex;gap:3px;background:#f1f2f8;padding:3px;border-radius:7px}.mode-switch button{border:0;background:transparent;padding:7px 10px;font-size:10px;border-radius:5px;color:#777d8e;cursor:pointer}.mode-switch button.on{background:#fff;color:#5147c9;box-shadow:0 1px 4px #1d20400f;font-weight:800}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:17px}.editor-panel{display:flex;flex-direction:column;min-width:0;border:1px solid #e8eaf2;border-radius:9px;overflow:hidden}.editor-panel>span,.editor-panel>label,.output-label{background:#fafbfe;padding:10px 12px;border-bottom:1px solid #eceef5;font-size:9px;letter-spacing:.7px;font-weight:800;color:#777e90}.editor-panel textarea{resize:vertical;min-height:170px;border:0;outline:0;padding:13px;font:11px/1.7 DM Mono,monospace;color:#38394d;background:#fff}.editor-panel small{font-size:9px;color:#9b9faf;padding:7px 12px;border-top:1px solid #f0f1f6}.output-panel{background:#fbfcff}.output-label{display:flex;justify-content:space-between;align-items:center}.copy-btn{display:flex;gap:5px;align-items:center;border:1px solid #e5e7ef;border-radius:5px;background:#fff;color:#62697a;font-size:9px;padding:5px 7px;cursor:pointer}.output-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;min-height:170px;max-height:360px;overflow:auto;margin:0;padding:13px;font:11px/1.7 DM Mono,monospace;color:#3d4661}.workbench-foot{border-top:1px solid #eceef5;padding:12px 18px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#878d9c}.workbench-foot span{display:flex;align-items:center;gap:7px}.workbench-foot button{border:0;background:transparent;color:#6559d7;font-size:10px;font-weight:700;cursor:pointer}.calc-inputs{padding:20px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.calc-inputs label{display:flex;flex-direction:column;gap:7px;color:#767d8f;font-size:10px;font-weight:700}.calc-inputs input,.calc-inputs select{width:100%;border:1px solid #e4e6ef;border-radius:8px;padding:11px;color:#33364b;outline-color:#a8a0ff;background:#fff;font-size:12px}.calc-result{grid-column:1/-1;background:#f3f1ff;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:9px}.calc-result span{font-size:9px;letter-spacing:1px;font-weight:800;color:#7568dc}.calc-result strong{font-family:Manrope,sans-serif;font-size:21px;letter-spacing:-.5px;overflow-wrap:anywhere}.privacy-band{margin:0 9.2%;padding:23px 26px;background:#eeeffb;border:1px solid #e4e4f7;border-radius:13px;display:flex;align-items:center;gap:17px}.privacy-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:#fff;color:#6b60d9;flex-shrink:0}.privacy-band h3{font-family:Manrope,sans-serif;font-size:13px;margin:0 0 5px}.privacy-band p{font-size:10px;line-height:1.7;color:#747b8d;margin:0;max-width:680px}.privacy-tag{display:flex;align-items:center;gap:6px;margin-left:auto;white-space:nowrap;font-size:9px;font-weight:800;color:#368e70;background:#e0f6eb;padding:8px 10px;border-radius:7px}.upcoming-section{padding-top:84px;padding-bottom:82px}.text-link{display:flex;align-items:center;gap:8px;color:#6357d9;font-size:11px;font-weight:800;white-space:nowrap}.upcoming-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.future-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e9eaf2;border-radius:10px;padding:16px 14px;min-width:0}.future-icon{width:35px;height:35px;flex-shrink:0;border-radius:9px;background:#f1f0ff;color:#7468dc;display:grid;place-items:center}.future-card h3{font-family:Manrope,sans-serif;font-size:11px;margin:0 0 5px}.future-card p{font-size:9px;line-height:1.5;color:#858b9b;margin:0}.soon-label{margin-left:auto;align-self:flex-start;font-size:8px;white-space:nowrap;background:#f4f5f8;color:#858b99;padding:5px 6px;border-radius:5px}.closing-cta{margin:0 7.1% 55px;padding:34px 4.5%;border-radius:16px;background:#25243a;color:#fff;display:flex;align-items:center;gap:22px;position:relative;overflow:hidden}.closing-cta:after{content:"";position:absolute;right:13%;top:-110px;width:260px;height:260px;border-radius:50%;border:1px solid #ffffff15;box-shadow:0 0 0 35px #ffffff08,0 0 0 70px #ffffff05}.closing-spark{font-size:34px;color:#a99dff}.closing-cta .eyebrow{color:#b2a8ff;font-size:9px}.closing-cta h2{font-family:Manrope,sans-serif;font-size:25px;letter-spacing:-1px;margin:8px 0}.closing-cta h2 span{color:#aaa0ff}.closing-cta p{font-size:11px;color:#c0bfd0;margin:0}.btn-light{margin-left:auto;z-index:1;background:#fff;color:#29283f;padding:13px 16px;white-space:nowrap}.btn-light:hover{background:#eeecff}.footer{display:flex;align-items:center;gap:23px;padding:0 7.1% 30px;color:#858b9b;font-size:10px}.footer-brand{font-size:17px;color:#292a3b}.footer-brand .brand-mark{width:28px;height:28px;font-size:18px;border-radius:8px}.footer-links{display:flex;gap:20px;margin-left:auto}.copyright{color:#9ca1af}.footer>span:nth-child(2){padding-left:20px;border-left:1px solid #e1e3ec}@media(max-width:1050px){.topbar{padding:0 5%}.hero{padding-left:6%;padding-right:6%;gap:2%}.section-pad{padding-left:6%;padding-right:6%}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trust-strip{gap:22px}.upcoming-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.privacy-band{margin:0 6%}.closing-cta{margin-left:5%;margin-right:5%}.hero h1{font-size:55px}}@media(max-width:700px){.topbar{height:66px;padding:0 5%}.brand{font-size:19px}.nav{display:none;position:absolute;top:65px;left:0;right:0;background:#fff;padding:18px 5%;border-bottom:1px solid var(--line);flex-direction:column;gap:18px}.nav.nav-open{display:flex}.top-actions{gap:12px}.free-pill{display:none}.top-cta{padding:10px 12px;font-size:11px}.mobile-menu{display:grid;place-items:center;border:0;background:transparent;color:#4e5265;padding:6px}.hero{grid-template-columns:1fr;padding:55px 6% 45px;gap:10px}.hero h1{font-size:clamp(46px,12vw,62px);letter-spacing:-2.8px}.hero-lede{font-size:13px}.hero-stats{margin-top:32px;gap:18px}.hero-stats strong{font-size:17px}.hero-stats span{font-size:9px}.hero-art{min-height:320px;margin-top:5px}.code-window{width:min(86%,340px)}.chip-one{left:0;top:25px}.chip-two{right:0;bottom:35px}.orbit-one{width:95%;height:190px}.orbit-two{width:90%;height:250px}.art-caption{bottom:-2px}.trust-strip{justify-content:flex-start;overflow:auto;gap:22px;padding:18px 6%;white-space:nowrap}.trust-strip>span{display:none}.trust-strip div{font-size:10px}.section-pad{padding:57px 6%}.section-heading{align-items:flex-start;flex-direction:column;gap:18px}.section-heading h2,.workspace-heading h2{font-size:29px}.search-box{width:100%}.tool-grid{gap:10px}.tool-card{padding:15px 13px;min-height:215px}.tool-card h3{font-size:12px}.tool-card p{font-size:10px}.tool-icon{width:39px;height:39px}.tool-category{font-size:8px}.workspace-section{padding-top:0}.workspace-heading{align-items:flex-start}.workspace-heading h2{font-size:25px}.close-workspace{font-size:10px;padding:8px}.editor-grid{grid-template-columns:1fr;padding:12px}.editor-panel textarea{min-height:140px}.calc-inputs{grid-template-columns:1fr 1fr;padding:13px}.calc-inputs label:first-child{grid-column:1/-1}.calc-result strong{font-size:17px}.workbench-top{padding:12px;gap:8px}.workbench-title{font-size:10px}.local-label{font-size:7px}.mode-switch button{padding:7px 8px;font-size:9px}.workbench-foot{padding:11px 12px;font-size:9px}.privacy-band{margin:0 6%;padding:17px;align-items:flex-start;flex-wrap:wrap;gap:12px}.privacy-icon{width:37px;height:37px}.privacy-band>div:nth-child(2){flex:1;min-width:180px}.privacy-band p{font-size:10px}.privacy-tag{margin-left:49px}.upcoming-section{padding-top:58px;padding-bottom:60px}.upcoming-grid{grid-template-columns:1fr}.future-card{padding:14px}.closing-cta{margin:0 5% 38px;padding:26px 22px;align-items:flex-start;flex-wrap:wrap;gap:14px}.closing-spark{font-size:26px}.closing-cta>div:nth-child(2){flex:1;min-width:180px}.closing-cta h2{font-size:22px}.closing-cta p{line-height:1.6}.btn-light{margin-left:40px}.footer{padding:0 6% 25px;display:grid;grid-template-columns:1fr auto;gap:14px}.footer>span:nth-child(2){border:0;padding:0;grid-column:1/-1;grid-row:2}.footer-links{margin:0;gap:14px}.copyright{grid-column:1/-1}}@media(max-width:390px){.tool-grid{grid-template-columns:1fr}.tool-card{min-height:190px}.tool-card p{font-size:11px}.hero-stats{gap:12px}.hero-stats i{margin:0 1px}.floating-chip{padding:9px;gap:7px}.floating-chip b{font-size:10px}.floating-chip small{font-size:8px}.chip-icon{width:29px;height:29px}.chip-one{left:-5px}.chip-two{right:-5px}.hero-art{min-height:290px}.calc-inputs{grid-template-columns:1fr}.calc-inputs label:first-child{grid-column:auto}}.page-main{min-height:70vh}.page-shell{padding:72px 9.2%}.content-card{background:#fff;border:1px solid #e7eaf2;border-radius:16px;padding:32px 28px;box-shadow:0 16px 36px #1216270a}.content-card h1,.tool-page-header h1{font-family:Manrope,sans-serif;font-size:clamp(30px,3vw,48px);margin:12px 0;letter-spacing:-1.8px}.content-card p,.tool-page-header p{color:#6f778b;line-height:1.75}.narrow-card{max-width:760px}.breadcrumb{display:flex;align-items:center;gap:8px;color:#757e92;font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}.breadcrumb-divider{color:#a3a6b5}.tool-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,.65fr);gap:22px;align-items:start}.tool-page-header{margin-bottom:24px}.tool-panel,.info-card{background:#fff;border:1px solid #e7eaf2;border-radius:16px;padding:20px;box-shadow:0 14px 34px #191d2b0a}.info-card{margin-bottom:18px}.info-card h3{margin:0 0 12px;font-family:Manrope,sans-serif;font-size:18px}.info-card ul{margin:0;padding-left:18px;color:#697286;line-height:1.8}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag-pill{display:inline-flex;align-items:center;gap:6px;background:#f2f1ff;color:#5247d7;border-radius:999px;padding:8px 12px;font-size:10px;font-weight:700}.tool-toggle-row{display:flex;gap:8px;background:#f3f5fb;padding:8px;border-radius:12px;margin-bottom:14px}.tool-toggle{border:none;background:transparent;border-radius:8px;padding:9px 12px;color:#5d667d;font-weight:700;cursor:pointer}.tool-toggle.selected{background:#fff;color:#5147c9;box-shadow:0 2px 8px #1e213414}.stack-grid{margin-top:26px}.not-found-card{text-align:center}.not-found-card .btn-primary{display:inline-flex;margin-top:8px}.file-actions{display:flex;align-items:center;gap:10px;padding:8px 12px;border-top:1px solid #f0f1f6}.file-input{display:none}.file-actions>span{flex:1;min-width:120px;color:#777e90;font-size:10px;overflow-wrap:anywhere}.result-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.output-label{gap:8px}.copy-btn:disabled{opacity:.45;cursor:not-allowed}.output-panel pre.output-error{color:#b42318}@media(max-width:900px){.tool-layout{grid-template-columns:1fr}}@media(max-width:700px){.page-shell{padding:56px 6%}.content-card{padding:24px 18px}.breadcrumb{flex-wrap:wrap}}.percentage-calculator{display:flex;flex-direction:column;gap:20px}.percentage-intro h2{margin:0 0 6px;font-family:Manrope,sans-serif;font-size:20px;letter-spacing:-.5px}.percentage-intro p{margin:0;color:#777e90;font-size:12px;line-height:1.6}.percentage-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.percentage-mode{min-width:0;min-height:76px;padding:13px 14px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;text-align:left;border:1px solid #e6e8f0;border-radius:10px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.percentage-mode:hover{border-color:#bcb5ff}.percentage-mode.active{border-color:#8d83ed;background:#f7f6ff;box-shadow:0 0 0 2px #6257df12}.percentage-mode strong{color:#303348;font-size:12px}.percentage-mode span{color:#858b9b;font-size:10px;line-height:1.4}.percentage-workspace{display:flex;flex-direction:column;gap:15px}.percentage-fields{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:12px}.percentage-fields label{min-width:0;display:flex;flex-direction:column;gap:7px;color:#687085;font-size:11px;font-weight:700}.percentage-fields input{width:100%;min-width:0;height:44px;padding:10px 12px;border:1px solid #dfe2ec;border-radius:8px;outline:none;background:#fff;color:#25283b;font-size:15px}.percentage-fields input:focus{border-color:#8f84ec;box-shadow:0 0 0 3px #6257df18}.percentage-operator{padding-bottom:14px;color:#8990a0;font-size:12px}.apply-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.adjustment-switch{grid-column:1 / -1;display:flex;gap:4px;padding:4px;border:1px solid #e6e8f0;border-radius:9px;background:#f5f6fa}.adjustment-switch button{flex:1;min-height:36px;border:0;border-radius:6px;background:transparent;color:#70778a;font-size:11px;font-weight:700;cursor:pointer}.adjustment-switch button.active{background:#fff;color:#5147c9;box-shadow:0 1px 5px #1d204012}.percentage-result{min-height:126px;padding:17px 19px;display:flex;flex-direction:column;justify-content:center;gap:6px;border:1px solid #e6e3ff;border-radius:11px;background:linear-gradient(110deg,#f5f3ff,#fbfaff)}.percentage-result p{margin:0;color:#6f6a98;font-size:11px;line-height:1.5}.percentage-result strong{color:#292747;font-family:Manrope,sans-serif;font-size:clamp(24px,4vw,34px);letter-spacing:-1px;overflow-wrap:anywhere}.percentage-result small{color:#858197;font:10px/1.5 DM Mono,monospace;overflow-wrap:anywhere}.percentage-result.has-error{justify-content:center;border-color:#f1d0cc;background:#fff8f7}.percentage-result.has-error p{color:#b42318}.percentage-note{margin:0;display:flex;align-items:center;gap:7px;color:#7d8494;font-size:10px}.percentage-note svg{flex:0 0 auto;color:#43a681}@media(max-width:700px){.percentage-calculator{gap:16px}.percentage-intro h2{font-size:18px}.percentage-modes{gap:8px}.percentage-mode{min-height:74px;padding:11px}.percentage-mode strong{font-size:11px}.percentage-mode span{font-size:9px}.percentage-fields{gap:8px}.percentage-fields input{padding:9px;font-size:14px}.percentage-operator{font-size:10px}}@media(max-width:360px){.percentage-modes{grid-template-columns:1fr}.percentage-fields{grid-template-columns:minmax(0,1fr)}.percentage-operator{padding:0;text-align:center}.apply-fields{grid-template-columns:1fr}}.search-box{transition:border-color .15s,box-shadow .15s}.search-box:focus-within{border-color:#9c93ef;box-shadow:0 0 0 3px #6257df12}.search-box kbd{display:flex;align-items:center;gap:7px}.search-box kbd span+span:before{content:"/";margin-right:7px;color:#a3a6b3}.search-clear{flex:0 0 auto;display:grid;place-items:center;width:25px;height:25px;border:0;border-radius:6px;background:#f3f4f8;color:#72798a;cursor:pointer}.search-clear:hover{background:#e9e7ff;color:#5147c9}.tool-results-count{min-height:15px;margin:-15px 0 14px;color:#8a90a0;font-size:10px}.empty-search{display:flex;flex-direction:column;align-items:center;gap:8px;border:1px dashed #dfe1eb;border-radius:12px;background:#fff}.empty-search strong{color:#34384c;font-size:14px}.empty-search span{font-size:11px}.empty-search button{margin-top:5px;padding:8px 12px;border:1px solid #e3e1f7;border-radius:7px;background:#f6f5ff;color:#574dc7;font-size:10px;font-weight:700;cursor:pointer}.tool-page-header{padding-bottom:24px;border-bottom:1px solid #e9eaf2}.tool-page-header p{max-width:720px;margin:0}.tool-header-actions{display:flex;align-items:center;gap:16px;margin-top:18px}.tool-header-actions>span{display:inline-flex;align-items:center;gap:6px;color:#687284;font-size:10px}.tool-header-actions>span svg{color:#3da47e}.tool-header-actions .btn-primary{min-height:39px;padding:10px 14px;font-size:11px}@media(max-width:700px){.tool-results-count{margin-top:-6px}.tool-header-actions{align-items:flex-start;flex-direction:column;gap:12px}.tool-page-header{margin-bottom:20px;padding-bottom:20px}}.hero-art .code-window{animation:hero-window-float 6s ease-in-out infinite}.hero-art .chip-one{animation:hero-chip-float 5s ease-in-out infinite}.hero-art .chip-two{animation:hero-chip-float 5.5s ease-in-out -2.5s infinite}.hero-art .art-glow{animation:hero-glow-pulse 5s ease-in-out infinite}@keyframes hero-window-float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(-1deg)}}@keyframes hero-chip-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes hero-glow-pulse{0%,to{opacity:.8}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.hero-art .code-window,.hero-art .chip-one,.hero-art .chip-two,.hero-art .art-glow{animation:none}}.pem-decoder{display:flex;flex-direction:column;gap:16px}.pem-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.pem-intro h2{margin:0 0 6px;color:#292b3e;font:700 19px Manrope,sans-serif;letter-spacing:-.5px}.pem-intro p{margin:0;color:#777e90;font-size:11px;line-height:1.65}.pem-intro .local-label{flex:0 0 auto}.pem-input-panel{overflow:hidden;border:1px solid #e3e5ef;border-radius:10px;background:#fff}.pem-input-heading{min-height:42px;padding:8px 11px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #eceef5;background:#fafbfe}.pem-input-heading label{color:#777e90;font-size:9px;font-weight:800;letter-spacing:.7px}.pem-input-actions{display:flex;flex-wrap:wrap;gap:5px}.pem-input-actions button{padding:6px 8px;display:inline-flex;align-items:center;gap:5px;border:1px solid #e5e7ef;border-radius:6px;background:#fff;color:#5f6678;font-size:9px;font-weight:700;cursor:pointer}.pem-input-actions button:hover{border-color:#c7c0ff;color:#5147c9}.pem-input-panel textarea{display:block;width:100%;min-height:220px;resize:vertical;padding:14px;border:0;outline:0;color:#37394e;background:#fff;font:11px/1.65 DM Mono,monospace}.pem-input-panel textarea:focus{box-shadow:inset 0 0 0 2px #6257df25}.pem-input-panel>small{display:block;padding:7px 12px;border-top:1px solid #f0f1f6;color:#989dad;font-size:9px}.pem-decode-actions{display:flex;align-items:center;gap:12px}.pem-decode-actions .btn-primary{min-height:40px;padding:10px 15px;border:0;cursor:pointer}.pem-decode-actions>span{display:flex;align-items:center;gap:5px;color:#858b9b;font-size:9px}.pem-decode-actions kbd{padding:3px 5px;border:1px solid #e4e6ed;border-radius:4px;background:#f5f6fa;color:#676d7c;font:9px DM Mono,monospace}.pem-error,.pem-status{margin:0;padding:10px 12px;border-radius:7px;font-size:10px;line-height:1.5}.pem-error{color:#a52d25;background:#fff2f0}.pem-status{color:#237b60;background:#edf9f3}.pem-results{display:flex;flex-direction:column;gap:14px}.pem-result{min-width:0;padding:15px;border:1px solid #393a3a;border-radius:9px;background:#1d1e1c;color:#f6f5f0;box-shadow:0 10px 24px #19191912}.pem-result-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:12px;border-bottom:1px solid #41423e}.pem-result-header>div{min-width:0;display:flex;align-items:center;gap:10px}.pem-block-number{width:30px;height:30px;display:grid;place-items:center;border:1px solid #494a45;border-radius:6px;color:#fff;font:700 16px Manrope,sans-serif}.pem-result-header h3{margin:0;color:#f8f7f2;font-size:12px}.pem-result-header small{display:block;margin-top:4px;color:#92938b;font-size:8px}.pem-result .copy-btn{flex:0 0 auto;border-color:transparent;background:transparent;color:#b6adff;font-size:9px}.pem-result .copy-btn:hover{background:#33342f}.pem-result dl{margin:0}.pem-detail{display:grid;grid-template-columns:minmax(130px,.75fr) minmax(0,1.7fr);gap:16px;padding:9px 3px;border-bottom:1px dashed #3e3f3b}.pem-detail:last-child{border-bottom:0}.pem-detail dt{color:#a3a399;font-size:9px}.pem-detail dd{min-width:0;margin:0;color:#eeede7;font:9px/1.6 DM Mono,monospace;overflow-wrap:anywhere;white-space:pre-wrap}.pem-notice{margin:10px 0 0;padding-top:10px;display:flex;align-items:flex-start;gap:7px;border-top:1px solid #41423e;color:#b0b1a8;font-size:9px;line-height:1.6}.pem-notice svg{flex:0 0 auto;color:#7bc8a7}@media(max-width:700px){.pem-intro{flex-direction:column}.pem-input-heading{align-items:flex-start;flex-direction:column}.pem-input-panel textarea{min-height:190px}.pem-result{padding:12px}.pem-detail{grid-template-columns:1fr;gap:4px}}.json-formatter{display:flex;flex-direction:column;gap:12px}.json-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.json-format-modes{display:flex;gap:3px;padding:3px;border-radius:7px;background:#f1f2f8}.json-format-modes button{border:0;border-radius:5px;background:transparent;padding:7px 10px;color:#777d8e;font-size:10px;cursor:pointer}.json-format-modes button.selected{background:#fff;color:#5147c9;box-shadow:0 1px 4px #1d20400f;font-weight:800}.json-indent-control{display:flex;align-items:center;gap:7px;color:#767d8f;font-size:10px;font-weight:700}.json-indent-control select{border:1px solid #e4e6ef;border-radius:6px;padding:6px 8px;background:#fff;color:#454b60;font-size:10px}.json-toolbar-actions{display:flex;gap:6px;margin-left:auto}.json-validation{margin:0;padding:9px 11px;border-radius:7px;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.json-validation.valid{color:#237b60;background:#edf9f3}.json-validation.invalid{color:#a52d25;background:#fff2f0}.json-copy-message{margin:0;color:#a52d25;font-size:10px}.json-tree{min-height:170px;max-height:360px;overflow:auto;padding:10px 12px;color:#3d4661;font:11px/1.8 DM Mono,monospace}.json-tree-row{min-height:26px;display:flex;align-items:center;gap:7px;white-space:pre}.json-tree-toggle{width:17px;height:20px;flex:0 0 17px;display:grid;place-items:center;border:0;padding:0;background:transparent;color:#777e90;cursor:pointer}.json-tree-spacer{width:17px;flex:0 0 17px}.json-tree-key{color:#4a4b67;font-weight:500}.json-tree-value{overflow-wrap:anywhere;white-space:pre-wrap}.json-tree-value.string{color:#25815f}.json-tree-value.number{color:#7d58bc}.json-tree-value.boolean{color:#c07020}.json-tree-value.null{color:#858b9b}.json-tree-type{border-radius:4px;background:#f0f1f7;padding:1px 5px;color:#757c8e;font:9px DM Sans,sans-serif}.json-tree-count,.json-tree-empty{color:#9298a6;font:9px DM Sans,sans-serif}.json-tree-empty{padding-top:2px;padding-bottom:2px}@media(max-width:700px){.json-toolbar{align-items:flex-start}.json-toolbar-actions{margin-left:0}.json-format-modes button{padding:7px 8px}}.url-tool{display:flex;flex-direction:column;gap:12px}.url-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.url-mode-switch{display:flex;gap:3px;padding:3px;border-radius:8px;background:#f1f2f8}.url-mode-switch button{min-width:72px;border:0;border-radius:6px;background:transparent;padding:8px 11px;color:#777d8e;font-size:10px;cursor:pointer}.url-mode-switch button.active{background:#fff;color:#5147c9;box-shadow:0 1px 4px #1d20400f;font-weight:800}.url-scope-control{display:flex;align-items:center;gap:8px;color:#687085;font-size:10px;font-weight:700}.url-scope-control select{min-height:34px;border:1px solid #e4e6ef;border-radius:7px;padding:6px 9px;background:#fff;color:#454b60;font-size:10px}.url-quick-actions{display:flex;gap:6px;margin-left:auto}.url-scope-help{margin:-4px 0 0;color:#7d8494;font-size:10px;line-height:1.5}.url-result-status{padding:9px 11px;border-radius:7px;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.url-result-status.valid{color:#237b60;background:#edf9f3}.url-result-status.invalid{color:#a52d25;background:#fff2f0}.url-result-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.url-result-actions>span{color:#777e90;font-size:10px}@media(max-width:700px){.url-controls{align-items:flex-start;gap:9px}.url-scope-control{flex-direction:column;align-items:flex-start;gap:5px}.url-scope-control select{max-width:190px}.url-quick-actions{margin-left:0}}.uuid-tool{display:flex;flex-direction:column;gap:16px}.uuid-version-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.uuid-version-options button{min-width:0;min-height:82px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;padding:13px 15px;border:1px solid #e5e7ef;border-radius:10px;background:#fff;text-align:left;cursor:pointer}.uuid-version-options button.active{border-color:#9288ed;background:#f8f7ff;box-shadow:0 0 0 2px #6257df12}.uuid-version-options strong{color:#33364b;font-size:12px}.uuid-version-options span{color:#7e8595;font-size:10px;line-height:1.5}.uuid-options{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;padding:12px 14px;border:1px solid #e8eaf2;border-radius:9px;background:#fbfcff}.uuid-options-heading{color:#535b70;font-size:10px;font-weight:800}.uuid-options label{display:inline-flex;align-items:center;gap:6px;color:#687085;font-size:10px;cursor:pointer}.uuid-options input{width:14px;height:14px;margin:0;accent-color:#6257df}.uuid-generate-controls{display:flex;align-items:end;gap:9px;flex-wrap:wrap}.uuid-generate-controls>label{display:flex;flex-direction:column;gap:5px;color:#535b70;font-size:10px;font-weight:700}.uuid-generate-controls>label span{color:#8a90a0;font-size:9px;font-weight:400}.uuid-generate-controls>input{width:100px;height:39px;padding:8px 10px;border:1px solid #dfe2ec;border-radius:7px;outline-color:#a8a0ff;color:#33364b;font-size:12px}.uuid-generate-button{min-height:39px;padding:10px 13px;border:0;cursor:pointer}.uuid-results{border:1px solid #e6e8f0;border-radius:10px;overflow:hidden;background:#fbfcff}.uuid-results-heading{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid #eceef5}.uuid-results-heading>div:first-child{display:flex;flex-direction:column;gap:4px;min-width:0}.uuid-results-heading strong{color:#4a5063;font-size:10px}.uuid-results-heading span{color:#858b9b;font-size:9px}.uuid-output{display:block;width:100%;min-height:126px;max-height:360px;resize:vertical;border:0;outline:0;padding:13px;background:#fbfcff;color:#3d4661;font:11px/1.8 DM Mono,monospace;overflow-wrap:anywhere}.uuid-output::placeholder{color:#a0a5b1}.uuid-error{margin:0;padding:9px 11px;border-radius:7px;background:#fff2f0;color:#a52d25;font-size:10px}.uuid-message{margin:0;color:#4e806d;font-size:10px}.uuid-guid-note{margin:0;color:#777e90;font-size:10px;line-height:1.5}.uuid-guid-note strong{color:#5e56bd}@media(max-width:700px){.uuid-version-options{grid-template-columns:1fr;gap:8px}.uuid-version-options button{min-height:72px}.uuid-options{gap:11px 14px}.uuid-options-heading{flex-basis:100%}.uuid-results-heading{align-items:flex-start;flex-direction:column}.uuid-generate-controls{align-items:center}}.timestamp-tool{display:flex;flex-direction:column;gap:14px}.timestamp-toolbar{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.timestamp-mode-switch{display:flex;gap:3px;padding:3px;border-radius:8px;background:#f1f2f8}.timestamp-mode-switch button{border:0;border-radius:6px;background:transparent;padding:8px 10px;color:#777d8e;font-size:10px;cursor:pointer}.timestamp-mode-switch button.active{background:#fff;color:#5147c9;box-shadow:0 1px 4px #1d20400f;font-weight:800}.timestamp-toolbar>label{display:flex;align-items:center;gap:7px;color:#687085;font-size:10px;font-weight:700}.timestamp-toolbar select,.timestamp-zone-result select{min-height:34px;border:1px solid #e4e6ef;border-radius:7px;padding:6px 9px;background:#fff;color:#454b60;font-size:10px}.timestamp-quick-actions{display:flex;gap:6px;margin-left:auto}.timestamp-input-field{display:flex;flex-direction:column;gap:7px;color:#535b70;font-size:11px;font-weight:700}.timestamp-input-field>span{color:#8990a0;font-size:9px;font-weight:400}.timestamp-input-field input{width:100%;min-height:43px;border:1px solid #dfe2ec;border-radius:8px;padding:10px 12px;outline-color:#a8a0ff;color:#34384d;font:12px DM Mono,monospace}.timestamp-hint{margin:-5px 0 0;color:#7d8494;font-size:10px;line-height:1.5}.timestamp-results{overflow:hidden;border:1px solid #e6e8f0;border-radius:10px;background:#fbfcff}.timestamp-result-primary{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px;border-bottom:1px solid #e9ebf2;background:#f5f4ff}.timestamp-result-primary>div,.timestamp-result-grid>div,.timestamp-reverse-result>div{min-width:0;display:flex;flex-direction:column;gap:5px}.timestamp-result-primary span,.timestamp-result-grid>div>span,.timestamp-reverse-result>div>span{color:#777e90;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.timestamp-result-primary strong,.timestamp-result-grid strong,.timestamp-reverse-result strong{color:#3a3d53;font:11px/1.5 DM Mono,monospace;overflow-wrap:anywhere}.timestamp-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.timestamp-result-grid>div{min-width:0;min-height:76px;justify-content:center;padding:12px 13px;border-bottom:1px solid #eceef5}.timestamp-zone-result label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#777e90;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.timestamp-zone-result select{min-height:27px;padding:4px 6px;font-size:9px;text-transform:none;letter-spacing:0}.timestamp-copy-row{grid-column:1/-1;display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px 10px!important}.timestamp-copy-row>span{grid-column:1/-1}.timestamp-copy-row strong{min-width:0}.timestamp-error{margin:0;padding:10px 12px;border:1px solid #f1d0cc;border-radius:8px;background:#fff5f3;color:#a52d25;font-size:10px;line-height:1.5}.timestamp-reverse-result{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px}.timestamp-reverse-result small{grid-column:1/-1;color:#777e90;font:10px DM Mono,monospace;overflow-wrap:anywhere}.timestamp-copy-message{margin:0;color:#4e806d;font-size:10px}@media(max-width:700px){.timestamp-toolbar{align-items:flex-start}.timestamp-quick-actions{margin-left:0}.timestamp-result-grid{grid-template-columns:1fr}.timestamp-result-grid>div{min-height:62px}.timestamp-result-primary{align-items:flex-start;flex-direction:column}.timestamp-result-primary strong{overflow-wrap:anywhere}}.jwt-tool{display:flex;flex-direction:column;gap:18px}.jwt-mode-switch{display:flex;width:fit-content;gap:4px;padding:4px;border-radius:9px;background:#f1f2f8}.jwt-mode-switch button{min-width:110px;min-height:36px;border:0;border-radius:6px;background:transparent;color:#747b8c;font-size:11px;font-weight:700;cursor:pointer}.jwt-mode-switch button.active{background:#fff;color:#5147c9;box-shadow:0 1px 5px #1d204012}.jwt-content{display:flex;flex-direction:column;gap:16px}.jwt-example-row{display:grid;grid-template-columns:auto minmax(220px,360px);justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;border:1px solid #e6e8f0;border-radius:9px;background:#fbfcff}.jwt-example-row>label{color:#596176;font-size:11px;font-weight:700}.jwt-example-row select,.jwt-public-key-control select{min-width:0;height:38px;padding:7px 10px;border:1px solid #dfe2ec;border-radius:7px;background:#fff;color:#34384d;font-size:11px}.jwt-field{display:flex;min-width:0;flex-direction:column;gap:8px;color:#596176;font-size:11px;font-weight:700}.jwt-field textarea,.jwt-field input{width:100%;min-width:0;border:1px solid #e1e4ed;border-radius:8px;outline:none;background:#fff;color:#34384d}.jwt-field textarea{min-height:116px;padding:12px;resize:vertical;font:11px/1.65 DM Mono,monospace;overflow-wrap:anywhere}.jwt-field input{height:42px;padding:10px 12px;font-size:12px}.jwt-field textarea:focus,.jwt-field input:focus{border-color:#8f84ec;box-shadow:0 0 0 3px #6257df18}.jwt-field small{color:#8b91a0;font-size:9px;font-weight:400;line-height:1.5}.jwt-decode-grid,.jwt-json-editors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.jwt-json-card{min-width:0;border:1px solid #e6e8f0;border-radius:9px;overflow:hidden;background:#fbfcff}.jwt-json-card h3{margin:0;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eceef5;color:#5a6276;font-size:10px}.jwt-json-card h3 span,.jwt-encoder-heading>span{padding:4px 6px;border-radius:4px;background:#eaf8f2;color:#338d70;font:8px DM Mono,monospace;letter-spacing:.4px}.jwt-json-card pre{min-height:88px;max-height:220px;overflow:auto;margin:0;padding:12px;color:#3d4661;white-space:pre-wrap;overflow-wrap:anywhere;font:10px/1.7 DM Mono,monospace}.jwt-claims{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.jwt-claims div{min-width:0;display:flex;flex-direction:column;gap:4px;padding:10px;border:1px solid #e9eaf2;border-radius:8px;background:#fff}.jwt-claims strong{color:#6257d9;font:10px DM Mono,monospace}.jwt-claims span,.jwt-claims small{color:#72798b;font-size:9px;overflow-wrap:anywhere}.jwt-signature-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.8fr) auto;gap:12px;align-items:end;padding:14px;border:1px solid #e6e8f0;border-radius:10px;background:#fbfcff}.jwt-signature-panel>div strong{color:#34384d;font-size:11px}.jwt-signature-panel>div p{margin:5px 0 0;color:#818899;font-size:9px;line-height:1.55}.jwt-secret-control{grid-column:2;display:flex;min-width:0;flex-direction:column;gap:8px}.jwt-secret-control>label:not(.jwt-checkbox){display:flex;min-width:0;flex-direction:column;gap:6px;color:#687085;font-size:10px;font-weight:700}.jwt-secret-control input:not([type=checkbox]){height:38px;min-width:0;padding:8px 10px;border:1px solid #dfe2ec;border-radius:7px;outline-color:#a8a0ff;font-size:11px}.jwt-public-key-control{grid-column:2;display:flex;min-width:0;flex-direction:column;gap:8px}.jwt-public-key-control>label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#687085;font-size:10px;font-weight:700}.jwt-public-key-control select{height:32px}.jwt-public-key-control textarea{width:100%;min-width:0;min-height:78px;padding:9px;border:1px solid #dfe2ec;border-radius:7px;resize:vertical;outline:none;font:9px/1.5 DM Mono,monospace;overflow-wrap:anywhere}.jwt-public-key-control textarea:focus{border-color:#8f84ec;box-shadow:0 0 0 3px #6257df18}.jwt-checkbox{display:flex;align-items:center;gap:7px;color:#687085;font-size:9px;font-weight:500;cursor:pointer}.jwt-checkbox input{width:14px;height:14px;margin:0;accent-color:#6257df;flex:0 0 auto}.jwt-action{min-height:38px;padding:10px 13px;white-space:nowrap;border:0;cursor:pointer}.jwt-action:disabled{opacity:.5;cursor:not-allowed}.jwt-verification{grid-column:1/-1;margin:0;color:#7d8494;font-size:10px}.jwt-verification.valid{color:#278361}.jwt-verification.invalid,.jwt-verification.error{color:#b42318}.jwt-error{margin:0;padding:11px 12px;border:1px solid #f1d0cc;border-radius:8px;background:#fff8f7;color:#b42318;font-size:11px;line-height:1.5;overflow-wrap:anywhere}.jwt-privacy{margin:0;display:flex;align-items:center;gap:7px;color:#7d8494;font-size:9px;line-height:1.5}.jwt-privacy svg{flex:0 0 auto;color:#43a681}.jwt-encoder-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.jwt-encoder-heading h2{margin:0 0 5px;font:700 17px Manrope,sans-serif;color:#303348}.jwt-encoder-heading p{margin:0;color:#777e90;font-size:10px;line-height:1.5}.jwt-secret-field{max-width:600px}.jwt-generated{padding:12px;border:1px solid #e6e8f0;border-radius:9px;background:#fbfcff}.jwt-generated-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#596176;font-size:10px;font-weight:700}.jwt-generated textarea{min-height:90px}.jwt-encoder-algorithm{grid-template-columns:auto minmax(220px,360px)}.jwt-encoder-heading>span{white-space:nowrap}.jwt-private-key-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.35fr);gap:14px;align-items:start}.jwt-private-key-section textarea{min-height:126px}.jwt-key-format select{height:42px;padding:9px 10px;border:1px solid #e1e4ed;border-radius:8px;background:#fff;color:#34384d;font-size:11px}.jwt-unsigned-warning{margin:0;padding:11px 12px;border:1px solid #f3d9a5;border-radius:8px;background:#fffaf0;color:#8a5a10;font-size:10px;line-height:1.5}@media(max-width:700px){.jwt-example-row{grid-template-columns:minmax(0,1fr);gap:8px}.jwt-private-key-section{grid-template-columns:minmax(0,1fr)}.jwt-decode-grid,.jwt-json-editors{grid-template-columns:1fr}.jwt-public-key-control{grid-column:auto}.jwt-signature-panel{grid-template-columns:1fr;align-items:stretch}.jwt-secret-control{grid-column:auto}.jwt-signature-panel .jwt-action{justify-self:start}.jwt-verification{grid-column:auto}.jwt-claims{grid-template-columns:1fr}.jwt-claims div{display:grid;grid-template-columns:45px minmax(0,1fr)}.jwt-claims small{grid-column:2}}.ssl-generator{display:flex;flex-direction:column;gap:16px}.ssl-generator-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ssl-generator-heading h2{margin:0 0 5px;color:#303348;font:700 17px Manrope,sans-serif}.ssl-generator-heading p{margin:0;color:#777e90;font-size:10px;line-height:1.6}.ssl-warning{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;border:1px solid #f0dfb8;border-radius:9px;background:#fffbf1;color:#805b16}.ssl-warning svg{flex:0 0 auto;margin-top:1px;color:#be8d31}.ssl-warning p{margin:0;font-size:10px;line-height:1.6}.ssl-warning strong{color:#68460b}.ssl-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.ssl-field{display:flex;min-width:0;flex-direction:column;gap:7px;color:#596176;font-size:10px;font-weight:700}.ssl-field-wide{grid-column:1/-1}.ssl-field>span small{color:#8b91a0;font-size:9px;font-weight:400}.ssl-field>span b{color:#bf4943}.ssl-field input,.ssl-field select,.ssl-field textarea{width:100%;min-width:0;min-height:39px;padding:9px 10px;border:1px solid #dfe2ec;border-radius:7px;outline-color:#a8a0ff;background:#fff;color:#34384d;font-size:11px}.ssl-field textarea{min-height:70px;resize:vertical;font:10px/1.6 DM Mono,monospace}.ssl-field small{color:#858b9b;font-size:9px;font-weight:400;line-height:1.5}.ssl-actions,.ssl-downloads{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.ssl-actions .btn-primary,.ssl-downloads button{min-height:40px;border:0;cursor:pointer}.ssl-actions .btn-primary:disabled{opacity:.6;cursor:wait}.ssl-progress,.ssl-status{margin:0;color:#4e806d;font-size:10px;line-height:1.5}.ssl-error{margin:0;padding:10px 12px;border:1px solid #f1d0cc;border-radius:8px;background:#fff5f3;color:#a52d25;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.ssl-result{display:flex;min-width:0;flex-direction:column;gap:12px;padding:13px;border:1px solid #e6e8f0;border-radius:10px;background:#fbfcff}.ssl-result-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.ssl-result-heading h3{margin:0 0 4px;color:#34384d;font:700 14px Manrope,sans-serif}.ssl-result-heading>div>span{color:#7c8394;font-size:9px}.ssl-metadata{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;border:1px solid #e8eaf2;border-radius:8px;overflow:hidden}.ssl-metadata>div{display:flex;min-width:0;flex-direction:column;gap:5px;padding:10px;border-bottom:1px solid #eceef5}.ssl-metadata>div:nth-child(odd){border-right:1px solid #eceef5}.ssl-metadata dt{color:#818899;font-size:9px;font-weight:700}.ssl-metadata dd{margin:0;color:#41475b;font:10px/1.5 DM Mono,monospace;overflow-wrap:anywhere}.ssl-metadata .ssl-fingerprint{grid-column:1/-1}.ssl-output{min-width:0;overflow:hidden;border:1px solid #e6e8f0;border-radius:8px;background:#fff}.ssl-output-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border-bottom:1px solid #eceef5;color:#535b70;font-size:10px}.ssl-private-output .ssl-output-heading{background:#fffaf0;color:#805b16}.ssl-output pre{max-height:205px;overflow:auto;margin:0;padding:10px;color:#3d4661;white-space:pre-wrap;overflow-wrap:anywhere;font:9px/1.6 DM Mono,monospace}.ssl-downloads .btn-primary,.ssl-downloads .copy-btn{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:6px;padding:9px 11px;font-size:9px}.ssl-downloads .copy-btn{border-radius:8px}.ssl-privacy{display:flex;align-items:center;gap:7px;margin:0;color:#7d8494;font-size:9px;line-height:1.5}.ssl-privacy svg{flex:0 0 auto;color:#43a681}@media(max-width:700px){.ssl-generator-heading{align-items:flex-start}.ssl-form{gap:11px}.ssl-field input,.ssl-field select{font-size:16px}.ssl-result-heading{align-items:flex-start;flex-direction:column}.ssl-metadata{grid-template-columns:1fr}.ssl-metadata>div:nth-child(odd){border-right:0}.ssl-metadata .ssl-fingerprint{grid-column:auto}.ssl-downloads{display:grid;grid-template-columns:1fr}.ssl-downloads button{width:100%}}.internet-speed-test{display:flex;flex-direction:column;gap:14px}.speed-test-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.speed-test-intro h2{margin:0 0 5px;color:#303348;font:700 17px Manrope,sans-serif}.speed-test-intro p{margin:0;color:#777e90;font-size:10px;line-height:1.6}.speed-test-notice{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;border:1px solid #e8eaf2;border-radius:9px;background:#f9faff;color:#697286}.speed-test-notice svg{flex:0 0 auto;margin-top:1px;color:#6257df}.speed-test-notice p{margin:0;font-size:9px;line-height:1.6}.speed-test-notice strong{color:#454b60}.speed-test-card{padding:15px;border:1px solid #e6e8f0;border-radius:11px;background:#fff;box-shadow:0 5px 18px #2f305008}.speed-test-topline{display:flex;align-items:center;justify-content:space-between;gap:10px}.speed-test-server{display:flex;align-items:center;gap:8px;color:#6257df}.speed-test-server>span{display:flex;flex-direction:column;gap:3px}.speed-test-server strong{color:#41475b;font-size:10px}.speed-test-server small{color:#858b9b;font-size:8px}.speed-server-badge{display:inline-flex;align-items:center;gap:6px;color:#677085;font-size:9px}.speed-server-badge i{width:7px;height:7px;border-radius:50%;background:#41bd8b}.speed-test-summary{display:flex;align-items:baseline;gap:10px;margin-top:7px}.speed-test-summary strong{color:#292a35;font:800 clamp(48px,8vw,76px)/1 Manrope,sans-serif;letter-spacing:-4px}.speed-test-summary>span{color:#707789;font:11px DM Mono,monospace}.speed-test-progress{min-height:16px;margin:5px 0 10px;color:#777e90;font:9px DM Mono,monospace}.speed-chart{position:relative;min-width:0;overflow:hidden;border:1px solid #e3e5ed;border-radius:6px;background:#fff}.speed-chart svg{display:block;width:100%;height:clamp(125px,25vw,190px)}.speed-chart-grid{stroke:#e8eaf0;stroke-width:1}.speed-chart-download-area{fill:#6257df18}.speed-chart-upload-area{fill:#ed8a321b}.speed-chart-download-line,.speed-chart-upload-line{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}.speed-chart-download-line{stroke:#5146dc}.speed-chart-upload-line{stroke:#df781e}.speed-chart-legend{position:absolute;right:9px;bottom:7px;display:flex;gap:12px;color:#7d8494;font-size:8px}.speed-chart-legend span{display:inline-flex;align-items:center;gap:5px}.speed-chart-legend i{width:7px;height:7px;border-radius:50%}.download-dot{background:#5146dc}.upload-dot{background:#df781e}.speed-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0 14px}.speed-metrics>div{min-width:0;display:flex;flex-direction:column;gap:4px;padding-top:8px;border-top:2px solid #42ad7f}.speed-metrics .download-metric{border-color:#5146dc}.speed-metrics .upload-metric{border-color:#df781e}.speed-metrics>div>span{color:#7a8191;font-size:8px}.speed-metrics strong{color:#292a35;font:700 clamp(16px,2.4vw,23px)/1.2 Manrope,sans-serif;overflow-wrap:anywhere}.speed-metrics strong small{font-size:10px;font-weight:500}.speed-metrics>div>small{color:#858b9b;font:8px/1.5 DM Mono,monospace;overflow-wrap:anywhere}.speed-test-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.speed-test-actions .btn-primary{min-height:38px;padding:10px 13px;border:0;cursor:pointer}.speed-test-actions .btn-primary:disabled{opacity:.6;cursor:wait}.speed-test-actions>span{display:inline-flex;align-items:center;gap:4px;color:#858b9b;font-size:8px}.speed-test-actions kbd{padding:2px 4px;border:1px solid #e4e6ed;border-radius:3px;background:#fff;font:8px DM Mono,monospace}.speed-stop-button{min-height:35px;padding:8px 11px;border:1px solid #e1e4ed;border-radius:7px;background:#fff;color:#62697a;font-size:9px;cursor:pointer}.speed-test-error{margin:0;padding:10px 12px;border:1px solid #f1d0cc;border-radius:8px;background:#fff5f3;color:#a52d25;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.speed-test-status{margin:0;color:#4e806d;font-size:9px;line-height:1.5}.speed-test-hint{display:flex;align-items:flex-start;gap:7px;margin:0;color:#7d8494;font-size:9px;line-height:1.6}.speed-test-hint svg{flex:0 0 auto;color:#6257df}@media(max-width:700px){.speed-test-card{padding:11px}.speed-test-summary strong{letter-spacing:-2px}.speed-metrics{gap:8px}.speed-metrics strong{font-size:14px}.speed-metrics>div>small{font-size:7px}.speed-test-actions{gap:7px}}.base64-live-toggle{display:flex;align-items:center;gap:7px;margin-left:auto;padding:0 8px;color:#687085;font-size:10px;font-weight:600;white-space:nowrap}.base64-live-toggle input,.base64-options input{accent-color:#6257df}.base64-options{display:flex;flex-wrap:wrap;align-items:center;gap:13px 20px;padding:0 17px 16px}.base64-options>label{display:inline-flex;align-items:center;gap:7px;color:#687085;font-size:10px;line-height:1.5}.base64-options input[type=checkbox]{width:14px;height:14px;margin:0;flex:0 0 auto}.base64-options input:disabled{opacity:.45}.base64-options .base64-newline{gap:8px}.base64-newline select{border:1px solid #e4e6ef;border-radius:6px;background:#fff;padding:6px 8px;color:#4b5265;font-size:10px}.base64-process{margin:0 17px 15px;border:0;cursor:pointer}.output-panel pre[role=status]{overflow-wrap:anywhere}@media(max-width:700px){.base64-live-toggle{margin-left:0}.base64-options{gap:11px 15px;padding:0 12px 13px}}.qr-tool{display:flex;flex-direction:column;gap:16px}.qr-builder-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.qr-builder-heading h2{margin:0 0 5px;font:700 17px Manrope,sans-serif;color:#303348}.qr-builder-heading p{margin:0;color:#777e90;font-size:10px;line-height:1.6}.qr-field{display:flex;min-width:0;flex-direction:column;gap:7px;color:#687085;font-size:10px;font-weight:700}.qr-field>span b{color:#c04a44}.qr-field input,.qr-field select,.qr-field textarea{width:100%;min-width:0;border:1px solid #e1e4ed;border-radius:8px;background:#fff;padding:10px 11px;color:#34384d;outline-color:#a8a0ff;font-size:11px}.qr-field textarea{resize:vertical;font:11px/1.6 DM Sans,sans-serif}.qr-field input:focus,.qr-field select:focus,.qr-field textarea:focus{border-color:#8f84ec;box-shadow:0 0 0 3px #6257df18}.qr-type-picker{padding:14px;border:1px solid #e8eaf2;border-radius:11px;background:#fff}.qr-section-label{display:flex;align-items:baseline;gap:10px;margin-bottom:12px;color:#33384e;font-size:11px;font-weight:800}.qr-section-label small{color:#868c9c;font-size:9px;font-weight:500}.qr-type-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.qr-type-option{display:flex;min-width:0;min-height:47px;align-items:center;gap:8px;padding:9px 10px;border:1px solid #e8eaf2;border-radius:8px;background:#fff;color:#41475b;font-size:10px;font-weight:700;text-align:left;cursor:pointer;transition:.15s ease}.qr-type-option svg{flex:0 0 auto;color:#737b91}.qr-type-option:hover{border-color:#b7b0f3;background:#faf9ff}.qr-type-option.selected{border-color:#6257df;background:#f0efff;color:#5147c9;box-shadow:inset 0 0 0 1px #6257df}.qr-type-option.selected svg{color:#6257df}.qr-content-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.8fr);gap:16px;align-items:start}.qr-content-column{display:flex;flex-direction:column;gap:18px;min-width:0}.qr-step-block{min-width:0}.qr-step-heading{display:flex;align-items:center;gap:10px;margin-bottom:10px}.qr-step-number{display:grid;width:31px;height:31px;flex:0 0 auto;place-items:center;border-radius:8px;background:#292d43;color:#fff;font:700 14px Manrope,sans-serif}.qr-step-heading h3{margin:0 0 3px;color:#33384e;font:700 13px Manrope,sans-serif}.qr-step-heading p{margin:0;color:#858b9b;font-size:9px;line-height:1.5}.qr-content-panel,.qr-preview-panel,.qr-customize{min-width:0;border:1px solid #e8eaf2;border-radius:11px;background:#fff;overflow:hidden}.qr-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#777e90;font-size:9px;font-weight:800;letter-spacing:.7px}.qr-content-panel>.qr-panel-heading,.qr-customize>.qr-panel-heading{padding:12px 14px;border-bottom:1px solid #eceef5;background:#fafbfe}.qr-panel-heading small{font-size:9px;font-weight:500;letter-spacing:0}.qr-form-fields{padding:14px}.qr-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.qr-fields-grid>.qr-field-wide,.qr-fields-grid>.qr-field-note,.qr-fields-grid>.qr-checkbox{grid-column:1/-1}.qr-field-note{margin:0;color:#83899a;font-size:9px;line-height:1.55}.qr-checkbox{display:inline-flex;align-items:center;gap:8px;color:#687085;font-size:10px;font-weight:600}.qr-checkbox input{width:14px;height:14px;margin:0;accent-color:#6257df}.qr-preview-panel{position:sticky;top:96px;display:flex;flex-direction:column;align-items:center;padding:16px}.qr-preview-panel>.qr-panel-heading{align-self:stretch;justify-content:flex-start}.qr-image-frame{display:grid;place-items:center;width:min(100%,260px);min-height:220px;margin:12px auto 4px;padding:10px;border:1px dashed #e2e4ed;border-radius:10px;background:#fff}.qr-image-frame img{display:block;width:100%;max-width:240px;height:auto;image-rendering:pixelated}.qr-placeholder{max-width:190px;text-align:center;color:#888fa0;font-size:10px;line-height:1.6}.qr-preview-caption{margin:4px 0 12px;color:#83899a;font-size:9px;text-align:center}.qr-download-actions{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px}.qr-download-actions .btn-primary,.qr-download-actions .qr-download-secondary{display:inline-flex;width:100%;min-width:0;min-height:46px;align-items:center;justify-content:center;gap:6px;border-radius:9px;padding:9px 5px;font-size:10px;font-weight:700;line-height:1.2;white-space:nowrap;cursor:pointer}.qr-download-actions .btn-primary{border:0}.qr-download-actions .qr-download-secondary{border:1px solid #dfe2ec;background:#fff;color:#4c5369}.qr-download-actions .qr-download-secondary:hover{border-color:#b7b0f3;background:#faf9ff;color:#5147c9}.qr-download-actions .btn-primary:disabled,.qr-download-actions .copy-btn:disabled,.qr-copy-content:disabled{opacity:.48;cursor:not-allowed}.qr-copy-content{display:inline-flex;align-items:center;gap:6px;margin-top:10px;border:0;background:transparent;color:#6257d9;font-size:9px;font-weight:700;cursor:pointer}.qr-customize{padding:0 0 12px}.qr-design-tabs{display:flex;gap:3px;margin:0 12px;padding:4px;border-bottom:1px solid #e8eaf2}.qr-design-tabs button{border:0;border-radius:6px 6px 0 0;background:transparent;padding:9px 11px;color:#70778a;font-size:9px;font-weight:700;cursor:pointer}.qr-design-tabs button.selected{background:#f0efff;color:#5147c9}.qr-customize-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:13px 14px 10px}.qr-color-field{display:flex;flex-direction:column;gap:8px;color:#687085;font-size:10px;font-weight:700}.qr-color-field input{width:100%;height:38px;padding:3px;border:1px solid #e1e4ed;border-radius:7px;background:#fff;cursor:pointer}.qr-customize>.qr-field-note{padding:0 14px}.qr-frame-options{display:flex;flex-wrap:wrap;gap:8px;padding:14px}.qr-frame-options button{border:1px solid #e1e4ed;border-radius:8px;background:#fff;padding:9px 11px;color:#555d72;font-size:9px;font-weight:700;cursor:pointer}.qr-frame-options button.selected{border-color:#6257df;background:#f0efff;color:#5147c9}.qr-frame-color{width:140px;padding:0 14px 12px}.qr-caption-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 14px 12px}.qr-caption-settings .qr-field small{color:#858b9b;font-size:9px;font-weight:500;text-align:right}.qr-logo-panel{display:flex;flex-direction:column;gap:10px;padding:14px}.qr-logo-panel input[type=file]{padding:8px;font-size:9px}.qr-logo-section{display:flex;flex-direction:column;gap:8px}.qr-logo-section>strong{color:#555d72;font-size:10px}.qr-logo-icon-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-height:210px;overflow-y:auto;padding:2px}.qr-logo-icon-option{display:flex;min-width:0;min-height:54px;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #e1e4ed;border-radius:8px;background:#fff;color:#60677b;cursor:pointer}.qr-logo-icon-option svg{color:#555d72}.qr-logo-icon-option span{max-width:100%;overflow:hidden;color:#777e90;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.qr-logo-icon-option:hover{border-color:#b7b0f3;background:#faf9ff}.qr-logo-icon-option.selected{border-color:#6257df;background:#f0efff;box-shadow:inset 0 0 0 1px #6257df}.qr-logo-icon-option.selected svg,.qr-logo-icon-option.selected span{color:#5147c9}.qr-logo-background-toggle{padding-top:4px}.qr-logo-selected{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#555d72;font-size:9px}.qr-logo-selected>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qr-logo-panel .qr-error{font-size:9px}.qr-error{margin:0;padding:10px 12px;border:1px solid #f1d0cc;border-radius:8px;background:#fff8f7;color:#b42318;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.qr-status{margin:0;color:#278361;font-size:10px}.qr-privacy{margin:0;display:flex;align-items:center;gap:7px;color:#7d8494;font-size:9px;line-height:1.5}.qr-privacy svg{flex:0 0 auto;color:#43a681}@media(max-width:700px){.qr-builder-heading{align-items:flex-start}.qr-builder-heading h2{font-size:15px}.qr-content-layout{grid-template-columns:minmax(0,1fr)}.qr-preview-panel{position:static;grid-row:1}.qr-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-type-option{min-height:43px;padding:8px;font-size:9px}.qr-section-label{flex-direction:column;gap:3px}.qr-caption-settings{grid-template-columns:minmax(0,1fr)}.qr-customize-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-fields-grid{grid-template-columns:minmax(0,1fr)}.qr-logo-icon-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.qr-fields-grid>.qr-field-wide,.qr-fields-grid>.qr-field-note,.qr-fields-grid>.qr-checkbox{grid-column:auto}}