:root{--bg:#f4f7f8;--surface:#fff;--text:#19323c;--muted:#70838b;--line:#dfe8eb;--brand:#22a06b;--brand2:#117e59;--soft:#e9f8f1;--shadow:0 10px 30px rgba(29,64,76,.08)}
[data-theme=dark]{--bg:#11191d;--surface:#182429;--text:#eaf3f5;--muted:#9eb0b7;--line:#2b3b42;--brand:#45c990;--brand2:#65dda8;--soft:#1c3a31;--shadow:0 12px 34px rgba(0,0,0,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.65 Inter,"Segoe UI","Microsoft YaHei",sans-serif;transition:.2s}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.wrap{width:min(1160px,calc(100% - 36px));margin:auto}
.topbar{height:5px;background:linear-gradient(90deg,#1b9b68,#5ed39e)}.header{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header-row{height:74px;display:flex;align-items:center;gap:28px}.logo{display:flex;align-items:center;gap:11px;font-size:22px;font-weight:800;white-space:nowrap}.logo-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--brand);color:#fff;transform:rotate(-7deg)}.search{flex:1;position:relative}.search input{width:100%;padding:13px 46px 13px 18px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--text);outline:0}.search input:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 15%,transparent)}.search-icon{position:absolute;right:16px;top:12px}.head-actions{display:flex;gap:9px}.icon-btn{border:1px solid var(--line);background:var(--surface);color:var(--text);height:42px;padding:0 14px;border-radius:11px;cursor:pointer}.nav{background:var(--surface);border-bottom:1px solid var(--line)}.nav-row{display:flex;gap:5px;overflow:auto;padding:10px 0}.nav a{padding:7px 12px;border-radius:8px;white-space:nowrap;color:var(--muted)}.nav a:hover,.nav a.active{background:var(--soft);color:var(--brand2)}
.hero{padding:64px 0 45px;text-align:center;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--brand) 12%,transparent),transparent 52%)}.eyebrow{display:inline-block;color:var(--brand2);background:var(--soft);border-radius:99px;padding:5px 12px;font-weight:700;font-size:13px}.hero h1{font-size:clamp(34px,5vw,56px);line-height:1.12;margin:18px 0 13px;letter-spacing:-1.8px}.hero p{max-width:650px;margin:0 auto;color:var(--muted);font-size:17px}.hero-search{max-width:700px;margin:28px auto 0;position:relative}.hero-search input{width:100%;padding:17px 54px 17px 21px;border:1px solid var(--line);border-radius:15px;background:var(--surface);color:var(--text);box-shadow:var(--shadow);outline:0}.hero-search .search-icon{top:16px}
.section{padding:38px 0 68px}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:23px}.section-title h2{font-size:28px;margin:0}.section-title p{color:var(--muted);margin:3px 0 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cat-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:23px;box-shadow:0 1px 0 rgba(0,0,0,.02);transition:.2s}.cat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--brand) 38%,var(--line))}.cat-head{display:flex;gap:14px;align-items:center;margin-bottom:14px}.cat-icon{width:45px;height:45px;border-radius:13px;background:var(--soft);display:grid;place-items:center;font-size:22px}.cat-card h3{margin:0;font-size:19px}.cat-card p{margin:2px 0 0;color:var(--muted);font-size:13px}.tool-links{display:grid;gap:7px}.tool-links a{color:var(--muted);padding:3px 0}.tool-links a:before{content:'›';color:var(--brand);font-weight:800;margin-right:8px}.tool-links a:hover{color:var(--brand2)}.more{display:inline-flex;margin-top:14px;color:var(--brand2);font-weight:700}.footer{background:#132329;color:#c5d3d7;padding:45px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer h4{color:#fff;margin:0 0 12px}.footer a{display:block;color:#a8bbc1;margin:6px 0}.social-links{display:flex;gap:10px;margin-top:16px}.social-links a{width:38px;height:38px;margin:0;border:1px solid #36515a;border-radius:50%;display:grid;place-items:center;color:#c5d3d7;transition:.2s}.social-links a:hover{color:#fff;border-color:#6c8d98;transform:translateY(-2px)}.social-links svg{width:18px;height:18px;fill:currentColor}.friend-links{border-top:1px solid #294047;margin-top:30px;padding-top:20px}.friend-links h4{margin-bottom:9px}.friend-links div{display:flex;flex-wrap:wrap;gap:8px 22px}.friend-links a{display:inline-block;margin:0}.friend-links a:hover{color:#fff}.copyright{border-top:1px solid #294047;margin-top:35px;padding-top:20px;color:#8fa3aa;font-size:13px}
.crumbs{color:var(--muted);font-size:13px;padding-top:25px}.page-head{padding:22px 0 28px}.page-head h1{font-size:38px;margin:4px 0 5px}.page-head p{color:var(--muted);margin:0}.list-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding-bottom:70px}.tool-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:19px;display:flex;gap:15px;align-items:center}.tool-card:hover{border-color:var(--brand);box-shadow:var(--shadow)}.tool-card .cat-icon{flex:none}.tool-card h3{margin:0 0 2px}.tool-card p{margin:0;color:var(--muted);font-size:13px}.tool-shell{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;padding-bottom:70px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:var(--shadow)}.panel h2,.panel h3{margin-top:0}.field{margin-bottom:17px}.field label{display:block;font-weight:700;margin-bottom:7px}.input,.textarea,.select{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text);padding:12px 13px;outline:0}.textarea{min-height:190px;resize:vertical}.input:focus,.textarea:focus,.select:focus{border-color:var(--brand)}.row{display:flex;gap:12px}.row>*{flex:1}.btn{border:0;border-radius:10px;padding:12px 18px;background:var(--brand);color:#fff;font-weight:750;cursor:pointer}.btn:hover{background:var(--brand2)}.btn.secondary{background:var(--soft);color:var(--brand2)}.actions{display:flex;gap:10px;flex-wrap:wrap}.result{margin-top:20px;padding:18px;background:var(--soft);border-radius:12px;min-height:58px;white-space:pre-wrap;overflow-wrap:anywhere}.side-list a{display:block;padding:10px 0;border-bottom:1px solid var(--line);color:var(--muted)}.side-list a:hover{color:var(--brand)}.notice{font-size:13px;color:var(--muted);margin-top:16px}.empty{display:none;text-align:center;padding:40px;color:var(--muted)}
@media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}.tool-shell{grid-template-columns:1fr}.sidebar{display:none}.header-row{gap:12px}.head-actions .label,.header-row>.icon-btn .label{display:none}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:560px){.wrap{width:min(100% - 24px,1160px)}.header-row{height:66px}.header .search{display:none}.logo{font-size:19px}.hero{padding:45px 0 35px}.grid,.list-grid{grid-template-columns:1fr}.section{padding-top:28px}.page-head h1{font-size:30px}.panel{padding:18px}.row{flex-direction:column}.footer-grid{grid-template-columns:1fr}}
.sidebar{display:grid;align-content:start;gap:18px}.guide-panel ol{margin:0;padding-left:20px;color:var(--muted)}.guide-panel li{margin:8px 0}.guide-tip{margin-top:14px;padding:11px 12px;border-radius:9px;background:var(--soft);color:var(--brand2);font-size:13px}.related-panel{box-shadow:none}.tool-main{min-width:0}.check-row{display:flex;flex-wrap:wrap;gap:10px 18px;margin:10px 0 18px}.check-row label{display:flex;align-items:center;gap:7px;color:var(--muted)}.output-tools{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.output-tools h3{margin:0}.preview{min-height:100px;border:1px dashed var(--line);border-radius:12px;margin-top:14px;display:grid;place-items:center;overflow:hidden;background:var(--bg)}.preview img{max-width:100%;max-height:360px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{padding:14px;border-radius:10px;background:var(--soft);text-align:center}.stat b{display:block;font-size:24px;color:var(--brand2)}.color-preview{height:110px;border-radius:12px;margin:12px 0;border:1px solid var(--line)}.range-line{display:flex;gap:14px;align-items:center}.range-line input[type=range]{flex:1}
.guide-panel h4{margin:18px 0 9px;font-size:16px}.guide-panel h4:first-child{margin-top:0}.guide-panel p{margin:9px 0;color:var(--muted)}.guide-panel p strong{color:var(--text)}.guide-panel a{color:var(--brand2);text-decoration:underline;text-underline-offset:2px}
.calculator{max-width:620px;margin:auto;padding:24px;border-radius:18px;background:#a9d3eb;border-bottom:8px solid #5aa4e5}.calc-top{display:grid;grid-template-columns:110px 1fr;gap:14px;margin-bottom:14px}.calc-display{width:100%;height:76px;border:0;border-top:10px solid #718b9a;border-radius:8px;background:#90acbd;color:#172f3a;text-align:right;padding:6px 18px;font-size:30px;font-weight:700;outline:0}.calc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.calc-key{height:70px;border:0;border-radius:9px;background:#fff;color:#75808a;font-size:25px;font-weight:800;cursor:pointer;box-shadow:0 9px 0 #86a7b8}.calc-key:active{transform:translateY(5px);box-shadow:0 4px 0 #86a7b8}.calc-key.op{background:#fff3f7}.calc-key.equal{background:#efff86;box-shadow:0 9px 0 #abb846}.calc-key.clear{background:#eb99a7;color:#fff;box-shadow:0 9px 0 #df687d}.calc-history{margin-top:17px;color:#486674;font-size:13px;text-align:right;min-height:21px}
@media(max-width:850px){.sidebar{display:grid}.tool-shell{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.sidebar{grid-template-columns:1fr}.calculator{padding:14px}.calc-top{grid-template-columns:72px 1fr}.calc-grid{gap:9px}.calc-key{height:58px;box-shadow:0 6px 0 #86a7b8}.calc-display{height:65px;font-size:23px}.stat-grid{grid-template-columns:1fr}}
.tool-block{margin:0 0 24px}.tool-block-title{display:inline-flex;margin:0 0 14px;padding:7px 12px;border-left:4px solid var(--brand);background:var(--soft);font-size:16px;font-weight:800}.option-box{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.result-box{border-top:1px solid var(--line);padding-top:20px}.radio-row{display:flex;flex-wrap:wrap;gap:10px}.radio-row label{padding:8px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);cursor:pointer}.radio-row label:has(input:checked){border-color:var(--brand);background:var(--soft);color:var(--brand2)}.mini-actions{display:flex;gap:8px;margin:-8px 0 12px}.mini-actions button{border:0;background:none;color:var(--brand2);padding:0;cursor:pointer;font-size:13px}.hidden{display:none!important}
.percent-select{min-height:62px;padding:12px 48px 12px 17px;font-size:20px;background-color:var(--surface);border:2px solid #aeb8c2;box-shadow:inset 0 2px 3px rgba(31,48,58,.08)}.percentage-options .option-box{padding:25px}.percentage-options .row{margin-top:14px;gap:18px}.percentage-options .field label{font-size:16px;margin-bottom:9px;color:var(--text)}.percentage-options .input{height:62px;padding:10px 17px;border:2px solid #aeb8c2;border-radius:8px;background:var(--surface);color:var(--text);font-size:22px;font-weight:650;box-shadow:inset 0 2px 4px rgba(31,48,58,.08),0 1px 0 rgba(255,255,255,.7)}.percentage-options .input:hover{border-color:#7f909d}.percentage-options .input:focus,.percentage-options .percent-select:focus{border-color:#4e83d7;box-shadow:0 0 0 4px rgba(78,131,215,.16),inset 0 1px 2px rgba(31,48,58,.06)}.percentage-options .field>.field{margin:0}.percentage-options input[type=number]::-webkit-inner-spin-button{opacity:1;height:35px}@media(max-width:560px){.percentage-options .option-box{padding:17px}.percentage-options .input,.percent-select{height:56px;min-height:56px;font-size:18px}}
.percentage-features{margin-top:42px;padding-top:30px;border-top:1px solid var(--line)}.percentage-features>h3{font-size:27px;margin:0 0 24px}.percentage-features ol{margin:0;padding-left:27px}.percentage-features li{padding:0 0 22px 8px;margin-bottom:22px;border-bottom:1px solid var(--line)}.percentage-features li:last-child{margin-bottom:0;border-bottom:0}.percentage-features h4{margin:0 0 8px;font-size:18px}.percentage-features p{margin:6px 0;color:var(--muted)}.example-box{display:grid;gap:6px;margin-top:13px;padding:15px 17px;border-radius:11px;background:var(--soft);color:var(--muted)}.example-box strong{color:var(--brand2)}@media(max-width:560px){.percentage-features{margin-top:30px;padding-top:24px}.percentage-features>h3{font-size:23px}.percentage-features ol{padding-left:22px}.percentage-features li{padding-left:3px}}
.shape-diagram{min-height:175px;margin:5px 0 22px;padding:18px;border:1px solid var(--line);border-radius:13px;background:var(--surface);display:flex;align-items:center;justify-content:center;gap:28px;color:var(--brand2)}.shape-diagram svg{width:220px;height:135px;flex:none}.shape-diagram text{font:15px "Segoe UI","Microsoft YaHei",sans-serif;fill:currentColor;stroke:none}.shape-diagram .dash{stroke-dasharray:6 5}.shape-diagram strong{padding:10px 14px;border-radius:9px;background:var(--soft);color:var(--text);font-size:17px;text-align:center}@media(max-width:560px){.shape-diagram{min-height:0;flex-direction:column;gap:8px;padding:12px}.shape-diagram svg{width:190px;height:117px}.shape-diagram strong{font-size:14px}}
.area-options .option-box{padding:25px}.area-options .select{min-height:62px;padding:12px 48px 12px 17px;border:2px solid #aeb8c2;background-color:var(--surface);font-size:19px;font-weight:650;box-shadow:inset 0 2px 3px rgba(31,48,58,.08)}.area-options .row{gap:18px}.area-options .field label{font-size:16px;margin-bottom:9px}.area-options .input{height:62px;padding:10px 17px;border:2px solid #aeb8c2;border-radius:8px;background:var(--surface);color:var(--text);font-size:22px;font-weight:650;box-shadow:inset 0 2px 4px rgba(31,48,58,.08),0 1px 0 rgba(255,255,255,.7)}.area-options .input:hover,.area-options .select:hover{border-color:#7f909d}.area-options .input:focus,.area-options .select:focus{border-color:#4e83d7;box-shadow:0 0 0 4px rgba(78,131,215,.16),inset 0 1px 2px rgba(31,48,58,.06)}.area-options input[type=number]::-webkit-inner-spin-button{opacity:1;height:35px}@media(max-width:560px){.area-options .option-box{padding:17px}.area-options .input,.area-options .select{height:56px;min-height:56px;font-size:18px}}
.area-features{margin-top:42px;padding-top:30px;border-top:1px solid var(--line)}.area-features h3{font-size:27px;margin:0 0 18px}.area-features h4{font-size:20px;margin:30px 0 14px}.area-features p{margin:9px 0;color:var(--muted)}.area-features .area-intro{font-size:16px;color:var(--text)}.area-features .formula-list{display:grid;gap:10px}.area-features .formula-list p{margin:0;padding:13px 16px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.area-features .formula-list strong{color:var(--text)}.area-features .segment-formula{margin:0 0 10px;padding:14px 16px;border-left:4px solid var(--brand);border-radius:8px;background:var(--soft)}.area-features .segment-formula p{margin:4px 0}@media(max-width:560px){.area-features{margin-top:30px;padding-top:24px}.area-features h3{font-size:23px}.area-features .formula-list p{padding:11px 12px}}
.inverse-rule-card{padding:26px;border:1px solid var(--line);border-radius:16px;background:var(--bg)}.inverse-rule-intro{display:flex;align-items:center;gap:12px;margin-bottom:24px}.inverse-rule-intro span{padding:6px 11px;border-radius:99px;background:#e8f0ff;color:#416ddd;font-weight:750}.inverse-rule-intro strong{font-size:17px}.inverse-equation{display:grid;grid-template-columns:minmax(105px,1fr) 28px minmax(105px,1fr) 28px minmax(105px,1fr) 28px minmax(105px,1fr);align-items:center;gap:8px}.inverse-equation>span{margin-top:10px;text-align:center;font-size:25px;font-weight:800;color:var(--muted)}.inverse-equation .field{margin:0}.inverse-equation .input{height:64px;border:2px solid #aeb8c2;background:var(--surface);font-size:22px;font-weight:700;text-align:center}.unknown-value label{display:block;margin-bottom:7px;font-weight:700}.unknown-value strong{height:64px;border:2px solid #6b8ff0;border-radius:10px;background:#eef3ff;color:#3862d2;display:grid;place-items:center;font-size:23px}.inverse-formula{margin:24px 0 18px;padding:17px;border-radius:11px;background:var(--soft);text-align:center;font-size:17px}.inverse-round{max-width:250px}.inverse-round .input{height:56px;border:2px solid #aeb8c2;background:var(--surface);font-size:19px}.inverse-features{margin-top:42px;padding-top:30px;border-top:1px solid var(--line)}.inverse-features h3{font-size:27px;margin:0 0 18px}.inverse-features h4{font-size:20px;margin:27px 0 10px}.inverse-features p,.inverse-features li{color:var(--muted)}.inverse-features .inverse-example{padding:17px;border-left:4px solid var(--brand);border-radius:9px;background:var(--soft)}@media(max-width:900px){.inverse-equation{grid-template-columns:1fr 28px 1fr}.inverse-equation>div:nth-of-type(3){grid-column:1}.inverse-equation>span:nth-of-type(3){grid-column:2}.inverse-equation>div:nth-of-type(4){grid-column:3}}@media(max-width:560px){.inverse-rule-card{padding:17px}.inverse-rule-intro{align-items:flex-start;flex-direction:column}.inverse-equation{grid-template-columns:1fr}.inverse-equation>span{display:none}.inverse-equation>div,.inverse-equation>div:nth-of-type(3),.inverse-equation>div:nth-of-type(4){grid-column:1}.inverse-features{margin-top:30px;padding-top:24px}.inverse-features h3{font-size:23px}}
.inverse-rule-intro.direct span{background:#e8f8ef;color:#168257}.direct-equation{display:grid;grid-template-columns:1fr 40px 1fr;align-items:end;gap:16px}.direct-equation>span{padding-bottom:18px;text-align:center;font-size:27px;font-weight:800;color:var(--muted)}.ratio-pair{display:grid;grid-template-columns:1fr 24px 1fr;align-items:end;gap:8px}.ratio-pair>span{padding-bottom:18px;text-align:center;font-size:25px;font-weight:800;color:var(--muted)}.direct-equation .field{margin:0}.direct-equation .input{height:64px;border:2px solid #aeb8c2;background:var(--surface);font-size:22px;font-weight:700;text-align:center}@media(max-width:700px){.direct-equation{grid-template-columns:1fr}.direct-equation>span{padding:0}.ratio-pair{grid-template-columns:1fr 20px 1fr}}@media(max-width:420px){.ratio-pair{grid-template-columns:1fr}.ratio-pair>span{display:none}}
.trig-card{padding:26px;border:1px solid var(--line);border-radius:16px;background:var(--bg)}.trig-select{min-height:62px;border:2px solid #aeb8c2;background:var(--surface);font-size:18px;font-weight:650}.trig-inputs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.trig-inputs .field{margin:0}.trig-inputs .input,.trig-inputs .select{height:60px;border:2px solid #aeb8c2;background:var(--surface);font-size:19px;font-weight:650}.trig-definition{margin-top:24px;padding:20px;border-radius:13px;background:linear-gradient(135deg,#eaf1ff,#eef9f4);display:flex;align-items:center;justify-content:space-between;gap:18px}.trig-definition span{color:var(--muted);font-size:16px}.trig-definition strong{color:#3f68da;font:30px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.trig-features .trig-table{width:100%;border-collapse:collapse}.trig-features .trig-table th,.trig-features .trig-table td{padding:11px;border:1px solid var(--line);text-align:left}.trig-features .trig-table th{background:var(--soft)}@media(max-width:800px){.trig-inputs{grid-template-columns:1fr 1fr}}@media(max-width:520px){.trig-card{padding:17px}.trig-inputs{grid-template-columns:1fr}.trig-definition{align-items:flex-start;flex-direction:column}.trig-definition strong{font-size:25px}.trig-features .trig-table{font-size:12px}}
.angle-converter-card{padding:26px;border:1px solid var(--line);border-radius:16px;background:var(--bg)}.angle-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px}.angle-mode-switch input{position:absolute;opacity:0}.angle-mode-switch span{display:block;padding:14px;border:2px solid var(--line);border-radius:11px;background:var(--surface);text-align:center;font-weight:750;cursor:pointer}.angle-mode-switch label:has(input:checked) span{border-color:#557cf0;background:#eaf0ff;color:#3c61d2}.angle-converter-grid{display:grid;grid-template-columns:1fr 60px 1fr;align-items:end;gap:16px;margin-top:23px}.angle-converter-grid .field{margin:0}.angle-converter-grid .input{height:68px;border:2px solid #aeb8c2;background:var(--surface);font-size:23px;font-weight:700;text-align:center}.angle-arrow{padding-bottom:18px;text-align:center;color:#5275df;font-size:32px;font-weight:800}.angle-output label{display:block;margin-bottom:7px;font-weight:700}.angle-output strong{height:68px;border:2px solid #6688ed;border-radius:10px;background:#edf2ff;color:#3159d0;display:grid;place-items:center;padding:8px;font:24px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.angle-bottom{display:grid;grid-template-columns:230px 1fr;align-items:end;gap:18px;margin-top:20px}.angle-bottom .field{margin:0}.angle-bottom .input{height:56px;border:2px solid #aeb8c2;background:var(--surface);font-size:19px}.angle-formula{min-height:56px;padding:14px;border-radius:10px;background:var(--soft);text-align:center;font-size:17px}.common-angles{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:22px}.common-angles>span{color:var(--muted)}.common-angles button{border:1px solid var(--line);border-radius:8px;padding:7px 11px;background:var(--surface);color:var(--brand2);cursor:pointer}.common-angles button:hover{border-color:var(--brand);background:var(--soft)}.angle-features .angle-example{padding:16px;border-left:4px solid var(--brand);border-radius:9px;background:var(--soft)}@media(max-width:650px){.angle-converter-card{padding:17px}.angle-mode-switch,.angle-converter-grid,.angle-bottom{grid-template-columns:1fr}.angle-arrow{padding:0;transform:rotate(90deg)}.angle-output strong{font-size:20px}}
.color-tool-card{padding:25px;border:1px solid var(--line);border-radius:16px;background:var(--bg)}.color-value-field>div{display:grid;grid-template-columns:72px 1fr;gap:12px}.color-value-field input[type=color]{width:72px;height:62px;padding:4px;border:2px solid #aeb8c2;border-radius:10px;background:var(--surface);cursor:pointer}.color-value-field .input,.color-tool-card>.field>.input,.color-tool-card .select{height:62px;border:2px solid #aeb8c2;background:var(--surface);font-size:19px;font-weight:650}.color-format-note{margin-top:-7px;color:var(--muted)}.color-range{width:100%;height:10px;accent-color:var(--brand)}.color-result-preview{margin-top:18px}.palette-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:10px}.color-swatch{min-height:105px;padding:0;border:1px solid var(--line);border-radius:11px;background:var(--surface);overflow:hidden;cursor:pointer}.color-swatch span{display:block;height:67px;background:var(--swatch)}.color-swatch b{display:block;padding:8px;color:var(--text);font:13px ui-monospace,SFMono-Regular,Consolas,monospace}.gradient-large-preview{height:150px;margin-top:18px;border:1px solid var(--line);border-radius:13px}.color-tool-features{margin-top:42px;padding-top:30px;border-top:1px solid var(--line)}.color-tool-features h3{font-size:27px;margin:0 0 18px}.color-tool-features h4{font-size:20px;margin:27px 0 10px}.color-tool-features p,.color-tool-features li{color:var(--muted)}.color-tool-features .color-formula{padding:16px;border-left:4px solid var(--brand);border-radius:9px;background:var(--soft)}.image-color-stage{position:relative;min-height:220px;border:2px dashed var(--line);border-radius:13px;background:var(--surface);display:grid;place-items:center;overflow:hidden}.image-color-stage canvas{display:block;max-width:100%;cursor:crosshair}.image-color-stage>i{position:absolute;width:18px;height:18px;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #111;transform:translate(-50%,-50%);pointer-events:none}.image-palette-preview{margin:15px 0}.image-palette-preview>img{display:block;max-width:100%;max-height:300px;margin:auto;border-radius:11px}.image-palette-preview.bulk article{padding:14px 0;border-bottom:1px solid var(--line)}@media(max-width:560px){.color-tool-card{padding:17px}.color-value-field>div{grid-template-columns:60px 1fr}.color-value-field input[type=color]{width:60px}.palette-grid{grid-template-columns:repeat(2,1fr)}.color-tool-features{margin-top:30px;padding-top:24px}.color-tool-features h3{font-size:23px}}
.converter-main-input>div{display:grid;grid-template-columns:82px 1fr;gap:12px}.converter-main-input input[type=color]{width:82px;height:68px;padding:4px;border:2px solid #aeb8c2;border-radius:10px;background:var(--surface)}.converter-main-input .input{height:68px;border:2px solid #aeb8c2;background:var(--surface);font-size:20px;font-weight:650}.converter-examples{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:20px}.converter-examples>span{color:var(--muted)}.converter-examples button{padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--brand2);cursor:pointer}.converter-color-hero{min-height:125px;padding:17px;border-radius:13px;background:linear-gradient(45deg,#ddd 25%,transparent 25%),linear-gradient(-45deg,#ddd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ddd 75%),linear-gradient(-45deg,transparent 75%,#ddd 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;display:grid;grid-template-columns:110px 1fr;grid-template-rows:1fr 1fr;gap:2px 18px;align-items:center}.converter-color-hero>span{grid-row:1/3;width:110px;height:90px;border:4px solid #fff;border-radius:10px;background:var(--swatch);box-shadow:var(--shadow)}.converter-color-hero strong{align-self:end;font:25px ui-monospace,SFMono-Regular,Consolas,monospace;color:#111}.converter-color-hero small{align-self:start;color:#333}.format-result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.format-result-grid button{padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--surface);text-align:left;cursor:pointer}.format-result-grid span{display:block;color:var(--muted);font-size:12px}.format-result-grid b{display:block;margin-top:4px;color:var(--text);font:14px ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}@media(max-width:560px){.converter-main-input>div{grid-template-columns:65px 1fr}.converter-main-input input[type=color]{width:65px}.format-result-grid{grid-template-columns:1fr}.converter-color-hero{grid-template-columns:85px 1fr}.converter-color-hero>span{width:85px}}
.converter-examples{display:block;margin-top:24px}.converter-examples>strong{display:flex;align-items:center;gap:8px;margin-bottom:13px;font-size:18px}.converter-examples>strong i{width:25px;height:25px;border:2px solid #41ac58;border-radius:50%;color:#41ac58;display:grid;place-items:center;font-style:normal;font-size:14px}.converter-examples>div{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.converter-examples button{min-height:67px;padding:11px;border:3px solid color-mix(in srgb,var(--example) 65%,#fff);border-radius:13px;background:var(--example);color:#fff;font:700 14px ui-monospace,SFMono-Regular,Consolas,monospace;cursor:pointer;box-shadow:0 5px 0 color-mix(in srgb,var(--example) 72%,#555),0 8px 18px rgba(30,45,70,.1);text-shadow:0 1px 2px rgba(0,0,0,.18);overflow-wrap:anywhere}.converter-examples button:active{transform:translateY(3px);box-shadow:0 2px 0 color-mix(in srgb,var(--example) 72%,#555)}.format-result-grid button:hover{border-color:var(--brand);background:var(--soft)}@media(max-width:850px){.converter-examples>div{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.converter-examples>div{grid-template-columns:1fr}.converter-examples button{min-height:56px}}
.format-result-grid button{position:relative;padding-right:78px}.format-result-grid em{position:absolute;right:12px;top:50%;transform:translateY(-50%);min-width:52px;padding:6px 8px;border-radius:7px;background:var(--soft);color:var(--brand2);font-style:normal;font:700 12px "Segoe UI","Microsoft YaHei",sans-serif;text-align:center}.format-result-grid button:hover em{background:var(--brand);color:#fff}
.color-converter-result .result{position:relative;padding:28px 145px 28px 28px;min-height:210px;font-size:18px;line-height:1.9}.color-converter-result .result #copy{position:absolute;right:18px;top:18px;z-index:2}.color-converter-result #colorResultText{white-space:pre-wrap}@media(max-width:560px){.color-converter-result .result{padding:76px 18px 22px;font-size:15px}.color-converter-result .result #copy{right:14px;top:14px}}
.lightness-result .result{position:relative;min-height:145px;padding:28px 145px 28px 28px;font-size:17px;line-height:1.9}.lightness-result .result #copy{position:absolute;right:18px;top:18px;z-index:2}.lightness-result #colorResultText{white-space:pre-wrap}@media(max-width:560px){.lightness-result .result{padding:76px 18px 22px;font-size:15px}.lightness-result .result #copy{right:14px;top:14px}}
.advanced-color-panel{margin-bottom:25px}.advanced-color-panel>h4{display:inline-block;margin:0 0 18px;padding:8px 13px;background:#eaf2fb;font-size:18px;letter-spacing:.5px}.advanced-color-panel.generated>h4{background:var(--soft)}.advanced-color-layout{display:grid;grid-template-columns:minmax(280px,430px) 1fr;gap:28px;align-items:center}.advanced-picker{display:grid;grid-template-columns:1fr 38px;grid-template-rows:minmax(250px,330px) 65px;gap:12px}.sv-picker{position:relative;min-height:250px;border:2px solid #777;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,var(--hue));cursor:crosshair;touch-action:none}.sv-picker i{position:absolute;width:18px;height:18px;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #111;transform:translate(-50%,-50%);pointer-events:none}.hue-strip{width:38px;height:100%;margin:0;appearance:none;-webkit-appearance:none;writing-mode:vertical-lr;direction:rtl;background:linear-gradient(to bottom,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00);border:2px solid #777}.hue-strip::-webkit-slider-runnable-track{background:transparent}.hue-strip::-webkit-slider-thumb{-webkit-appearance:none;width:38px;height:8px;background:#fff;border:2px solid #111}.advanced-hex{grid-column:1/3;display:grid;grid-template-columns:100px 1fr;align-items:center;background:#426dce;color:#fff;padding:10px 18px}.advanced-hex b{font-size:23px;text-align:center;text-shadow:1px 2px #111}.advanced-hex input{height:45px;border:2px solid #cad0dc;background:#fff;color:#4e5968;text-align:center;font:21px ui-monospace,SFMono-Regular,Consolas,monospace}.advanced-values{border:1px solid var(--line);background:var(--surface)}.advanced-values fieldset{margin:0;padding:17px;border:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.advanced-values fieldset:last-child{border-bottom:0}.advanced-values legend{float:left;width:100%;margin-bottom:11px;text-align:center;color:var(--muted);font-size:17px}.advanced-values label{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:5px;color:#929aa4;font-size:20px}.advanced-values input{width:100%;height:46px;border:2px solid var(--line);background:var(--surface);color:var(--text);text-align:center;font-size:18px}.advanced-color-panel.generated .sv-picker,.advanced-color-panel.generated .hue-strip{cursor:default}.advanced-color-panel.generated input[readonly]{background:var(--bg)}@media(max-width:900px){.advanced-color-layout{grid-template-columns:1fr}.advanced-picker{grid-template-rows:280px 60px}}@media(max-width:560px){.advanced-color-layout{gap:18px}.advanced-picker{grid-template-columns:1fr 30px;grid-template-rows:230px 55px}.hue-strip{width:30px}.advanced-hex{grid-template-columns:75px 1fr;padding:7px}.advanced-hex b{font-size:18px}.advanced-values fieldset{gap:6px;padding:12px 7px}.advanced-values label{grid-template-columns:18px 1fr;font-size:15px}.advanced-values input{font-size:14px;padding:4px}}
.advanced-color-panel.generated{padding-top:8px;border-top:1px solid var(--line)}.advanced-color-panel.generated .sv-picker{cursor:crosshair}.advanced-color-panel.generated .hue-strip{cursor:pointer}
.average-dashboard{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);gap:22px;padding:20px;border-radius:20px;background:#f1f3f9}.average-input-panel,.average-small-grid article{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 24px rgba(37,52,84,.07)}.average-input-panel{padding:24px}.average-panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.average-panel-head h3{margin:0;font-size:20px}.average-panel-head>div{display:flex;gap:8px}.average-panel-head button{border:0;border-radius:9px;padding:9px 13px;background:#eaf1ff;color:#426fe2;font-weight:750;cursor:pointer}.average-panel-head button:last-child{background:#fff0ef;color:#dc4a40}.average-textarea{min-height:350px;padding:20px;border:0;border-radius:15px;background:#eef0f5;color:var(--text);font:19px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;box-shadow:none}.average-textarea:focus{box-shadow:0 0 0 3px rgba(78,131,215,.17)}.average-recognized{margin:10px 0 16px;color:#60718a;font-size:13px}.average-controls{display:flex;align-items:end;gap:12px}.average-round{width:210px}.average-round .field{margin:0}.average-round .input{height:50px;border:2px solid #c4ccd8;background:#fff;font-size:18px;font-weight:650}.average-run{height:50px;flex:1;background:#4d7ff0}.average-stats{display:flex;flex-direction:column;gap:18px}.average-mean-card{min-height:185px;padding:28px 30px;border-radius:22px;background:linear-gradient(135deg,#4779ee,#69afe5);color:#fff;box-shadow:0 12px 28px rgba(65,112,225,.2)}.average-mean-card span,.average-small-grid span{display:block;font-size:16px;font-weight:750;opacity:.88}.average-mean-card strong{display:block;margin-top:17px;font:52px/1.1 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.average-small-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex:1}.average-small-grid article{min-height:135px;padding:22px;display:flex;flex-direction:column;justify-content:center}.average-small-grid span{color:#7a838f}.average-small-grid span.green{color:#47b63d}.average-small-grid strong{display:block;margin-top:13px;color:#17212b;font:31px/1.1 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.average-result-box{margin-top:26px}.average-features{margin-top:42px;padding-top:30px;border-top:1px solid var(--line)}.average-features h3{font-size:27px;margin:0 0 18px}.average-features h4{font-size:19px;margin:26px 0 10px}.average-features p{margin:9px 0;color:var(--muted)}.average-features .average-formula{margin:18px 0;padding:18px;border-left:4px solid var(--brand);border-radius:9px;background:var(--soft);font-size:18px;color:var(--text)}.average-features ul{padding-left:22px;color:var(--muted)}.average-features li{margin:8px 0}@media(max-width:900px){.average-dashboard{grid-template-columns:1fr}.average-textarea{min-height:280px}}@media(max-width:560px){.average-dashboard{padding:12px;margin:0 -6px}.average-input-panel{padding:16px}.average-panel-head{align-items:flex-start}.average-panel-head>div{flex-direction:column}.average-textarea{min-height:230px;font-size:16px}.average-controls{align-items:stretch;flex-direction:column}.average-round{width:100%}.average-small-grid{gap:10px}.average-small-grid article{min-height:115px;padding:16px}.average-small-grid strong{font-size:25px}.average-mean-card{min-height:150px;padding:24px}.average-mean-card strong{font-size:40px}.average-features{margin-top:30px;padding-top:24px}.average-features h3{font-size:23px}}
.calculator.scientific{max-width:900px;padding:25px;background:#eef0f8;border:0;border-radius:25px;box-shadow:inset 0 1px 0 #fff,0 15px 32px rgba(35,45,80,.13)}.calc-screen{height:145px;padding:24px 28px;margin-bottom:22px;border-radius:24px;background:#fff;box-shadow:inset 1px 2px 4px #aeb2c0;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.scientific .calc-display{height:auto;padding:0;border:0;background:transparent;color:#2d2d30;font-size:44px;box-shadow:none}.calc-expression{text-align:right;color:#89909e;min-height:25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calc-mode-row{display:grid;grid-template-columns:2.15fr repeat(5,1fr);gap:14px;margin-bottom:16px}.angle-switch{display:grid;grid-template-columns:1fr 1fr;border-radius:18px;background:#d2d5e1;box-shadow:0 3px 6px #b3b7c6;overflow:hidden}.angle-switch button{border:0;background:transparent;color:#858892;font-size:20px;cursor:pointer}.angle-switch button.active{border-radius:18px;background:#e4e6ef;color:#292a2f;box-shadow:2px 2px 6px #aeb2c0,inset 1px 1px 2px #fff}.calc-scientific-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:16px 14px}.scientific .calc-key{height:70px;border-radius:18px;background:#dfe2ed;color:#2e2f34;font-size:24px;font-weight:500;box-shadow:2px 4px 7px #b4b8c8,inset 1px 1px 2px #fff}.scientific .calc-key.number{background:#fff}.scientific .calc-key.operator{background:#dfe2ed}.scientific .calc-key.equal{background:#596fee;color:#fff;box-shadow:2px 5px 8px #3d51c5}.scientific .calc-key.ac{background:#f4b632;color:#fff;box-shadow:2px 5px 8px #c7952c}.scientific .calc-key.active{background:#cbd2ff;color:#4057db}.scientific .calc-history{color:#686f80;margin-top:18px}
@media(max-width:760px){.calculator.scientific{padding:12px;border-radius:16px}.calc-screen{height:105px;padding:16px;margin-bottom:12px}.scientific .calc-display{font-size:30px}.calc-mode-row,.calc-scientific-grid{gap:8px}.scientific .calc-key{height:50px;border-radius:12px;font-size:17px}.angle-switch button{font-size:15px}}
@media(max-width:480px){.calculator.scientific{margin-left:-10px;margin-right:-10px}.calc-mode-row{grid-template-columns:1.7fr repeat(5,1fr);gap:5px}.calc-scientific-grid{gap:7px 5px}.scientific .calc-key{height:45px;font-size:14px;border-radius:10px}.angle-switch button{font-size:12px}.calc-screen{height:90px}.scientific .calc-display{font-size:25px}}
.gradient-color-head{display:grid;grid-template-columns:1fr 1fr;gap:22px}.gradient-color-head>section{padding:18px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.gradient-color-head h4,.gradient-preview-title{margin:0 0 15px;font-size:18px}.gradient-count{max-width:360px;margin-top:22px}.gradient-count .input{height:62px;border:2px solid #aeb8c2;background:var(--surface);font-size:20px;font-weight:700}.gradient-preview-title{margin-top:24px}.standard-colors{margin:48px 0 26px;padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.standard-colors>h3{display:flex;align-items:center;gap:13px;margin:0 0 30px;font-size:30px}.standard-colors>h3 span{color:#8138ef}.standard-colors>section+section{margin-top:35px}.standard-colors h4{display:flex;align-items:center;gap:12px;margin:0 0 18px;padding-bottom:16px;border-bottom:1px solid var(--line);font-size:21px}.standard-colors h4 i{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#4f8cff,#a43cff)}.standard-color-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.standard-color-grid button{min-height:82px;padding:13px 7px;border:2px solid var(--line);border-radius:12px;background:var(--named);cursor:pointer;box-shadow:0 3px 0 rgba(30,45,70,.12)}.standard-color-grid button b,.standard-color-grid button span{display:block;overflow-wrap:anywhere}.standard-color-grid button b{font-size:13px}.standard-color-grid button span{margin-top:7px;font:12px ui-monospace,SFMono-Regular,Consolas,monospace}@media(max-width:850px){.standard-color-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.gradient-color-head{grid-template-columns:1fr}.standard-colors{padding:18px;margin-top:34px}.standard-colors>h3{font-size:25px}.standard-color-grid{grid-template-columns:repeat(2,1fr);gap:9px}.standard-color-grid button{min-height:75px}}
.calculator-wrap{max-width:980px;margin:auto}.calc-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.calc-toolbar>div{display:flex;align-items:center;gap:13px}.calc-toolbar b{font-size:18px}.calc-toolbar span{font-size:12px;color:var(--muted)}.advanced-toggle{border:0;border-radius:10px;padding:9px 18px;background:#536fea;color:#fff;font-weight:800;cursor:pointer}.basic-calculator{max-width:650px;padding:38px;background:#a9d3eb;border-radius:7px;border-bottom:8px solid #5299df}.basic-top{display:grid;grid-template-columns:135px 1fr;gap:15px;margin-bottom:17px}.basic-screen{height:82px;border-top:10px solid #718b9a;border-radius:7px;background:#90acbd;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.basic-screen>div{min-height:19px;padding:0 14px;text-align:right;color:#4c6674;font-size:12px;overflow:hidden}.basic-screen .calc-display{height:52px;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:28px}.basic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px 14px}.basic-calculator .calc-key{height:72px}.advanced-calculator{padding:28px;border:1px solid #dde3ef;border-radius:22px;background:#f3f6fb}.advanced-input{width:100%;height:74px;padding:0 24px;margin-bottom:28px;border:1px solid #d9e1ed;border-radius:16px;background:#fff;color:#273449;font-size:21px;outline:0;box-shadow:0 4px 12px rgba(34,54,88,.06)}.advanced-input:focus{border-color:#6b83ed}.advanced-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:13px 10px}.adv-key{height:58px;border:1px solid #d9e1eb;border-radius:12px;background:#eaf4fd;color:#2e6196;font-size:16px;font-weight:750;cursor:pointer;box-shadow:0 5px 0 #d1d8e1}.adv-key.num{background:#fff;color:#111}.adv-key.op{background:#cbd2ff;color:#263db4}.adv-key.equal{background:#59ad79;color:#fff;box-shadow:0 5px 0 #34704b}.adv-key.ac{background:#f8dfdf;color:#a82323}.adv-key.ans{background:#557bf0;color:#fff}.adv-key.mem,.adv-key.edit{background:#e5e9f1;color:#172236}.adv-key.active{background:#576ee9;color:#fff}.adv-key:active{transform:translateY(3px);box-shadow:0 2px 0 #c6ced9}
@media(max-width:900px){.advanced-grid{grid-template-columns:repeat(5,1fr)}.advanced-calculator{padding:18px}.adv-key{height:54px}.basic-calculator{padding:24px}}
@media(max-width:560px){.calc-toolbar>div{display:block}.calc-toolbar span{display:block}.basic-calculator{padding:15px;margin:0}.basic-top{grid-template-columns:78px 1fr;gap:9px}.basic-grid{gap:10px 8px}.basic-calculator .calc-key{height:58px}.advanced-grid{gap:9px 6px}.adv-key{height:48px;font-size:13px}.advanced-calculator{padding:12px}.advanced-input{height:60px;padding:0 14px;font-size:16px;margin-bottom:16px}}
.shortcut-section{margin-top:38px;padding-top:32px;border-top:1px solid var(--line)}.shortcut-section h3{text-align:center;font-size:27px;margin:0 0 24px}.shortcut-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.shortcut-item{min-height:76px;padding:17px 20px;border:1px solid var(--line);border-radius:14px;background:var(--bg);display:flex;align-items:center;gap:16px;font-size:15px}.shortcut-item>span:first-child{white-space:nowrap}.shortcut-item kbd{display:inline-block;min-width:32px;padding:5px 8px;border:1px solid #cbd6e2;border-bottom-width:3px;border-radius:7px;background:var(--surface);color:var(--text);font:14px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;text-align:center}.shortcut-item>span:last-child{color:var(--text)}@media(max-width:900px){.shortcut-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.shortcut-section{margin-top:28px;padding-top:24px}.shortcut-section h3{font-size:23px}.shortcut-grid{grid-template-columns:1fr;gap:10px}.shortcut-item{min-height:64px;padding:13px 15px}}
.feature-section{margin-top:72px;padding-top:46px;border-top:1px solid var(--line)}.feature-section>h3{text-align:center;font-size:32px;margin:0 0 34px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-card{min-height:280px;margin:0;padding:30px 20px;border:1px solid var(--line);border-radius:18px;background:var(--bg);text-align:center;display:flex;flex-direction:column;align-items:center;box-shadow:0 2px 0 rgba(23,53,70,.02);transition:.2s}.feature-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--brand) 35%,var(--line));box-shadow:var(--shadow)}.feature-icon{width:62px;height:62px;margin-bottom:25px;border-radius:17px;background:#dfe9ff;color:#355bd8;display:grid;place-items:center;font-size:25px;font-weight:800}.feature-card h4{margin:0 0 18px;font-size:19px}.feature-card p{margin:0;color:var(--muted);line-height:1.75}@media(max-width:1000px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.feature-section{margin-top:46px;padding-top:34px}.feature-section>h3{font-size:26px;margin-bottom:24px}.feature-grid{grid-template-columns:1fr;gap:14px}.feature-card{min-height:0;padding:26px 22px}.feature-icon{margin-bottom:18px}}
.gradient-picker-pair{display:grid;gap:28px}.gradient-picker-pair .advanced-color-panel{margin:0;padding:20px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.gradient-picker-pair .advanced-color-panel>h4{font-size:17px;letter-spacing:1px}.gradient-picker-pair .advanced-color-layout{grid-template-columns:minmax(260px,1fr) minmax(270px,1fr);gap:20px}.gradient-picker-pair .advanced-picker{grid-template-rows:280px 62px}.gradient-picker-pair .advanced-values fieldset{padding:13px 10px}.gradient-picker-pair .advanced-values input{height:42px}@media(min-width:1700px){.gradient-picker-pair{grid-template-columns:1fr 1fr}.gradient-picker-pair .advanced-color-layout{grid-template-columns:minmax(230px,1fr) minmax(250px,1fr)}}@media(max-width:700px){.gradient-picker-pair .advanced-color-panel{padding:13px}.gradient-picker-pair .advanced-color-layout{grid-template-columns:1fr}.gradient-picker-pair .advanced-picker{grid-template-rows:240px 58px}}
.language-select{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:13px}.language-select select{height:38px;padding:0 30px 0 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);cursor:pointer}@media(max-width:650px){.language-select span{display:none}.language-select select{width:82px}.header-row{gap:8px}}
.random-fixed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.random-fixed{display:grid;gap:10px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.random-fixed>span{font-weight:700}.random-fixed input[type=checkbox]{width:18px;height:18px;vertical-align:middle;accent-color:var(--brand)}.random-fixed .input{height:55px;border:2px solid #aeb8c2;font-size:19px}.random-fixed .input:disabled{opacity:.5}@media(max-width:650px){.random-fixed-grid{grid-template-columns:1fr}}

.image-upload-zone{min-height:220px;padding:32px;border:2px dashed #aebbd0;border-radius:18px;background:linear-gradient(145deg,var(--surface),var(--soft));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;cursor:pointer;transition:.2s}.image-upload-zone:hover,.image-upload-zone.dragging{border-color:var(--brand);background:#edf4ff;transform:translateY(-2px)}.image-upload-zone input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.image-upload-zone>b{width:62px;height:62px;border-radius:18px;background:#dfeaff;color:#3868df;display:grid;place-items:center;font-size:34px}.image-upload-zone strong{font-size:21px}.image-upload-zone span{color:var(--muted);font-size:16px}.image-upload-zone small{color:#8b96a8}.image-color-stage.modern{margin-top:24px;min-height:300px;border:1px solid var(--line);border-radius:18px;background:repeating-conic-gradient(#eef1f6 0 25%,#fff 0 50%) 50%/24px 24px;overflow:hidden}.image-color-stage.modern canvas{display:block;max-width:100%;margin:auto}.scheme-result-panels{display:grid;gap:30px}.scheme-result-panels .advanced-color-panel{padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 8px 24px rgba(32,54,92,.06)}.queued-image{display:inline-flex;margin:6px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text)}.image-palette-preview{margin-top:24px}.image-palette-preview>img{display:block;max-width:100%;max-height:460px;margin:0 auto 20px;border-radius:14px;box-shadow:var(--shadow)}.image-palette-preview.bulk article{margin:20px 0;padding:20px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.image-palette-preview.bulk article h4{margin:0 0 14px;overflow-wrap:anywhere}@media(max-width:560px){.image-upload-zone{min-height:180px;padding:22px 14px}.image-upload-zone strong{font-size:18px}.scheme-result-panels .advanced-color-panel{padding:12px}}
.image-extract-workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:28px;margin-top:28px;padding:25px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.image-extract-workspace h4,.bulk-picker-card h4{margin:0 0 18px;font-size:20px}.position-pick-stage{position:relative;min-height:320px;border:1px solid var(--line);border-radius:14px;background:repeating-conic-gradient(#eef1f5 0 25%,#fff 0 50%) 50%/22px 22px;display:grid;place-items:center;overflow:hidden}.position-pick-stage canvas{display:block;max-width:100%;cursor:crosshair}.position-pick-stage>span{position:absolute;color:var(--muted);pointer-events:none}.position-pick-marker{position:absolute;width:22px;height:22px;border:4px solid #fff;border-radius:50%;background:var(--marker);box-shadow:0 0 0 2px #111,0 3px 10px rgba(0,0,0,.35);transform:translate(-50%,-50%);pointer-events:none}.picked-palette-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:25px}.picked-palette-head h4{margin:0}.picked-palette-head div{display:flex;gap:8px}.picked-palette-head button{padding:8px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--brand2);font-weight:700;cursor:pointer}.picked-palette-head button:hover{border-color:var(--brand);background:var(--soft)}.selected-color-palette{min-height:104px;margin-top:15px;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--bg);display:grid;place-items:center;color:var(--muted)}.selected-color-palette .palette-grid{width:100%;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.selected-color-palette .color-swatch{min-height:82px}.selected-color-palette .color-swatch span{height:49px}.picked-color-detail{display:grid;gap:14px}.picked-color-pair{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;margin-bottom:12px}.picked-color-pair i{height:125px;border:1px solid var(--line);border-radius:15px;background:var(--picked);box-shadow:0 7px 18px rgba(25,42,75,.1)}.picked-format{display:grid;grid-template-columns:70px 1fr 72px;align-items:center;min-height:64px;padding:0;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--text);overflow:hidden;cursor:pointer}.picked-format span{height:100%;border-right:1px solid var(--line);display:grid;place-items:center;color:var(--muted);font-weight:750}.picked-format b{padding:12px;font:15px ui-monospace,SFMono-Regular,Consolas,monospace;text-align:left;overflow-wrap:anywhere}.picked-format em{padding:7px 8px;border-radius:8px;background:var(--soft);font-style:normal;color:var(--brand2);font-size:12px;font-weight:750;text-align:center}.picked-format.copied em{background:#e4f7e8;color:#26843b}.picked-format.copy-failed em{background:#fff0ef;color:#c53b32}.picked-format:hover{border-color:var(--brand);background:var(--soft)}.picked-preview-empty{min-height:150px;border:1px dashed var(--line);border-radius:14px;display:grid;place-items:center;color:var(--muted)}.bulk-picker-area{display:grid;gap:25px;margin-top:28px}.bulk-picker-area>p{padding:28px;border:1px dashed var(--line);border-radius:14px;text-align:center;color:var(--muted)}.bulk-picker-card{padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 8px 24px rgba(31,52,88,.06)}.bulk-picker-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.65fr);gap:22px}.bulk-picker-layout .position-pick-stage{min-height:270px}.bulk-picker-layout aside{display:grid;align-content:start;gap:16px}.bulk-result-group{margin:18px 0;padding:18px;border:1px solid var(--line);border-radius:14px}.bulk-result-group h4{margin:0 0 13px}@media(max-width:900px){.image-extract-workspace,.bulk-picker-layout{grid-template-columns:1fr}.position-pick-stage{min-height:260px}.picked-color-pair i{height:95px}}@media(max-width:560px){.image-extract-workspace,.bulk-picker-card{padding:14px}.picked-palette-head{align-items:flex-start;flex-direction:column}.picked-format{grid-template-columns:58px 1fr 68px}.position-pick-stage{min-height:210px}}
.palette-control-row{display:grid;grid-template-columns:72px 72px minmax(180px,1fr) 72px;align-items:center;gap:18px;margin-top:16px}.palette-circle-btn{width:72px;height:72px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:#121a2c;font-size:35px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 7px 16px rgba(22,37,64,.13),0 2px 0 rgba(20,30,50,.08);transition:.18s}.palette-circle-btn:hover{border-color:var(--brand);color:var(--brand2);transform:translateY(-2px)}.palette-circle-btn:active{transform:translateY(1px)}.palette-download-btn{font-size:31px}.palette-control-row .selected-color-palette{min-height:72px;margin:0;padding:0;border:0;background:transparent;display:block;overflow:hidden}.picked-palette-bar{width:100%;height:72px;border-radius:10px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(25,36,58,.08)}.picked-palette-bar button{min-width:20px;flex:1;border:0;padding:0;background:var(--bar-color);cursor:pointer}.picked-palette-bar button:hover{box-shadow:inset 0 0 0 4px rgba(255,255,255,.7)}.bulk-palette-title{margin-top:24px!important}.bulk-picker-card .palette-control-row{grid-template-columns:62px 62px minmax(160px,1fr) 62px;gap:13px}.bulk-picker-card .palette-circle-btn{width:62px;height:62px;font-size:29px}.bulk-picker-card .picked-palette-bar,.bulk-picker-card .palette-control-row .selected-color-palette{height:62px;min-height:62px}@media(max-width:700px){.palette-control-row{grid-template-columns:58px 58px 1fr 58px;gap:9px}.palette-circle-btn{width:58px;height:58px;font-size:28px}.picked-palette-bar,.palette-control-row .selected-color-palette{height:58px;min-height:58px}}@media(max-width:460px){.palette-control-row,.bulk-picker-card .palette-control-row{grid-template-columns:52px 52px 52px;justify-content:start}.palette-control-row .selected-color-palette{grid-column:1/-1;grid-row:1;height:62px;min-height:62px}.palette-circle-btn,.bulk-picker-card .palette-circle-btn{width:52px;height:52px}.palette-download-btn{grid-column:3}.picked-palette-bar{height:62px}}
.download-tray-icon{width:34px;height:34px;display:block;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.bulk-picker-card .download-tray-icon{width:30px;height:30px}

body.palette-export-open{overflow:hidden}.palette-export-overlay{position:fixed;inset:0;z-index:10000;padding:24px;background:rgba(10,17,31,.62);display:grid;place-items:center}.palette-export-dialog{width:min(980px,100%);max-height:calc(100vh - 48px);border-radius:22px;background:var(--surface);color:var(--text);box-shadow:0 28px 80px rgba(0,0,0,.28);overflow:auto}.palette-export-dialog>header{position:sticky;top:0;z-index:2;padding:26px 70px 24px;border-bottom:1px solid var(--line);background:var(--surface);text-align:center}.palette-export-dialog h2{margin:0;font-size:34px}.palette-export-close{position:absolute;right:24px;top:20px;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--text);font-size:27px;cursor:pointer}.palette-export-list{padding:0 34px 34px}.palette-export-list details{border-bottom:1px solid var(--line)}.palette-export-list summary{min-height:118px;padding:28px 18px;display:flex;align-items:center;justify-content:space-between;list-style:none;font-size:27px;font-weight:800;cursor:pointer}.palette-export-list summary::-webkit-details-marker{display:none}.palette-export-list summary span{font-size:32px;color:#657188;transition:.2s}.palette-export-list details[open] summary span{transform:rotate(180deg)}.palette-export-content{position:relative;padding:0 18px 28px}.palette-export-content pre{max-height:310px;margin:0;padding:22px 145px 22px 22px;border:1px solid var(--line);border-radius:13px;background:var(--bg);color:var(--text);font:15px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow:auto}.palette-export-actions{position:absolute;right:34px;top:14px;z-index:1;display:flex;gap:10px}.palette-export-actions .export-download{margin-top:0}.export-copy{min-width:100px;padding:11px 14px;border:0;border-radius:9px;background:var(--brand);color:#fff;font-weight:750;cursor:pointer}.palette-export-preview{padding:18px;border:1px solid var(--line);border-radius:13px;background:#fff;overflow:auto}.palette-export-preview svg,.palette-export-preview img{display:block;width:100%;height:auto;min-width:580px}.export-download{margin-top:15px;padding:12px 20px;border:0;border-radius:10px;background:var(--brand);color:#fff;font-weight:750;cursor:pointer}@media(max-width:650px){.palette-export-overlay{padding:8px}.palette-export-dialog{max-height:calc(100vh - 16px);border-radius:15px}.palette-export-dialog>header{padding:20px 55px 18px}.palette-export-dialog h2{font-size:24px}.palette-export-close{right:12px;top:12px;width:38px;height:38px}.palette-export-list{padding:0 13px 20px}.palette-export-list summary{min-height:82px;padding:18px 10px;font-size:22px}.palette-export-content{padding:0 8px 22px}.palette-export-content pre{padding:65px 14px 16px;font-size:13px}.palette-export-actions{right:20px;top:10px}.palette-export-preview svg,.palette-export-preview img{min-width:500px}}
@media(max-width:1200px){.image-extract-workspace{grid-template-columns:minmax(0,1fr)}.image-extract-workspace>aside{width:100%}}

.tool-main .image-extract-workspace{grid-template-columns:minmax(0,1fr)}.tool-main .image-extract-workspace>aside{width:100%}

.text-tool-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.text-tool-heading .tool-block-title{margin:0}.text-tool-input{min-height:260px;font:16px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.text-input-card,.text-option-card,.text-result-card{border-radius:18px}.text-option-card .option-box{padding:20px;background:var(--bg);border:1px solid var(--line);border-radius:14px}.text-result-card .result{min-height:180px;white-space:pre-wrap;font:16px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}@media(max-width:650px){.text-tool-heading{align-items:flex-start;flex-direction:column}.text-tool-heading .mini-actions{align-self:flex-end}.text-tool-input{min-height:210px}}

.text-tool-doc{margin-top:42px;padding-top:30px;border-top:1px solid var(--line)}.text-tool-doc h3{margin:28px 0 12px;font-size:24px}.text-tool-doc p,.text-tool-doc li{line-height:1.8}.text-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.text-example-grid>div{padding:20px;border:1px solid var(--line);border-radius:15px;background:var(--bg)}.text-example-grid strong{display:block;margin-bottom:10px;color:var(--brand)}.text-example-grid p{margin:0;white-space:normal}@media(max-width:650px){.text-example-grid{grid-template-columns:1fr}}

.number-tool-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.number-tool-heading .tool-block-title{margin:0}.number-tool-input{min-height:260px;font:17px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace}.number-input-card,.number-option-card,.number-result-card{border-radius:18px}.number-option-card .option-box{padding:22px;background:var(--bg);border:1px solid var(--line);border-radius:14px}.number-option-card .input,.number-option-card .select{min-height:54px;border:2px solid var(--line);background:var(--surface);font-size:16px}.number-option-card .input:focus,.number-option-card .select:focus{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 15%,transparent)}.number-result-card .result{min-height:170px;white-space:pre-wrap;font:17px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace}.number-tool-doc{margin-top:42px;padding-top:30px;border-top:1px solid var(--line)}.number-tool-doc h3{margin:28px 0 12px;font-size:24px}.number-tool-doc p,.number-tool-doc li{line-height:1.8}.number-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.number-example-grid>div{padding:20px;border:1px solid var(--line);border-radius:15px;background:var(--bg)}.number-example-grid strong{display:block;margin-bottom:10px;color:var(--brand)}.number-example-grid p{margin:0}@media(max-width:650px){.number-tool-heading{align-items:flex-start;flex-direction:column}.number-tool-heading .mini-actions{align-self:flex-end}.number-tool-input{min-height:210px}.number-example-grid{grid-template-columns:1fr}}

.image-tool-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:15px}.image-tool-heading .tool-block-title{margin:0}.image-upload-card,.image-option-card,.image-result-card{border-radius:18px}.image-drop-zone{position:relative;min-height:210px;padding:30px;border:2px dashed var(--line);border-radius:18px;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;cursor:pointer;transition:.2s}.image-drop-zone:hover{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 6%,var(--bg))}.image-drop-zone>span{font-size:42px;color:var(--brand)}.image-drop-zone strong{font-size:20px}.image-drop-zone small{color:var(--muted)}.image-drop-zone input{position:absolute;inset:0 auto auto 0;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;opacity:0}.image-source-preview,.image-output{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;margin-top:20px}.image-source-preview figure,.image-output figure{margin:0;padding:12px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.image-source-preview img,.image-output img{display:block;width:100%;height:220px;object-fit:contain;border-radius:10px;background:repeating-conic-gradient(#eef1f5 0 25%,#fff 0 50%) 0/20px 20px}.image-source-preview figcaption,.image-output figcaption{margin-top:9px;color:var(--muted);font-size:13px;text-align:center}.image-option-card .option-box{padding:22px;border:1px solid var(--line);border-radius:15px;background:var(--bg)}.image-option-card .input,.image-option-card .select{min-height:54px;border:2px solid var(--line);background:var(--surface)}.image-option-card .input:focus,.image-option-card .select:focus{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 15%,transparent)}.image-result-card .image-output{min-height:220px;place-items:center}.image-result-card .image-output figure{width:100%}.image-tool-doc{margin-top:42px;padding-top:30px;border-top:1px solid var(--line)}.image-tool-doc h3{margin:28px 0 12px;font-size:24px}.image-tool-doc p,.image-tool-doc li{line-height:1.8}.image-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.image-example-grid>div{padding:20px;border:1px solid var(--line);border-radius:15px;background:var(--bg)}.image-example-grid strong{display:block;margin-bottom:10px;color:var(--brand)}@media(max-width:650px){.image-tool-heading{align-items:flex-start}.image-source-preview,.image-output,.image-example-grid{grid-template-columns:1fr}.image-source-preview img,.image-output img{height:190px}}

.datetime-card,.datetime-result-card,.timer-dashboard{border-radius:18px}.datetime-card .input,.datetime-card .select,.timer-dashboard .input{min-height:54px;border:2px solid var(--line);background:var(--surface);font-size:16px}.datetime-card .input:focus,.timer-dashboard .input:focus{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 15%,transparent)}.datetime-unit-grid,.timer-set-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.timer-dashboard{padding:30px;border:1px solid var(--line);background:var(--bg)}.timer-dashboard>h3{text-align:center;font-size:25px}.clock-display{margin:28px 0;padding:30px 18px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow);text-align:center;font:700 clamp(36px,7vw,72px)/1.1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em;color:var(--brand)}.timer-dashboard .actions{justify-content:center}.stopwatch-laps{min-height:130px;white-space:pre-wrap}.datetime-result-card .result{min-height:170px;white-space:pre-wrap;font:16px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace}.datetime-tool-doc{margin-top:42px;padding-top:30px;border-top:1px solid var(--line)}.datetime-tool-doc h3{margin:28px 0 12px;font-size:24px}.datetime-tool-doc p,.datetime-tool-doc li{line-height:1.8}.datetime-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.datetime-example-grid>div{padding:20px;border:1px solid var(--line);border-radius:15px;background:var(--bg)}.datetime-example-grid strong{display:block;margin-bottom:10px;color:var(--brand)}@media(max-width:650px){.datetime-unit-grid,.timer-set-grid,.datetime-example-grid{grid-template-columns:1fr}.clock-display{padding:24px 8px}}

.file-card,.file-result-card{border-radius:18px}.file-drop-zone{position:relative;min-height:190px;margin-bottom:20px;padding:28px;border:2px dashed var(--line);border-radius:18px;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;cursor:pointer}.file-drop-zone:hover{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 6%,var(--bg))}.file-drop-zone>span{font-size:44px;color:var(--brand)}.file-drop-zone strong{font-size:20px}.file-drop-zone small,.file-tip{color:var(--muted)}.file-drop-zone input{position:absolute;width:1px;height:1px;opacity:0}.selected-file-list{margin-bottom:20px;border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden}.selected-file-list>div{padding:12px 16px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.selected-file-list>div:last-child{border-bottom:0}.selected-file-list>div span{color:var(--muted);white-space:nowrap}.file-card .input,.file-card .select{min-height:54px;border:2px solid var(--line);background:var(--surface)}.file-card .input:focus,.file-card .select:focus{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 15%,transparent)}.file-base64-text{min-height:260px;font:15px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}.file-warning{padding:14px 16px;border-radius:12px;background:#fff7ed;color:#9a3412}.file-result-card .result{max-height:420px;min-height:160px;white-space:pre-wrap;word-break:break-all;overflow:auto;font:15px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}.file-tool-doc{margin-top:42px;padding-top:30px;border-top:1px solid var(--line)}.file-tool-doc h3{margin:28px 0 12px;font-size:24px}.file-tool-doc p,.file-tool-doc li{line-height:1.8}.file-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.file-example-grid>div{padding:20px;border:1px solid var(--line);border-radius:15px;background:var(--bg)}.file-example-grid strong{display:block;margin-bottom:10px;color:var(--brand)}@media(max-width:650px){.selected-file-list>div{align-items:flex-start;flex-direction:column;gap:4px}.file-example-grid{grid-template-columns:1fr}}

/* Programming tools */
.dev-editor-card,.dev-options,.dev-result-card{border:1px solid var(--line);border-radius:18px;background:var(--surface)}.dev-editor-card h3{margin:0 0 14px}.dev-code-input{min-height:300px;padding:20px;border:2px solid var(--line);background:var(--bg);font:15px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2}.dev-css-input{min-height:150px;font:15px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.dev-code-input:focus,.dev-css-input:focus{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 14%,transparent)}.dev-check{display:flex;align-items:center;gap:10px;min-height:52px;padding:12px 15px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.dev-code-result{min-height:210px;max-height:580px;overflow:auto;white-space:pre-wrap;word-break:break-word;font:14px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.syntax-output{padding:0;background:#111827;color:#dbeafe;border-radius:14px;overflow:hidden}.syntax-label{padding:10px 18px;background:#0b1220;color:#93c5fd;font-weight:800}.syntax-output code{display:block;padding:14px 0}.syntax-line{display:flex;min-height:25px}.syntax-line i{width:54px;padding-right:14px;color:#64748b;text-align:right;font-style:normal;user-select:none}.syntax-line b{font-weight:400;white-space:pre}.tok-keyword{color:#c084fc;font-weight:700}.tok-string{color:#86efac}.tok-number{color:#fbbf24}.dev-diff-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dev-diff-grid .tool-block{margin:0}.dev-diff-grid input[type=file]{margin-top:12px;max-width:100%;min-height:44px;padding:7px}.dev-diff-result{padding:8px 0}.dev-diff-result>div{display:flex;padding:3px 12px}.dev-diff-result i{width:28px;font-style:normal;font-weight:800}.dev-diff-result code{white-space:pre-wrap}.diff-add{background:#dcfce7;color:#166534}.diff-del{background:#fee2e2;color:#991b1b}.diff-same{color:var(--text)}.dev-tool-doc{margin-top:42px;padding-top:30px;border-top:1px solid var(--line)}.dev-tool-doc h3{margin:28px 0 12px;font-size:24px}.dev-tool-doc p,.dev-tool-doc li{line-height:1.8}.dev-example-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.dev-example-grid>div{padding:20px;border:1px solid var(--line);border-radius:15px;background:var(--bg)}@media(max-width:760px){.dev-diff-grid,.dev-example-grid{grid-template-columns:1fr}.dev-code-input{min-height:240px}}
/* Random tools */
.random-card{border:1px solid var(--line);border-radius:18px;background:var(--surface)}.random-card .input,.random-card .select{min-height:54px;border:2px solid var(--line);background:var(--bg)}.random-card .input:focus{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 14%,transparent)}.random-card .check-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.random-card .check-row label{padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.coin-preview{display:flex;gap:18px;margin-top:22px}.coin-preview span{display:grid;place-items:center;width:92px;height:92px;border-radius:50%;background:linear-gradient(145deg,#fde68a,#f59e0b);color:#78350f;font-size:28px;font-weight:900;box-shadow:0 8px 0 #d97706}.random-result-card .result{min-height:180px;max-height:480px;overflow:auto;white-space:pre-wrap;font:15px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.random-tool-doc{margin-top:42px;padding-top:30px;border-top:1px solid var(--line)}.random-tool-doc h3{margin:28px 0 12px;font-size:24px}.random-tool-doc p,.random-tool-doc li{line-height:1.8}.random-example-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.random-example-grid>div{padding:20px;border:1px solid var(--line);border-radius:15px;background:var(--bg)}.random-example-grid strong{color:var(--brand)}@media(max-width:650px){.random-example-grid{grid-template-columns:1fr}.coin-preview span{width:72px;height:72px}}
/* Math lab tools */
.math-lab-card{border:1px solid var(--line);border-radius:18px;background:var(--surface)}.math-lab-card>h3{margin:0 0 20px}.math-lab-card .input,.math-lab-card .select{min-height:54px;border:2px solid var(--line);background:var(--bg)}.math-lab-input{min-height:190px;padding:17px;border:2px solid var(--line);background:var(--bg);font:15px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}.math-lab-card .input:focus,.math-lab-input:focus{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 14%,transparent)}.math-lab-result .result{min-height:190px;max-height:580px;overflow:auto;white-space:pre-wrap;word-break:break-word;font:15px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.math-tool-doc{margin-top:42px;padding-top:30px;border-top:1px solid var(--line)}.math-tool-doc h3{margin:28px 0 12px;font-size:24px}.math-tool-doc p,.math-tool-doc li{line-height:1.8}.math-example-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.math-example-grid>div{padding:20px;border:1px solid var(--line);border-radius:15px;background:var(--bg)}@media(max-width:650px){.math-example-grid{grid-template-columns:1fr}.math-lab-input{min-height:150px}}
/* Time extra tools */
.time-extra-card{border:1px solid var(--line);border-radius:18px;background:var(--surface)}.time-extra-card>h3{margin:0 0 20px}.time-extra-card .input{min-height:54px;border:2px solid var(--line);background:var(--bg)}.time-extra-card .input:focus{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 14%,transparent)}.time-live-display{margin-top:18px;padding:20px;border-radius:14px;background:linear-gradient(135deg,var(--brand),#60a5fa);color:white;font-size:clamp(22px,4vw,38px);font-weight:800;text-align:center;min-height:30px}.datetime-example-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.datetime-example-grid>div{padding:20px;border:1px solid var(--line);border-radius:15px;background:var(--bg)}@media(max-width:650px){.datetime-example-grid{grid-template-columns:1fr}}
/* Visual perpetual calendar */
.calendar-shell{border:1px solid #d8e1ff;border-radius:28px;background:linear-gradient(145deg,#f4f8ff,#fff);padding:28px;box-shadow:0 18px 50px rgba(43,72,128,.08)}
.calendar-toolbar{display:grid;grid-template-columns:150px 1fr 150px;align-items:center;gap:18px}.calendar-nav{display:flex;align-items:center;justify-content:center;gap:14px}.calendar-select,.calendar-today,.calendar-nav button{height:54px;border:1px solid #d8dce5;border-radius:14px;background:#fff;color:#172033;font-size:18px;padding:0 18px}.calendar-nav button{border:0;background:transparent;color:#8994a8;font-size:38px;padding:0 8px}.calendar-today{font-weight:700}.calendar-week,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-week{margin-top:26px}.calendar-week span{text-align:center;padding:12px;font-size:18px;color:#566071}.calendar-week .weekend{color:#f04444}.calendar-grid{gap:7px}.calendar-day{position:relative;min-height:105px;border:3px solid transparent;border-radius:18px;background:transparent;color:#172033;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.calendar-day:hover{background:#f0f4ff}.calendar-day b{font-size:30px;line-height:1.05}.calendar-day span{font-size:15px;margin-top:7px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-day .festival{font-weight:700}.calendar-day.weekend b{color:#d33333}.calendar-day.other{opacity:.25}.calendar-day.today{border-color:#6173ff;color:#5266ff;background:#fff}.calendar-day.today b{color:#5266ff}.calendar-day em{position:absolute;right:-4px;top:-9px;background:#6d79ff;color:#fff;border-radius:7px;font-style:normal;padding:2px 5px;font-size:13px}.calendar-day.selected:not(.today){border-color:#b8c3ff;background:#fff}.calendar-links{margin-top:20px;padding:15px 24px;border-radius:18px 18px 0 0;background:#fff;color:#2541c7;display:flex;gap:18px}.calendar-links span{background:#edf1ff;padding:2px 7px;border-radius:5px}.calendar-detail{position:relative;display:grid;grid-template-columns:240px 1fr 32px;align-items:center;gap:22px;background:#f4f5f9;border-radius:18px;padding:24px}.calendar-lunar strong{display:block;font-family:serif;font-size:29px}.calendar-lunar span{font-size:17px}.calendar-almanac p{margin:8px 0;font-size:17px}.calendar-almanac i{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:6px;color:#fff;font-style:normal;margin-right:10px}.calendar-almanac .good{background:#e43a3a}.calendar-almanac .bad{background:#303640}.calendar-detail-arrow{border:0;background:#fff;border-radius:50%;width:32px;height:32px;font-size:24px;color:#788298}
@media(max-width:760px){.calendar-shell{padding:14px;border-radius:20px}.calendar-toolbar{grid-template-columns:1fr 1fr}.calendar-nav{grid-column:1/-1;grid-row:1}.calendar-toolbar>.calendar-select{grid-row:2}.calendar-today{grid-row:2}.calendar-select,.calendar-today{height:44px;font-size:15px}.calendar-nav .calendar-select{max-width:120px}.calendar-week span{font-size:14px;padding:8px 2px}.calendar-grid{gap:2px}.calendar-day{min-height:72px;border-width:2px;border-radius:12px}.calendar-day b{font-size:21px}.calendar-day span{font-size:11px;margin-top:4px}.calendar-detail{grid-template-columns:1fr;padding:18px}.calendar-almanac p{font-size:14px}.calendar-detail-arrow{display:none}}
.footer-grid{grid-template-columns:minmax(260px,1.5fr) minmax(120px,.65fr) minmax(120px,.65fr) minmax(240px,1fr)}.footer-connect{justify-self:end;width:min(100%,320px);text-align:right}.footer-connect .social-links{justify-content:flex-end}.footer-connect .friend-links{border-top:1px solid #294047;margin:18px 0 0;padding-top:14px}.footer-connect .friend-links h4{display:none}.footer-connect .friend-links div{justify-content:flex-end;gap:7px 18px}@media(max-width:850px){.footer-grid{grid-template-columns:1fr 1fr}.footer-connect{justify-self:stretch;width:100%;text-align:left}.footer-connect .social-links,.footer-connect .friend-links div{justify-content:flex-start}}@media(max-width:560px){.footer-grid{grid-template-columns:1fr}.footer-connect{justify-self:stretch}}

/* Mobile touch and readability audit fixes */
@media(max-width:560px){body{font-size:16px}.mini-actions button,[id$="Example"],[id$="Clear"]{min-height:40px;padding:8px 10px}.check-row label,.random-fixed span{min-height:40px;display:inline-flex;align-items:center}.calendar-shell #prevMonth,.calendar-shell #nextMonth{min-width:44px;min-height:44px}input[type="checkbox"],input[type="radio"]{width:36px;height:36px;flex:0 0 36px}input[type="range"]{min-width:40px;min-height:40px}.footer a{min-height:44px;display:flex;align-items:center}.social-links a{min-height:44px}}

@media(max-width:560px){.tool-links a,.more,.crumbs a{min-height:44px;display:flex;align-items:center}.more{width:max-content}}

/* Perpetual calendar: lunar date and sexagenary-cycle detail */
.calendar-detail{grid-template-columns:minmax(360px,1.1fr) 1fr}.calendar-lunar strong{font-size:clamp(31px,3vw,44px);line-height:1.2}.calendar-date-meta{margin-top:12px;color:#253047;font-size:16px;line-height:1.75;overflow-wrap:anywhere}@media(max-width:760px){.calendar-detail{grid-template-columns:1fr}.calendar-date-meta{font-size:14px;line-height:1.65}}

.calendar-day small{display:block;max-width:100%;margin-top:3px;font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-day small.festival{font-weight:700;color:#4658c9}@media(max-width:760px){.calendar-day{min-height:82px}.calendar-day small{font-size:9px;margin-top:2px}}

/* Keep the complete sexagenary date summary on one line. */
.calendar-detail>.calendar-lunar,.calendar-detail>.calendar-almanac{grid-column:1/-1}.calendar-date-meta{display:block;width:100%;white-space:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;padding-bottom:3px}

.calendar-detail,.calendar-detail>.calendar-lunar{min-width:0;max-width:100%}.calendar-date-meta{min-width:0;max-width:100%;box-sizing:border-box}

/* Remove duplicated spacing/borders from the CMS feature wrapper. */
#datetimeFeatures.datetime-tool-doc{margin-top:24px;padding-top:0;border-top:0}#datetimeFeatures>.datetime-tool-doc{margin-top:0;padding-top:0;border-top:0}#datetimeFeatures>.datetime-tool-doc>h3:first-child{margin-top:0}


/* Multilingual selector, RTL and narrow-screen support */
.language-select select{max-width:190px;text-overflow:ellipsis}.language-select option{color:var(--text);background:var(--surface)}html[dir=rtl] body{text-align:right}html[dir=rtl] .search input,html[dir=rtl] .hero-search input{padding-right:18px;padding-left:46px}html[dir=rtl] .search-icon{right:auto;left:16px}html[dir=rtl] .tool-links a:before{content:'‹';margin-right:0;margin-left:8px}html[dir=rtl] .guide-panel ol,html[dir=rtl] .tool-static-summary ol{padding-left:0;padding-right:20px}html[dir=rtl] .footer-connect{justify-self:start;text-align:left}html[dir=rtl] .footer-connect .social-links,html[dir=rtl] .footer-connect .friend-links div{justify-content:flex-start}html[dir=rtl] input[type=number],html[dir=rtl] input[data-number],html[dir=rtl] textarea,html[dir=rtl] pre,html[dir=rtl] code{direction:ltr;text-align:left}@media(max-width:650px){.language-select select{width:118px;max-width:118px}.head-actions{flex:0 0 auto}.logo{min-width:0}.logo span:last-child{overflow:hidden;text-overflow:ellipsis}}@media(max-width:390px){.language-select select{width:96px;max-width:96px}.icon-btn{padding:0 10px}.header-row{gap:6px}}

/* vt-i18n-priority-rtl */
.trust-page{padding-bottom:70px}.trust-content{margin-bottom:24px}.trust-content section+section{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}.trust-content h2{margin:0 0 10px;font-size:24px}.trust-content p{margin:0;color:var(--muted);line-height:1.8}
html[dir="rtl"] body{text-align:right}html[dir="rtl"] .header-row,html[dir="rtl"] .nav-row,html[dir="rtl"] .footer-grid,html[dir="rtl"] .row,html[dir="rtl"] .output-tools,html[dir="rtl"] .field-inline{direction:rtl}html[dir="rtl"] .logo{direction:ltr}html[dir="rtl"] .search-icon{right:auto;left:18px}html[dir="rtl"] .search input{padding-right:18px;padding-left:48px}html[dir="rtl"] .guide-panel ol,html[dir="rtl"] .percentage-features ol{padding-left:0;padding-right:22px}html[dir="rtl"] .side-list a::after{content:"←"}html[dir="rtl"] .side-list a{direction:rtl}html[dir="rtl"] .calc-display{text-align:left}html[dir="rtl"] input[type="number"],html[dir="rtl"] input[type="text"],html[dir="rtl"] textarea{unicode-bidi:plaintext}html[dir="rtl"] code,html[dir="rtl"] pre,html[dir="rtl"] .result{direction:ltr;text-align:left}html[dir="rtl"] .language-select{background-position:left 12px center;padding-right:12px;padding-left:34px}
html[dir="rtl"] input[type="number"],html[dir="rtl"] input[inputmode="decimal"],html[dir="rtl"] input[inputmode="numeric"],html[dir="rtl"] .bank-table td,html[dir="rtl"] .pdf-sheets-table td{direction:ltr;unicode-bidi:isolate;text-align:left}html[dir="rtl"] .bank-table th,html[dir="rtl"] .pdf-sheets-table th{text-align:right}html[dir="rtl"] [data-copy],html[dir="rtl"] .copy-btn{direction:rtl}
@media(max-width:560px){.trust-page{padding-bottom:42px}.trust-content h2{font-size:21px}html[dir="rtl"] .footer-grid{text-align:right}}
/* vt-p3-mobile-long-labels */
@media(max-width:560px){.page-head,.page-head h1,.tool-shell,.tool-main,.tool-main>*{min-width:0;max-width:100%}.page-head h1,.tool-main h2,.tool-main h3,.tool-main label,.tool-main button{overflow-wrap:anywhere;word-break:break-word;hyphens:auto}.tool-main input,.tool-main select,.tool-main textarea{min-width:0;max-width:100%}.average-dashboard,.average-dashboard>*,.average-stats,.average-small-grid,.average-small-grid>*{min-width:0;max-width:100%}.average-dashboard{width:100%;margin-left:0;margin-right:0}}
/* 2026-08-19 audited touch targets */
@media(max-width:560px){#themeToggle{min-width:44px;min-height:44px}input[type="range"]{min-width:44px!important}input[id$="Hue"]{width:44px!important;min-width:44px!important}}

.contact-channel-list{display:flex;flex-wrap:wrap;gap:12px}.contact-channel-list .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;text-decoration:none}
/* Image blur tool */
.blur-filter-field{margin-bottom:22px}.blur-filter-field .select{min-height:58px;border:2px solid var(--line);font-size:16px;font-weight:700}.blur-parameter-grid{display:grid;grid-template-columns:1fr;gap:18px}.blur-param{padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.blur-param.is-active{border-color:color-mix(in srgb,var(--brand) 45%,var(--line));box-shadow:0 8px 22px color-mix(in srgb,var(--brand) 9%,transparent)}.blur-param[hidden]{display:none!important}.blur-param-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;font-weight:750}.blur-param-head output{min-width:58px;padding:5px 9px;border-radius:8px;background:color-mix(in srgb,var(--brand) 10%,var(--surface));color:var(--brand);text-align:center;font-variant-numeric:tabular-nums}.blur-param-inputs{display:grid;grid-template-columns:minmax(120px,1fr) 92px;align-items:center;gap:14px}.blur-param-inputs input[type=range]{width:100%;height:7px;accent-color:var(--brand);cursor:pointer}.blur-param-inputs .input{min-height:48px;padding:9px 11px;text-align:center;font-weight:700}.blur-mask-options{display:flex;gap:12px;flex-wrap:wrap}.blur-mask-options label{min-width:105px;padding:12px 16px;border:2px solid var(--line);border-radius:12px;background:var(--bg);cursor:pointer}.blur-mask-options label:has(input:checked){border-color:var(--brand);background:color-mix(in srgb,var(--brand) 8%,var(--surface));color:var(--brand)}#blurModeHelp{margin:18px 0 0;padding:13px 15px;border-radius:12px;background:var(--bg);line-height:1.65}@media(max-width:720px){.blur-parameter-grid{grid-template-columns:1fr}.blur-param-inputs{grid-template-columns:minmax(100px,1fr) 84px}.blur-param{padding:15px}}
/* Keep related tools in the right sidebar for every desktop locale. */
.sidebar,.related-panel,.side-list,.side-list a{min-width:0;max-width:100%}.side-list a{overflow-wrap:anywhere;word-break:break-word}html[dir=rtl] .tool-main,html[dir=rtl] .sidebar{direction:rtl;text-align:right}@media(min-width:851px){.tool-shell{direction:ltr}.tool-main{grid-column:1}.sidebar{grid-column:2;width:280px;max-width:280px}}
/* Bank Statement Converter */
.bank-converter { display: grid; gap: 22px; }
.bank-upload-card, .bank-options-card, .bank-results { border: 1px solid var(--border); border-radius: 24px; background: var(--panel); padding: clamp(20px, 3vw, 32px); box-shadow: var(--shadow-sm); }
.bank-section-heading { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 20px; }
.bank-section-heading h3 { margin: 0 0 5px; font-size: clamp(20px, 2.4vw, 28px); }
.bank-section-heading p { margin: 0; color: var(--muted); }
.bank-step { flex: 0 0 auto; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 14px; color: #fff; background: linear-gradient(135deg,#4b7bec,#6ba9ed); font-weight: 800; }
.bank-drop-zone { min-height: 230px; border: 2px dashed #aebfe0; border-radius: 22px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 30px; text-align: center; cursor: pointer; background: linear-gradient(180deg,rgba(82,132,235,.06),rgba(82,132,235,.02)); transition: .2s ease; }
.bank-drop-zone:hover, .bank-drop-zone.is-dragging { border-color: #4f7fea; background: rgba(82,132,235,.1); transform: translateY(-1px); }
.bank-drop-zone input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.bank-upload-icon { display: grid; place-items: center; width: 66px; height: 66px; border-radius: 20px; color: #fff; background: #4f7fea; font-size: 34px; line-height: 1; }
.bank-drop-zone strong { font-size: 20px; }
.bank-drop-zone small, .bank-file-item small { display: block; color: var(--muted); }
.bank-file-list { display: grid; gap: 10px; margin-top: 16px; }
.bank-file-list > p { margin: 0; color: var(--muted); text-align: center; }
.bank-file-item { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; border: 1px solid var(--border); border-radius: 14px; padding: 11px 14px; }
.bank-file-item button { border: 0; background: transparent; color: var(--muted); font-size: 26px; cursor: pointer; width: 42px; height: 42px; }
.bank-pdf-badge { padding: 8px 9px; border-radius: 9px; background: #ffe6e4; color: #c83c32; font-size: 12px; font-weight: 800; }
.bank-option-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.bank-check { display: flex; align-items: center; gap: 10px; min-height: 44px; margin: 8px 0 0; font-weight: 650; cursor: pointer; }
.bank-check input { width: 24px; height: 24px; flex: 0 0 24px; }
.bank-actions { margin-top: 20px; flex-wrap: wrap; }
.bank-progress { height: 8px; border-radius: 999px; overflow: hidden; background: #e7ecf5; margin-top: 18px; }
.bank-progress span { display: block; width: 0; height: 100%; background: linear-gradient(90deg,#4b7bec,#55b9df); transition: width .15s ease; }
.bank-status { margin: 14px 0 0; padding: 12px 14px; border-radius: 12px; color: #42516c; background: #f3f6fb; }
.bank-status.success { color: #17653c; background: #eaf8f0; }
.bank-status.warning { color: #7a5410; background: #fff7df; }
.bank-status.error { color: #a52c2c; background: #fff0ef; }
.bank-summary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin: 2px 0 18px; }
.bank-summary > div { border-radius: 17px; padding: 18px; background: #f4f7fc; }
.bank-summary strong { display: block; font-size: 28px; color: #315fae; }
.bank-summary span { color: var(--muted); }
.bank-result-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 18px; }
.bank-table-wrap { max-width: 100%; overflow: auto; border: 1px solid var(--border); border-radius: 16px; }
.bank-table { width: 100%; min-width: 920px; border-collapse: collapse; background: var(--panel); }
.bank-table th, .bank-table td { border-bottom: 1px solid var(--border); padding: 12px 13px; text-align: left; vertical-align: top; }
.bank-table th { position: sticky; top: 0; z-index: 1; background: #eef3fb; white-space: nowrap; }
.bank-table td[contenteditable="true"] { min-width: 100px; }
.bank-table td:nth-child(2) { min-width: 280px; }
.bank-table td[contenteditable="true"]:focus { outline: 2px solid #6d91ed; outline-offset: -2px; background: #f8fbff; }
.bank-review-note { margin: 16px 0 0; color: #6c4c17; background: #fff8e6; border-radius: 14px; padding: 14px 16px; }
.bank-tool-doc { margin-top: 32px; }
.bank-tool-doc h3 { margin-top: 30px; }
.bank-workflow { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.bank-workflow > div { border: 1px solid var(--border); border-radius: 16px; padding: 18px; }
.bank-workflow strong { display: block; margin-bottom: 7px; color: #315fae; }
@media (max-width: 720px) {
  .bank-upload-card, .bank-options-card, .bank-results { padding: 18px; border-radius: 18px; }
  .bank-option-grid, .bank-summary, .bank-workflow { grid-template-columns: 1fr; }
  .bank-drop-zone { min-height: 190px; padding: 22px 14px; }
  .bank-drop-zone strong { font-size: 17px; }
  .bank-actions .btn, .bank-result-actions .btn { width: 100%; }
  .bank-section-heading { gap: 10px; }
  .bank-step { width: 38px; height: 38px; border-radius: 12px; }
}
/* Bank Statement Converter full landing content */
.bank-hero-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;padding:clamp(24px,4vw,44px);border-radius:26px;background:linear-gradient(135deg,#14284d,#315fae 62%,#4e88d9);color:#fff;overflow:hidden}.bank-kicker,.bank-doc-label,.bank-doc-heading>span{display:inline-block;font-size:12px;font-weight:850;letter-spacing:.13em}.bank-hero-copy h2{margin:10px 0 12px;color:#fff;font-size:clamp(27px,4vw,44px);line-height:1.1}.bank-hero-copy p{max-width:750px;margin:0;color:#e9f1ff;font-size:17px;line-height:1.7}.bank-trust-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.bank-trust-row span{padding:8px 11px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.1);font-size:13px;font-weight:700}.bank-format-visual{display:grid;grid-template-columns:repeat(2,76px);gap:10px;align-items:center}.bank-format-visual span{display:grid;place-items:center;min-height:62px;border-radius:16px;background:#fff;color:#254c8f;font-weight:900;box-shadow:0 12px 28px rgba(0,0,0,.18)}.bank-format-visual span:first-child{grid-row:1/3;min-height:134px;color:#c53832}.bank-format-visual b{display:none}.bank-security-note{display:flex;gap:12px;align-items:flex-start;margin-top:16px;padding:15px 17px;border:1px solid #cbe7d8;border-radius:14px;background:#effaf4;color:#285f43}.bank-security-note strong{flex:0 0 auto}.bank-security-note span{color:#456958}.bank-doc-section{margin-top:clamp(42px,7vw,76px)}.bank-introduction{margin-top:36px;padding:clamp(24px,4vw,42px);border:1px solid var(--border);border-radius:24px;background:linear-gradient(180deg,var(--panel),color-mix(in srgb,var(--brand) 3%,var(--panel)))}.bank-introduction h2,.bank-doc-heading h2,.bank-reconciliation h2,.bank-limitations h2{margin:9px 0 13px;font-size:clamp(26px,3.5vw,38px);line-height:1.2}.bank-introduction p,.bank-doc-heading p,.bank-reconciliation p,.bank-limitations{line-height:1.75}.bank-doc-label,.bank-doc-heading>span{color:#315fae}.bank-doc-heading{max-width:850px;margin-bottom:24px}.bank-benefit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.bank-benefit-grid article{padding:25px;border:1px solid var(--border);border-radius:20px;background:var(--panel)}.bank-benefit-grid h3{margin:12px 0 8px}.bank-benefit-grid p{margin:0;color:var(--muted);line-height:1.65}.bank-benefit-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#eaf1ff;color:#315fae;font-size:24px;font-weight:900}.bank-region-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.bank-region-grid article{padding:21px;border:1px solid var(--border);border-radius:18px;background:var(--panel)}.bank-region-grid h3{margin:0 0 14px}.bank-chip-list{display:flex;flex-wrap:wrap;gap:8px}.bank-chip-list span,.bank-use-list span{padding:8px 11px;border-radius:999px;background:#eef3fb;color:#2d527f;font-size:13px;font-weight:700}.bank-support-note{margin-top:17px;padding:15px 17px;border-radius:14px;background:#f5f7fb;color:var(--muted)}.bank-workflow>div{position:relative;padding:24px}.bank-workflow b{display:block;margin-bottom:12px;color:#a8bce0;font-size:34px;line-height:1}.bank-workflow span{display:block;color:var(--muted);line-height:1.6}.bank-reconciliation{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr);gap:26px;padding:clamp(24px,4vw,42px);border-radius:24px;background:#14284d;color:#fff}.bank-reconciliation h2{color:#fff}.bank-reconciliation p{color:#dce8fa}.bank-use-list{display:flex;flex-direction:column;justify-content:center;gap:9px}.bank-use-list span{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.15)}.bank-limitations{padding:clamp(22px,4vw,36px);border:1px solid #ead7a4;border-radius:22px;background:#fff9e9}.bank-limitations ul{padding-left:22px}.bank-limitations li{margin:8px 0}.bank-limitations p{margin-bottom:0;padding-top:14px;border-top:1px solid #ead7a4}
@media(max-width:720px){.bank-hero-card{grid-template-columns:1fr}.bank-format-visual{grid-template-columns:repeat(3,1fr)}.bank-format-visual span:first-child{grid-row:auto;min-height:62px}.bank-benefit-grid,.bank-region-grid,.bank-reconciliation{grid-template-columns:1fr}.bank-security-note{display:block}.bank-security-note strong{display:block;margin-bottom:5px}.bank-introduction h2,.bank-doc-heading h2,.bank-reconciliation h2,.bank-limitations h2{font-size:27px}}
/* Bank converter container-aware layout: prevents squeezed English/Chinese grids beside sidebar. */
.bank-converter{container-type:inline-size;container-name:bank-converter}
@container bank-converter (max-width:650px){
  .bank-hero-card{grid-template-columns:1fr}
  .bank-format-visual{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
  .bank-format-visual span:first-child{grid-row:auto;min-height:62px}
  .bank-option-grid,.bank-summary,.bank-benefit-grid,.bank-region-grid,.bank-reconciliation,.bank-workflow{grid-template-columns:1fr}
  .bank-hero-copy p,.bank-doc-heading{max-width:none}
}
/* Bank result table containment fix: keep wide editable table inside the result card. */
.bank-converter,.bank-converter>*{min-width:0;max-width:100%}
.bank-results{width:100%;min-width:0;overflow:hidden}
.bank-table-wrap{display:block;width:100%;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.bank-table{width:100%;min-width:920px}
/* Excel Macro Generator 20260823 */
.macro-generator{display:grid;gap:30px;min-width:0}.macro-hero,.macro-workbench,.macro-result,.macro-latest,.macro-docs{border:1px solid #dce4f0;border-radius:28px;background:#fff;box-shadow:0 18px 48px rgba(15,23,42,.06)}.macro-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:36px;padding:42px;background:linear-gradient(135deg,#f7f9ff 0,#eef5ff 100%)}.macro-hero h2{margin:8px 0 14px;font-size:clamp(32px,5vw,54px);line-height:1.05;color:#101828}.macro-hero p{max-width:760px;margin:0;color:#536174;font-size:18px;line-height:1.75}.macro-eyebrow{display:inline-block;color:#3d63e6;font-weight:800;font-size:13px;letter-spacing:.12em}.macro-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.macro-trust span{padding:8px 12px;border:1px solid #d7e0f0;border-radius:999px;background:#fff;color:#344054;font-size:13px;font-weight:700}.macro-hero-code{align-self:center;padding:28px;border-radius:20px;background:#101828;color:#c8d5ff;font:600 16px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;box-shadow:0 20px 40px rgba(16,24,40,.18)}.macro-hero-code b{color:#86efac}.macro-hero-code span{color:#f8fafc}.macro-workbench{overflow:hidden}.macro-mode-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #dce4f0;background:#f8fafc}.macro-mode-tabs button{padding:20px;border:0;background:transparent;color:#667085;font-weight:800;font-size:16px;cursor:pointer}.macro-mode-tabs button.is-active{background:#fff;color:#3158d8;box-shadow:inset 0 -3px #4267e8}.macro-input-panel{padding:34px}.macro-input-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px}.macro-input-heading h3{margin:0 0 7px;font-size:24px;color:#101828}.macro-input-heading p{margin:0;color:#667085}.macro-quota{flex:0 0 auto;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;padding:12px 16px;border-radius:16px;background:#eff4ff;color:#344054}.macro-quota strong{grid-row:1/3;font-size:30px;color:#3158d8}.macro-quota span{font-size:13px;font-weight:700}.macro-quota small{font-size:11px;color:#667085}.macro-input-panel textarea{width:100%;min-height:230px;resize:vertical;border:2px solid #cfd8e8;border-radius:18px;padding:20px;background:#fbfcff;color:#101828;font:16px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;box-sizing:border-box}.macro-input-panel textarea:focus{outline:0;border-color:#4f6fe8;box-shadow:0 0 0 4px rgba(79,111,232,.12);background:#fff}.macro-input-footer{display:flex;justify-content:space-between;gap:12px;margin-top:8px;color:#7a8699;font-size:12px}.macro-prompt-examples{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.macro-prompt-examples button{border:1px solid #d7e0ef;border-radius:999px;padding:9px 13px;background:#fff;color:#40506a;cursor:pointer}.macro-prompt-examples button:hover{border-color:#5374e7;color:#3158d8}.macro-data-notice{margin:18px 0 12px;padding:15px 17px;border:1px solid #cbdaf8;border-radius:14px;background:#f4f7ff;color:#46556d;font-size:13px;line-height:1.6}.macro-data-notice strong{display:block;margin-bottom:3px;color:#23314a}.macro-data-notice p{margin:0}.macro-consent[hidden],.macro-result [hidden]{display:none!important}.macro-consent{display:flex;align-items:flex-start;gap:10px;padding:15px;border-radius:14px;background:#f8fafc;color:#536174;font-size:13px;line-height:1.55}.macro-consent input{margin-top:3px}.macro-submit-row{display:flex;gap:12px;margin-top:20px}.macro-status{min-height:24px;margin:16px 0 0;color:#667085}.macro-status.success{color:#087443}.macro-status.error{color:#b42318}.macro-status.working{color:#3158d8}.macro-result{padding:34px;min-width:0}.macro-result-head,.macro-section-title{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.macro-result-head h3,.macro-section-title h3{margin:6px 0 0;font-size:28px;color:#101828}.macro-result-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}.macro-code{max-width:100%;max-height:620px;overflow:auto;margin:24px 0;padding:24px;border-radius:18px;background:#101828;color:#e6edf7;font:14px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre;tab-size:2}.macro-summary{padding:16px 18px;border-left:4px solid #4f6fe8;background:#f4f7ff;color:#344054;line-height:1.7}.macro-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.macro-result-grid section{padding:22px;border:1px solid #dce4f0;border-radius:18px;background:#fbfcff}.macro-result-grid h4{margin:0 0 12px;font-size:18px}.macro-result-grid li{margin:8px 0;color:#536174;line-height:1.65}.macro-result-warning,.macro-risk{margin-top:18px;padding:18px 20px;border-radius:16px;background:#fff8e8;border:1px solid #f4d58b;color:#6b4e00}.macro-result-warning p,.macro-risk p{margin:6px 0 0;line-height:1.65}.macro-review-submission{padding:14px 16px;border-radius:14px;background:#ecfdf3;color:#067647}.macro-latest,.macro-docs{padding:36px}.macro-section-title{margin-bottom:24px}.macro-section-title>p{max-width:420px;color:#667085}.macro-latest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.macro-latest-grid article{min-width:0;padding:22px;border:1px solid #dce4f0;border-radius:18px;background:#fbfcff}.macro-latest-grid article>span{font-size:11px;font-weight:800;letter-spacing:.1em;color:#5873d9}.macro-latest-grid h4{margin:8px 0;font-size:19px}.macro-latest-grid h4 a{color:#152238;text-decoration:none}.macro-latest-grid p{color:#5e6b7e;line-height:1.55}.macro-latest-grid pre{max-height:150px;overflow:hidden;padding:14px;border-radius:12px;background:#101828;color:#d9e4f5;font-size:12px}.macro-example-link{font-weight:800;color:#3158d8;text-decoration:none}.macro-empty{grid-column:1/-1;padding:24px;border:1px dashed #cfd8e8;border-radius:16px;color:#667085;text-align:center}.macro-capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.macro-capability-grid article{padding:22px;border-radius:18px;background:#f7f9fd;border:1px solid #e0e6f0}.macro-capability-grid h4{margin:0 0 8px;font-size:18px}.macro-capability-grid p{margin:0;color:#667085;line-height:1.65}.macro-howto{margin-top:28px;padding:26px;border-radius:20px;background:#101828;color:#eaf0fb}.macro-howto h3{margin-top:0;color:#fff}.macro-howto li{margin:11px 0;line-height:1.6}.macro-howto kbd{padding:2px 6px;border:1px solid #6b7890;border-radius:5px;background:#263247}.macro-faq{margin-top:28px}.macro-faq details{border-top:1px solid #dce4f0;padding:17px 0}.macro-faq summary{cursor:pointer;font-weight:800;color:#23314a}.macro-faq p{color:#667085;line-height:1.7}.macro-case-page{max-width:1180px;margin:0 auto;padding:36px 24px 80px}.macro-case-article{padding:42px;border:1px solid #dce4f0;border-radius:28px;background:#fff;box-shadow:0 18px 48px rgba(15,23,42,.06)}.macro-case-article h1{margin:8px 0 14px;font-size:clamp(32px,5vw,52px);line-height:1.1}.macro-case-lead{font-size:18px;color:#667085;line-height:1.7}.macro-case-article section{margin-top:30px}.macro-case-prompt{padding:20px;border-radius:16px;background:#f5f7fb;color:#344054;line-height:1.7}.macro-code-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.macro-case-article pre{max-width:100%;overflow:auto;padding:24px;border-radius:18px;background:#101828;color:#e6edf7}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;color:#667085}.breadcrumbs a{color:#3158d8;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.macro-hero{grid-template-columns:1fr;padding:30px}.macro-hero-code{display:none}.macro-input-heading,.macro-result-head,.macro-section-title{display:grid}.macro-quota{justify-self:start}.macro-result-actions{justify-content:flex-start}.macro-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.macro-generator{gap:20px}.macro-hero,.macro-workbench,.macro-result,.macro-latest,.macro-docs{border-radius:20px}.macro-hero,.macro-input-panel,.macro-result,.macro-latest,.macro-docs{padding:22px}.macro-hero h2{font-size:34px}.macro-mode-tabs button{padding:16px 8px;font-size:14px}.macro-input-heading{gap:14px}.macro-input-panel textarea{min-height:260px;padding:16px}.macro-input-footer{display:grid}.macro-submit-row,.macro-result-actions{display:grid;grid-template-columns:1fr}.macro-submit-row .btn,.macro-result-actions .btn{width:100%}.macro-result-grid,.macro-latest-grid,.macro-capability-grid{grid-template-columns:1fr}.macro-code{padding:17px;font-size:12px}.macro-case-page{padding:20px 14px 60px}.macro-case-article{padding:22px;border-radius:20px}.macro-code-heading{align-items:flex-start;flex-direction:column}}
/* Macro local explanation */
.macro-local-explanation{color:#172033;font-size:1rem;line-height:1.75}
.macro-local-explanation .macro-explain-intro{font-size:1.08rem;margin:0 0 1.5rem}
.macro-local-explanation h3{font-size:1.25rem;margin:1.75rem 0 .8rem}
.macro-local-explanation ol,.macro-local-explanation ul{margin:.5rem 0 1.5rem;padding-left:1.5rem}
.macro-local-explanation li{margin:.75rem 0}
.macro-local-explanation li p{margin:.25rem 0 0}
.macro-result [hidden]{display:none!important}
@media(max-width:640px){.macro-local-explanation{font-size:.96rem}.macro-local-explanation h3{font-size:1.12rem}}
.macro-quota[hidden]{display:none!important}
/* PDF to Google Sheets */
.pdf-sheets-tool{display:grid;gap:22px;min-width:0;max-width:100%;container-type:inline-size;container-name:pdf-sheets}
.pdf-sheets-tool>*{min-width:0;max-width:100%}
.pdf-sheets-hero{background:linear-gradient(135deg,#143c2f,#177b58 62%,#36a77b)}
.pdf-sheets-table th[contenteditable=true],.pdf-sheets-table td[contenteditable=true]{cursor:text}
.pdf-sheets-table th[contenteditable=true]:focus,.pdf-sheets-table td[contenteditable=true]:focus{outline:2px solid #25a36f;outline-offset:-2px;background:#f2fff9}
.pdf-sheets-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.pdf-sheets-feature-grid article{padding:20px;border:1px solid var(--border);border-radius:18px;background:var(--panel)}.pdf-sheets-feature-grid h3{margin:0 0 8px}.pdf-sheets-feature-grid p{margin:0;color:var(--muted);line-height:1.65}
@container pdf-sheets (max-width:650px){.pdf-sheets-tool .bank-hero-card,.pdf-sheets-tool .bank-option-grid,.pdf-sheets-tool .bank-summary,.pdf-sheets-tool .bank-workflow{grid-template-columns:1fr}.pdf-sheets-tool .bank-format-visual{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.pdf-sheets-tool .bank-format-visual span:first-child{grid-row:auto;min-height:62px}}
@media(max-width:720px){.pdf-sheets-feature-grid{grid-template-columns:1fr}.pdf-sheets-actions .btn{width:100%}}


/* PDF to Google Sheets workbook and OCR features */
.pdf-sheets-workbook{overflow:hidden;border:1px solid #dfe3e7;border-radius:18px;background:#fff;color:#202124;box-shadow:0 12px 34px rgba(22,44,33,.09)}
.pdf-sheet-titlebar{display:flex;align-items:center;gap:12px;padding:15px 18px 8px}.pdf-sheet-logo{display:grid;place-items:center;width:38px;height:42px;border-radius:6px;background:#34a853;color:#fff;font-size:27px}.pdf-sheet-titlebar div{display:grid;gap:2px}.pdf-sheet-titlebar strong{font-size:18px}.pdf-sheet-titlebar span{font-size:12px;color:#6b7280}
.pdf-sheet-menu{display:flex;gap:22px;padding:0 18px 10px;font-size:13px;overflow:auto}.pdf-sheet-toolbar{display:flex;align-items:center;gap:18px;padding:10px 18px;background:#edf4f0;border-radius:28px;margin:0 12px;overflow:auto;white-space:nowrap}.pdf-sheet-toolbar i{width:1px;height:24px;background:#cbd5cf}.pdf-sheet-formula{display:grid;grid-template-columns:82px 36px minmax(180px,1fr);align-items:center;border-bottom:1px solid #d8dcda;padding:7px 12px;font-size:13px}.pdf-sheet-formula>*{padding:0 12px;border-right:1px solid #d8dcda}.pdf-sheet-formula>*:last-child{border:0;color:#6b7280}
.pdf-sheet-grid-wrap{border:0;border-radius:0;max-height:560px}.pdf-sheets-table{border-collapse:separate;border-spacing:0;min-width:100%;font-family:Arial,sans-serif}.pdf-sheets-table th,.pdf-sheets-table td{min-width:130px;border-right:1px solid #d7dad8;border-bottom:1px solid #d7dad8;padding:9px 10px;background:#fff;color:#202124;text-align:left;font-weight:400}.pdf-sheets-table .pdf-sheet-column,.pdf-sheets-table .pdf-sheet-row-number,.pdf-sheets-table .pdf-sheet-corner{min-width:42px;width:42px;background:#f8f9fa;color:#5f6368;text-align:center;font-weight:500}.pdf-sheets-table tbody tr:first-child>th:not(.pdf-sheet-row-number){font-weight:700;background:#f7fbf8}.pdf-sheets-table [contenteditable=true]:focus{position:relative;z-index:1;outline:2px solid #1a73e8;outline-offset:-2px;background:#fff}.pdf-sheet-tabs{display:flex;align-items:center;gap:20px;padding:9px 18px;border-top:1px solid #d7dad8}.pdf-sheet-tabs button{border:0;background:transparent;font-size:24px}.pdf-sheet-tabs strong{padding:7px 20px;color:#185abc;background:#e8f0fe;border-radius:8px 8px 0 0}
.pdf-sheets-reference-features{overflow:hidden;border:1px solid var(--border);border-radius:24px;background:var(--panel)}.pdf-sheets-features-heading{text-align:center;padding:42px 20px 30px;border-bottom:1px solid var(--border)}.pdf-sheets-features-heading h2{margin:0 0 10px;font-size:clamp(30px,4vw,44px)}.pdf-sheets-features-heading p{margin:0;font-size:20px;color:var(--muted)}.pdf-sheets-six-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.pdf-sheets-six-grid article{min-height:260px;padding:46px 40px;border-right:1px dashed var(--border);border-bottom:1px solid var(--border)}.pdf-sheets-six-grid article:nth-child(3n){border-right:0}.pdf-sheets-six-grid article:nth-child(n+4){border-bottom:0}.pdf-sheets-six-grid article>span{display:grid;place-items:center;width:72px;height:72px;margin-bottom:28px;border:1px solid var(--border);border-radius:50%;background:var(--panel);box-shadow:0 0 0 10px rgba(25,70,52,.06);font-size:28px}.pdf-sheets-six-grid h3{margin:0 0 12px;font-size:21px;line-height:1.15}.pdf-sheets-six-grid p{margin:0;color:var(--muted);line-height:1.55}
@media(max-width:900px){.pdf-sheets-six-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pdf-sheets-six-grid article,.pdf-sheets-six-grid article:nth-child(3n){border-right:1px dashed var(--border);border-bottom:1px solid var(--border)}.pdf-sheets-six-grid article:nth-child(2n){border-right:0}.pdf-sheets-six-grid article:nth-child(n+5){border-bottom:0}}
@media(max-width:600px){.pdf-sheet-menu{gap:16px}.pdf-sheet-toolbar{gap:14px}.pdf-sheet-formula{grid-template-columns:60px 32px minmax(160px,1fr)}.pdf-sheets-six-grid{grid-template-columns:1fr}.pdf-sheets-six-grid article,.pdf-sheets-six-grid article:nth-child(n){min-height:0;padding:32px 26px;border-right:0;border-bottom:1px solid var(--border)}.pdf-sheets-six-grid article:last-child{border-bottom:0}.pdf-sheets-features-heading p{font-size:17px}.pdf-sheets-table th,.pdf-sheets-table td{min-width:112px}}

/* Localized category cards must shrink cleanly on narrow screens. */
.list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-card{min-width:0;max-width:100%}.tool-card>div{min-width:0}.tool-card h3,.tool-card p{overflow-wrap:anywhere;word-break:normal}
@media(max-width:560px){.list-grid{grid-template-columns:minmax(0,1fr)}}

/* Keep worked examples from expanding the mobile viewport on long tokens or hashes. */
.math-example-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-width:0}.math-example-grid>div{min-width:0}.math-example-grid p{overflow-wrap:anywhere;word-break:break-word}
@media(max-width:650px){.math-example-grid{grid-template-columns:minmax(0,1fr)}}

/* Calendar cells must not use their translated labels as a seven-column min-width. */
.calendar-week,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));min-width:0}.calendar-day{min-width:0;max-width:100%;padding-left:2px;padding-right:2px}.calendar-day b,.calendar-day span,.calendar-day small{max-width:100%;overflow:hidden;text-overflow:ellipsis}

/* Keep the decorative initial out of the brand text exposed to crawlers. */
.logo-mark::before{content:"V"}

/* Search-friendly category navigation with clear semantic separation. */
.category-discovery{margin:26px 0 20px}.category-discovery>header{margin-bottom:14px}.category-discovery h2{font-size:clamp(1.25rem,2vw,1.65rem);margin:0 0 7px}.category-discovery p{color:var(--muted);margin:0}.category-popular-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:18px 0 24px}.category-popular-list li{min-width:0}.category-task-link{display:flex;align-items:center;min-height:48px;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);font-weight:700;text-decoration:none}.category-task-link::after{content:'→';margin-inline-start:auto;color:var(--accent)}.category-task-link:hover{border-color:var(--accent);color:var(--accent)}.category-faq{padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface);margin-bottom:24px}.category-faq summary{font-weight:700;cursor:pointer}.category-faq details p{margin-top:10px}.category-all-tools{padding-top:4px}@media(max-width:680px){.category-popular-list{grid-template-columns:1fr}}
.tool-static-features{min-width:0}.tool-static-features pre{display:block;max-width:100%;overflow-x:auto}

/* Give text links in the mobile Macro examples a full touch target. */
@media(max-width:560px){.macro-latest-grid h4 a,.macro-example-link{display:inline-flex;align-items:center;min-height:44px}}