@layer reset,base,layout,components,responsive;
@layer components {
  .extra-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--size-16);align-items:end}
  .extra-field{display:flex;flex-direction:column;gap:var(--size-7);min-width:0;font-size:var(--size-12)}
  .extra-field input,.extra-field select{width:100%;min-height:46px}
  .extra-reference{max-width:420px;margin-bottom:var(--size-23)}
  .extra-rows{display:grid;gap:var(--size-18);margin-bottom:var(--size-18)}
  .extra-row{min-width:0;margin:0;padding:var(--size-17);border:1px solid var(--line);border-radius:var(--size-10);background:var(--color-surface-subtle)}
  .extra-row legend{padding:0 var(--size-6);font-size:var(--size-12);font-weight:650}
  [data-extra-tool="62"] .extra-row .extra-fields{grid-template-columns:1.3fr 1.2fr 1fr .7fr .9fr auto;gap:var(--size-12)}
  [data-extra-tool="69"] .extra-row .extra-fields{grid-template-columns:repeat(3,minmax(0,1fr)) auto}
  .extra-row .reset-button{align-self:end;white-space:nowrap}
  .extra-options{display:flex;gap:var(--size-22);flex-wrap:wrap;margin-top:var(--size-12)}
  .extra-options label{display:flex;align-items:center;gap:var(--size-8);min-height:44px;font-size:var(--size-13);cursor:pointer}
  .extra-options input{min-height:0;accent-color:var(--ink);width:17px;height:17px}
  .extra-result{margin-top:var(--size-24);padding:var(--size-20);background:var(--color-result-bg);border-radius:var(--size-10);overflow-wrap:anywhere}
  .extra-result h3{font-size:var(--size-17);margin-bottom:var(--size-10)}
  .extra-result p{font-size:var(--size-13);line-height:1.9}
  .extra-table-wrap{overflow-x:auto;max-width:100%;margin-top:var(--size-15)}
  .extra-table{border-collapse:collapse;width:100%;font-size:var(--size-12);text-align:left;min-width:460px}
  .extra-table caption{text-align:left;font-weight:650;margin-bottom:var(--size-8)}
  .extra-table th,.extra-table td{padding:var(--size-12) var(--size-10);border-bottom:1px solid var(--color-result-border);vertical-align:top}
  .extra-table th{font-weight:650;white-space:nowrap}
  .extra-table td{font-variant-numeric:tabular-nums}
  .extra-actions{margin-top:var(--size-20)}
  .extra-table-hint{display:none}
}
@layer responsive {
  @media(max-width:900px){[data-extra-tool="62"] .extra-row .extra-fields{grid-template-columns:repeat(3,minmax(0,1fr))}}
  @media(max-width:760px){
    .extra-table-hint{display:block}
    [data-extra-tool="62"] .extra-row .extra-fields,[data-extra-tool="69"] .extra-row .extra-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--size-12)}
    .extra-row{padding:var(--size-13)}
    .extra-field{font-size:var(--size-11)}
    .extra-field input,.extra-field select{padding:var(--size-10);font-size:var(--size-14)}
    .extra-fields{gap:var(--size-14) var(--size-12)}
    .extra-result{padding:var(--size-16) var(--size-12)}
    .extra-options{gap:var(--size-8) var(--size-18)}
    .extra-options label{font-size:var(--size-12)}
    .extra-table th,.extra-table td{padding:var(--size-10) var(--size-8)}
  }
}
@layer reset {
  *,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,p{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img,svg{vertical-align:middle}button:disabled{cursor:not-allowed;opacity:.5}[hidden]{display:none!important}
}
@layer base {
  :root{--bg:var(--color-background);--paper:var(--color-surface);--ink:var(--color-text);--muted:var(--color-text-muted);--line:var(--color-border);--accent:var(--color-accent);--orange:var(--color-accent-bright);--soft-orange:var(--color-accent-subtle);--green:var(--color-success);--radius:14px;color-scheme:light;font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI","Apple SD Gothic Neo","Malgun Gothic",sans-serif}
  html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--bg);color:var(--ink);font-size:var(--size-15);line-height:1.7;word-break:keep-all;overflow-wrap:anywhere}::selection{background:var(--palette-fbd0b8)}a,button{touch-action:manipulation}a:hover{color:var(--accent)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}h1,h2,h3{line-height:1.35;letter-spacing:-.055em}h2{font-size:var(--size-30);font-weight:750}h3{font-size:var(--size-18);font-weight:700}p{color:var(--muted)}button{border:0;background:none}input,textarea,select{min-width:0;max-width:100%;border:1px solid var(--control-border);border-radius:var(--size-9);background:var(--color-surface);color:var(--ink)}input,select{min-height:44px;padding:var(--size-10) var(--size-14)}textarea{padding:var(--size-18);resize:vertical;width:100%;line-height:1.8}input::placeholder,textarea::placeholder{color:var(--color-placeholder)}.icon{width:22px;height:22px;flex-shrink:0}.wrap{max-width:1184px;width:calc(100% - 80px);margin-inline:auto}.eyebrow{font-size:var(--size-11);letter-spacing:.13em;font-weight:700;color:var(--muted);line-height:1.5}.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}.skip-link{position:absolute;top:-100px;left:12px;padding:var(--size-12) var(--size-18);background:var(--ink);color:var(--color-surface);z-index:20}.skip-link:focus{top:8px}.text-link{font-size:var(--size-14);font-weight:650;display:inline-flex;align-items:center;gap:var(--size-10)}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--size-22);min-height:48px;padding:var(--size-12) var(--size-23);border-radius:var(--size-8);font-weight:650;font-size:var(--size-14);line-height:1.5}.primary-button{background:var(--ink);color:var(--color-surface);border:1px solid var(--ink)}.primary-button:hover{background:var(--color-text-hover);color:var(--color-surface)}.secondary-button{border:1px solid var(--line);background:var(--color-surface)}.secondary-button:hover{border-color:var(--ink);color:var(--ink)}.notice{padding:var(--size-18);border:1px solid var(--line);border-radius:var(--size-10);margin-top:var(--size-20)}
}
@layer layout {
  .site-header{border-bottom:1px solid var(--line)}.header-inner{height:86px;display:flex;align-items:center;gap:var(--size-60)}.brand{display:inline-flex;align-items:center;gap:var(--size-10);font-size:var(--size-25);font-weight:800;letter-spacing:-1.3px;color:var(--ink)}.brand:hover{color:var(--ink)}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--ink);color:var(--color-surface);border-radius:var(--size-9);transform:rotate(-4deg)}.brand-mark .icon{width:21px;height:21px;stroke-width:1.8}.brand-period{color:var(--orange)}.header-inner nav{display:flex;gap:var(--size-30);font-size:var(--size-14);font-weight:550}.header-inner nav a[aria-current]{color:var(--accent)}.header-cta{margin-left:auto;font-size:var(--size-13);font-weight:650;display:flex;align-items:center;gap:var(--size-20);padding:var(--size-9) var(--size-14);border:1px solid var(--line);border-radius:var(--size-7);background:var(--color-surface)}.header-cta .icon{width:17px;height:17px}
  .hero{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center;padding-block:var(--size-64) 54px}.hero-copy>.eyebrow{display:flex;align-items:center;gap:var(--size-10);font-size:var(--size-10);letter-spacing:.15em}.tiny-square{width:7px;height:7px;background:var(--orange)}.hero h1{font-size:51px;line-height:1.28;letter-spacing:-.065em;margin-top:var(--size-24);font-weight:780}.hero h1>span{color:var(--accent)}.hero-description{font-size:var(--size-16);line-height:1.9;margin-top:var(--size-23);letter-spacing:-.02em}.hero .primary-button{margin-top:var(--size-29)}.hero-checks{display:flex;gap:var(--size-18);color:var(--muted);font-size:var(--size-12);margin-top:var(--size-22)}.hero-checks span{display:flex;align-items:center;gap:var(--size-5)}.hero-checks .icon{width:14px;height:14px;stroke-width:2}
  .hero-art{height:354px;position:relative;border-radius:var(--size-18);background:var(--palette-eee9df);isolation:isolate;overflow:hidden}.art-grid{position:absolute;inset:0;background-image:linear-gradient(var(--palette-d7d0c24a) 1px,transparent 1px),linear-gradient(90deg,var(--palette-d7d0c24a) 1px,transparent 1px);background-size:28px 28px;z-index:-1;mask-image:linear-gradient(120deg,transparent,var(--palette-000))}.art-caption{position:absolute;top:25px;left:27px;font-size:var(--size-9);letter-spacing:.16em;color:var(--palette-726f65)}.art-spark{position:absolute;right:29px;top:16px;font-size:54px;font-weight:400;line-height:1;color:var(--palette-a34a2d)}.art-tile{position:absolute;border-radius:var(--size-13);box-shadow:0 9px 14px var(--palette-3730210c)}.art-text{width:191px;height:200px;background:var(--palette-fffdf6);left:35px;top:77px;padding:var(--size-17) var(--size-22);transform:rotate(-8deg);border:1px solid var(--palette-e1ddd2)}.art-text>span{font-family:Georgia,serif;font-size:57px;line-height:1.2;letter-spacing:-5px;display:flex;align-items:center}.cursor-line{display:inline-block;width:2px;height:47px;background:var(--orange);margin-left:8px}.art-text small{font-size:var(--size-10);display:block;margin-top:var(--size-9);color:var(--muted)}.art-count{margin-top:var(--size-24);border-top:1px solid var(--line);padding-top:var(--size-10);display:flex;align-items:center;justify-content:space-between;font-size:var(--size-10)}.art-count strong{font-size:var(--size-20);letter-spacing:-.05em}.art-percent{right:45px;top:61px;transform:rotate(11deg);background:var(--orange);color:var(--palette-fff8e9);width:130px;height:139px;padding:var(--size-26) var(--size-18);display:flex;flex-direction:column;align-items:center;gap:var(--size-13)}.art-percent .icon{height:58px;width:58px;stroke-width:1.3}.art-percent span{font-size:var(--size-10)}.art-json{width:218px;height:144px;right:34px;bottom:24px;background:var(--palette-344b3e);color:var(--palette-e5e9df);transform:rotate(4deg);padding:var(--size-15) var(--size-20)}.json-dots{display:flex;gap:var(--size-4);margin-bottom:var(--size-9)}.json-dots i{width:5px;height:5px;background:var(--palette-a5b3a2);border-radius:50%}.art-json code{font-size:var(--size-12);line-height:1.55}.art-json em{font-style:normal;color:var(--palette-d3d8a4)}.art-json b{color:var(--palette-9db39d);font-weight:400}.art-label{position:absolute;bottom:31px;left:25px;background:var(--palette-fffdf7);border:1px solid var(--palette-dfd9ca);border-radius:var(--size-50);padding:var(--size-8) var(--size-12);font-size:var(--size-10);transform:rotate(-5deg);display:flex;gap:var(--size-4);align-items:center}.art-label .icon{width:13px;height:13px;color:var(--accent)}.art-index{position:absolute;bottom:8px;right:13px;font-size:var(--size-7);letter-spacing:.15em;color:var(--palette-7f8075)}
  .trust-bar{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:var(--size-21) 0}.trust-bar>span{display:flex;justify-content:center;align-items:center;gap:var(--size-11);font-size:var(--size-12);color:var(--muted)}.trust-bar>span+span{border-left:1px solid var(--line)}.trust-bar .icon{height:18px;width:18px;color:var(--palette-5c6c58)}.section{padding-block:57px 61px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--size-20);margin-bottom:var(--size-25)}.section-heading .eyebrow{margin-bottom:var(--size-10)}.section-note{font-size:var(--size-12);color:var(--muted);padding-bottom:var(--size-4)}.heading-dot{color:var(--accent);margin-left:2px}.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--size-18)}
  .catalog-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--palette-f3f3ee);padding:54px 0 58px}.catalog-total{font-size:var(--size-28);font-weight:700;letter-spacing:-1px;display:flex;align-items:center;gap:var(--size-11)}.catalog-total>span{font-size:var(--size-11);font-weight:400;letter-spacing:0;color:var(--muted)}.search-form{height:65px;padding:var(--size-7) var(--size-8) var(--size-7) var(--size-22);border:1px solid var(--palette-cfd2c6);border-radius:var(--size-11);display:flex;align-items:center;background:var(--color-surface);gap:var(--size-14)}.search-form>input{border:0;box-shadow:none;outline:none;flex:1;padding:var(--size-10) 0;background:transparent;font-size:var(--size-15)}.search-form:focus-within{outline:2px solid var(--accent);outline-offset:2px}.search-form>.icon{color:var(--muted)}.search-form>kbd{border:1px solid var(--line);border-radius:var(--size-5);padding:0 var(--size-7);color:var(--palette-85897e);font-size:var(--size-13)}.search-button{display:flex;gap:var(--size-22);align-items:center;background:var(--ink);color:var(--color-surface);padding:var(--size-13) var(--size-20);border-radius:var(--size-7);font-size:var(--size-13);min-height:47px}.search-button:hover{background:var(--palette-434c3c)}.search-button .icon{width:18px}.suggestions{display:flex;align-items:center;gap:var(--size-12);font-size:var(--size-11);margin-top:var(--size-12);flex-wrap:wrap}.suggestions>span{color:var(--muted);margin-right:2px}.suggestions button{font-size:var(--size-11);display:flex;align-items:center;gap:var(--size-3);padding:var(--size-5) var(--size-3);min-height:32px}.suggestions .icon{width:11px;height:11px;color:var(--palette-7d8277)}.catalog-layout{display:grid;grid-template-columns:190px 1fr;gap:var(--size-30);margin-top:var(--size-34)}.catalog-layout:has(.category-nav[hidden]){grid-template-columns:1fr}.category-nav>p{font-size:var(--size-10);color:var(--muted);margin:0 0 var(--size-11) var(--size-14)}.category-nav>button{display:flex;align-items:center;gap:var(--size-10);padding:var(--size-11) var(--size-13);width:100%;border-radius:var(--size-7);font-size:var(--size-12);min-height:44px;text-align:left}.category-nav .icon{width:17px;height:17px}.category-nav button small{margin-left:auto;color:var(--muted);font-size:var(--size-10)}.category-nav>button[aria-pressed=true]{background:var(--palette-e5e8dd);font-weight:700}.category-nav>button:hover{background:var(--palette-e8eae2)}.category-divider{height:1px;background:var(--line);margin:var(--size-12)}.aside-note{font-size:var(--size-12);line-height:1.9;color:var(--palette-555d4d);padding:var(--size-17) var(--size-14);margin-top:var(--size-17);border-top:1px solid var(--line)}.aside-note>span{display:block;font-size:var(--size-10);color:var(--muted);margin-top:var(--size-7)}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--size-10);margin-bottom:var(--size-5);min-height:36px}.catalog-toolbar h3{font-size:var(--size-16);letter-spacing:-.04em}.catalog-toolbar h3>span{color:var(--muted);font-size:var(--size-12);font-weight:400;margin-left:7px}.catalog-hint{font-size:var(--size-11);color:var(--muted);margin-bottom:var(--size-18)}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--size-13)}.load-more{display:flex;align-items:center;justify-content:center;gap:var(--size-9);width:100%;border:1px solid var(--palette-d8dbd0);border-radius:var(--size-8);padding:var(--size-13);margin-top:var(--size-21);font-size:var(--size-12);background:var(--palette-ffffff4a)}.load-more:hover{background:var(--color-surface)}.load-more>span:first-child{color:var(--muted);font-size:var(--size-11)}.load-more>span:last-child{margin-left:8px}.empty-state{text-align:center;background:var(--color-surface);padding:45px var(--size-20);border:1px dashed var(--palette-cbd0c2);border-radius:var(--size-12)}.empty-state>.icon{width:30px;height:30px;color:var(--muted);margin-bottom:var(--size-15)}.empty-state h3{margin-bottom:var(--size-8)}.empty-state p{font-size:var(--size-13)}.empty-state button{margin-top:var(--size-20)}
  .promise{display:flex;align-items:center;gap:27px;margin-block:55px;padding:var(--size-32);background:var(--palette-ebeee5);border:1px solid var(--palette-e0e5d7);border-radius:var(--size-12)}.promise-symbol{background:var(--palette-dce3d2);width:66px;height:76px;display:grid;place-items:center;border-radius:var(--size-35) var(--size-35) var(--size-30) var(--size-30)}.promise-symbol .icon{width:32px;height:32px;color:var(--palette-4e6245)}.promise h2{font-size:var(--size-22);margin-top:var(--size-9)}.promise p{font-size:var(--size-12);line-height:1.9;margin-top:var(--size-9)}.promise>.promise-symbol{flex-shrink:0}.promise>a{margin-left:auto;font-size:var(--size-11);display:flex;align-items:center;gap:var(--size-13);white-space:nowrap}.promise>a .icon{width:17px}.promise .eyebrow{font-size:var(--size-9);letter-spacing:.1em;color:var(--palette-5c6c50)}.faq-section{display:grid;grid-template-columns:1fr 1.7fr;gap:65px;margin-block:65px 80px}.faq-section h2{margin-top:var(--size-15);font-size:var(--size-29);line-height:1.45}.faq-section>div>p{font-size:var(--size-12);margin-top:var(--size-15)}.faq-section .text-link{margin-top:var(--size-22);font-size:var(--size-12)}.site-footer{border-top:1px solid var(--line);padding:37px 0 var(--size-22)}.footer-top{display:flex;justify-content:space-between;gap:var(--size-24)}.footer-top .brand{font-size:var(--size-22)}.footer-top .brand-mark{width:29px;height:29px;border-radius:var(--size-7)}.footer-top .brand-mark .icon{width:18px;height:18px}.footer-top p{font-size:var(--size-11);margin-top:var(--size-10)}.footer-top nav{display:flex;gap:var(--size-26);font-size:var(--size-11);padding-top:var(--size-9)}.footer-bottom{margin-top:33px;padding-top:var(--size-17);border-top:1px solid var(--line);display:flex;align-items:center;gap:var(--size-30);font-size:var(--size-10);color:var(--muted)}.local-note{margin-left:auto;display:flex;align-items:center;gap:var(--size-5)}.local-note .icon{width:13px;height:13px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--color-surface);border-radius:var(--size-9);padding:var(--size-13) var(--size-20);font-size:var(--size-13);z-index:10;max-width:calc(100% - 32px);width:max-content;box-shadow:0 5px 25px var(--palette-0002)}
}
@layer components {
  .tool-card{position:relative;background:var(--color-surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--size-20);display:flex;flex-direction:column;transition:border-color .18s,box-shadow .18s,transform .18s;min-width:0}.tool-card:hover{border-color:var(--control-border-hover);box-shadow:0 5px 14px var(--palette-30392708);transform:translateY(-2px)}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.tool-icon{width:40px;height:40px;display:inline-grid;place-items:center;border-radius:var(--size-11);background:var(--palette-eff0eb);color:var(--palette-5d6755);flex-shrink:0}.tool-icon.text{background:var(--palette-eaf0e5);color:var(--palette-4e6b47)}.tool-icon.dev{background:var(--palette-edeaf6);color:var(--palette-6a589b)}.tool-icon.calc{background:var(--palette-fff0e1);color:var(--palette-a45b2a)}.tool-icon.image{background:var(--palette-f8e9e8);color:var(--palette-a35462)}.tool-icon.time{background:var(--palette-e7f0f4);color:var(--palette-487e91)}.tool-icon.file{background:var(--palette-f1ecdf);color:var(--palette-8e713a)}.tool-icon.media{background:var(--palette-f4eaf3);color:var(--palette-95678c)}.tool-icon.device{background:var(--palette-e8edea);color:var(--palette-547367)}.tool-card h3{font-size:var(--size-16);letter-spacing:-.04em}.tool-card h3 a::after{content:"";position:absolute;inset:0;border-radius:var(--radius)}.tool-card h3 a:focus-visible{outline:none}.tool-card:has(h3 a:focus-visible){outline:3px solid var(--accent);outline-offset:3px}.tool-card>p{font-size:var(--size-12);line-height:1.8;margin-top:var(--size-9);margin-bottom:var(--size-23);flex:1}.card-bottom{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:var(--size-10);margin-top:auto}.card-bottom>.icon{width:17px;height:17px}.status{font-size:var(--size-10);color:var(--palette-72786b);line-height:1.6;display:inline-flex;align-items:center;gap:var(--size-5)}.status.live{color:var(--palette-4e6845)}.status.live::before{content:"";display:inline-block;width:4px;height:4px;background:var(--palette-628453);border-radius:50%}.featured-card{padding:var(--size-25);background:var(--palette-fffdfa)}.featured-card .card-top{margin-bottom:var(--size-20)}.featured-card h3{font-size:19px}.featured-card>p{font-size:var(--size-13);margin-bottom:var(--size-25)}.featured-card .tool-icon{width:44px;height:44px}.featured-card .card-bottom{border-top:1px solid var(--line);padding-top:var(--size-15)}.icon-button{position:relative;z-index:2;width:36px;height:36px;display:grid;place-items:center;border-radius:var(--size-6);color:var(--palette-8c9285);margin:-7px -6px -7px 0}.icon-button .icon{width:17px;height:17px}.icon-button:hover{background:var(--palette-f7f5ec);color:var(--palette-a76a26)}.icon-button[aria-pressed=true]{color:var(--palette-9e621b)}.icon-button[aria-pressed=true] .icon{fill:var(--palette-ffe2a3)}
  .breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:var(--size-10);font-size:var(--size-11);color:var(--muted);margin-bottom:var(--size-35)}.breadcrumbs>span:nth-child(even){color:var(--palette-b0b3a9)}.tool-page{padding-top:var(--size-28);padding-bottom:66px;max-width:1020px}.tool-page-heading{max-width:760px;margin-bottom:var(--size-32)}.tool-page-heading>.status{margin-left:13px;font-size:var(--size-11)}.tool-page h1{font-size:38px;margin-top:var(--size-18);margin-bottom:var(--size-14)}.tool-page-heading>p{font-size:var(--size-14);line-height:1.9}.workspace{padding:var(--size-30);background:var(--color-surface);border:1px solid var(--line);border-radius:var(--size-16);box-shadow:0 5px 20px var(--palette-303b2704)}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--size-15);margin-bottom:var(--size-25)}.workspace-heading h2{font-size:var(--size-20)}.local-chip{display:inline-flex;align-items:center;gap:var(--size-6);font-size:var(--size-10);color:var(--muted)}.local-chip .icon{width:14px;height:14px}.reset-button{font-size:var(--size-12);color:var(--muted);text-decoration:underline;text-underline-offset:4px;min-height:44px;padding-inline:var(--size-8)}.calc-modes{display:flex;gap:var(--size-5);background:var(--palette-f2f3ed);padding:var(--size-5);border-radius:var(--size-9);margin-bottom:27px}.calc-modes button{flex:1;min-height:44px;font-size:var(--size-13);border-radius:var(--size-6)}.calc-modes button[aria-pressed=true]{background:var(--color-surface);color:var(--accent);box-shadow:0 1px 5px var(--palette-0000000a);font-weight:650}.calc-fields{display:flex;align-items:flex-end;gap:var(--size-25)}.calc-fields label{display:flex;flex-direction:column;gap:var(--size-8);flex:1;font-size:var(--size-12)}.calc-fields input{width:100%;font-size:var(--size-22);min-height:61px}.calc-operator{margin-bottom:var(--size-13);color:var(--muted);font-size:var(--size-23)}.calc-result{margin-top:var(--size-25);padding:var(--size-25);border-radius:var(--size-10);background:var(--color-result-bg);display:flex;flex-direction:column;align-items:center;text-align:center}.calc-result>span{font-size:var(--size-12);color:var(--muted)}.calc-result output{font-size:var(--size-46);font-weight:700;line-height:1.5;letter-spacing:-.04em;max-width:100%}.calc-result p{font-size:var(--size-12);word-break:break-word}.workspace>#clear{display:block;margin:var(--size-12) auto -10px}.field-error{font-size:var(--size-13);white-space:pre-wrap;word-break:break-word;border:1px solid var(--palette-e6b1a1);background:var(--palette-fff4ee);border-radius:var(--size-8);padding:var(--size-13);color:var(--palette-9b321d);margin-top:var(--size-15)}.count-results{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--size-12);margin-top:var(--size-22)}.count-results>div{background:var(--color-result-bg);text-align:center;border-radius:var(--size-10);padding:var(--size-18) var(--size-10);min-width:0}.count-results span{display:block;font-size:var(--size-11);color:var(--muted)}.count-results strong{display:block;font-size:var(--size-32);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.count-results small{font-size:var(--size-10);color:var(--muted)}.input-note{font-size:var(--size-11);margin-top:var(--size-10)}.json-editors{display:grid;grid-template-columns:1fr 1fr;gap:var(--size-20)}.json-editors label{display:block;font-size:var(--size-12);margin-bottom:var(--size-8)}.json-editors textarea{font-family:Consolas,ui-monospace,monospace;line-height:1.7;font-size:var(--size-13);word-break:break-all}.json-editors textarea[readonly]{background:var(--palette-f7f8f4)}.json-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--size-10);margin-top:var(--size-15)}.json-actions label{font-size:var(--size-12);display:flex;align-items:center;gap:var(--size-8);margin-right:auto}.json-actions select{padding:var(--size-8);min-height:44px}.json-actions .primary-button,.json-actions .secondary-button{padding:var(--size-10) var(--size-17);font-size:var(--size-12);min-height:44px}#json-status{font-size:var(--size-12);color:var(--green);margin-top:var(--size-10)}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:var(--size-48)}.guide-grid h2{font-size:var(--size-21);margin-top:var(--size-10)}.steps{padding-left:var(--size-21);color:var(--muted);font-size:var(--size-13);line-height:1.9}.steps li{padding-left:var(--size-7);margin-bottom:var(--size-12)}.steps li::marker{color:var(--accent);font-weight:650}.example-box{background:var(--palette-f4eee3);padding:var(--size-25);border-radius:var(--size-12)}.example-box h2{font-size:var(--size-18);margin-top:var(--size-10)}.example-box p{font-size:var(--size-13);margin-top:var(--size-14);line-height:1.9}.related-tools{margin-top:53px}.related-tools h2{font-size:var(--size-23)}.related-tools .featured-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.coming-soon{text-align:center;background:var(--color-surface);border:1px solid var(--line);border-radius:var(--size-16);padding:45px}.coming-icon{display:inline-flex;padding:var(--size-18);background:var(--palette-f4eee4);border-radius:50%;margin-bottom:var(--size-22);color:var(--palette-9b7c52)}.coming-icon .icon{width:30px;height:30px}.coming-soon h2{font-size:var(--size-29);margin-top:var(--size-12)}.coming-soon>p{font-size:var(--size-14);margin-top:var(--size-16)}.planned-feature{max-width:550px;margin:27px auto;text-align:left;padding:var(--size-20);background:var(--bg);border-radius:var(--size-8)}.planned-feature strong{font-size:var(--size-12)}.planned-feature p{font-size:var(--size-13);margin-top:var(--size-7)}.info-page{max-width:790px;padding-block:var(--size-60) 75px}.info-page h1{font-size:39px;margin-top:var(--size-20)}.info-page .intro{font-size:var(--size-22);color:var(--ink);margin-block:25px}.info-page h2{font-size:var(--size-22);margin-top:var(--size-35);margin-bottom:var(--size-13)}.info-page p,.info-page li{font-size:var(--size-14);line-height:1.9}.info-page ul{padding-left:var(--size-20);color:var(--muted)}.info-page li{padding-block:var(--size-5)}.info-page li a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.info-page>.primary-button{margin-top:var(--size-30)}.not-found{padding-block:100px;text-align:center}.not-found h1{font-size:var(--size-40);margin-top:var(--size-20)}.not-found p{margin-block:20px 28px}
}
@layer responsive {
  @media(min-width:1450px){.hero{padding-block:75px 65px}.hero-art{height:374px}.art-text{left:45px;top:86px}.art-percent{right:60px;top:65px}.art-json{right:40px;bottom:29px}}
  @media(max-width:1100px){.wrap{width:calc(100% - 56px)}.hero{gap:var(--size-32)}.hero h1{font-size:43px}.hero-art{height:330px}.art-text{left:22px;width:175px}.art-percent{right:27px;width:115px}.art-json{right:20px;width:195px}.art-label{left:15px}.catalog-layout{grid-template-columns:165px 1fr;gap:var(--size-24)}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-total>span{max-width:90px;line-height:1.5}.promise h2{font-size:var(--size-20)}}
  @media(max-width:760px){.wrap{width:calc(100% - 40px)}.header-inner{height:71px;gap:var(--size-28)}.header-inner nav{gap:var(--size-20);font-size:var(--size-12)}.header-cta{display:none}.header-inner nav{margin-left:auto}.brand{font-size:var(--size-23)}.hero{grid-template-columns:1fr;gap:var(--size-35);padding-block:42px var(--size-30)}.hero h1{font-size:43px;line-height:1.3;margin-top:19px}.hero-description{font-size:var(--size-14);margin-top:var(--size-17)}.hero .primary-button{margin-top:var(--size-24)}.hero-checks{margin-top:var(--size-18)}.hero-art{height:298px;max-width:460px;width:100%;margin-inline:auto}.art-text{height:182px;width:176px;left:35px;top:61px}.art-text>span{font-size:var(--size-48)}.art-count{margin-top:var(--size-17)}.art-percent{top:43px;right:36px;width:116px;height:126px;padding-top:var(--size-22)}.art-json{width:190px;height:128px;right:30px;bottom:17px;padding:var(--size-12) var(--size-18)}.art-json code{font-size:var(--size-11)}.art-caption{font-size:var(--size-8);top:19px}.art-spark{font-size:43px;top:8px;right:21px}.art-label{bottom:19px;left:24px;font-size:var(--size-9)}.art-index{font-size:var(--size-6);bottom:4px}.trust-bar{padding:var(--size-17) 0;gap:var(--size-8)}.trust-bar>span{font-size:var(--size-10);gap:var(--size-7);line-height:1.7;flex-direction:column;text-align:center;padding-inline:var(--size-7)}.trust-bar .icon{height:17px;width:17px}.section{padding-block:var(--size-35) 38px}.section-heading{align-items:flex-start;gap:var(--size-10);margin-bottom:var(--size-20)}.section-heading h2{font-size:var(--size-24)}.section-note{display:none}.section-heading .eyebrow{font-size:var(--size-9);margin-bottom:var(--size-8)}.featured-grid{grid-template-columns:1fr;gap:var(--size-12)}.featured-card{padding:var(--size-20);display:grid;grid-template-columns:46px 1fr 24px;gap:0 var(--size-14);align-items:center}.featured-card .card-top{display:contents}.featured-card .tool-icon{grid-row:1/4;width:43px;height:43px}.featured-card .status{grid-column:2;grid-row:3;margin-top:var(--size-7);font-size:var(--size-9)}.featured-card h3{grid-row:1;grid-column:2;font-size:var(--size-16)}.featured-card>p{grid-row:2;grid-column:2;font-size:var(--size-11);margin:var(--size-4) 0 0}.featured-card .card-bottom{display:contents}.featured-card .card-bottom>span{display:none}.featured-card .card-bottom>.icon{grid-column:3;grid-row:1/4}.catalog-section{padding-block:var(--size-34) var(--size-35)}.catalog-total{font-size:var(--size-24)}.catalog-total>span{display:none}.catalog-section .section-heading h2{font-size:var(--size-23)}.search-form{height:59px;padding-left:var(--size-15);gap:var(--size-10)}.search-form input{font-size:var(--size-12)}.search-form>kbd{display:none}.search-button{font-size:var(--size-12);min-height:43px;padding:var(--size-10) var(--size-14)}.search-button .icon{display:none}.search-form>.icon{width:19px;height:19px}.suggestions{gap:var(--size-10);font-size:var(--size-10)}.suggestions button{font-size:var(--size-10)}.suggestions>span{width:100%;margin-bottom:-6px}.catalog-layout{grid-template-columns:1fr;gap:var(--size-20);margin-top:var(--size-24)}.category-nav{display:flex;flex-wrap:wrap;gap:var(--size-6)}.category-nav>p,.category-divider,.aside-note{display:none}.category-nav>button{width:auto;min-height:40px;padding:var(--size-9) var(--size-11);background:var(--palette-eaece4);font-size:var(--size-11);gap:var(--size-6);border:1px solid transparent}.category-nav>button[aria-pressed=true]{background:var(--ink);color:var(--color-surface)}.category-nav>button[aria-pressed=true] small{color:var(--palette-c4cbbd)}.category-nav>button .icon{width:14px;height:14px}.category-nav>button small{font-size:var(--size-9)}.tool-grid{gap:var(--size-11)}.tool-card:not(.featured-card){padding:var(--size-16);border-radius:var(--size-11)}.tool-card:not(.featured-card) h3{font-size:var(--size-14);line-height:1.6}.tool-card:not(.featured-card)>p{font-size:var(--size-11);margin-bottom:var(--size-18);line-height:1.8}.card-top{margin-bottom:var(--size-15)}.tool-icon{width:35px;height:35px;border-radius:var(--size-9)}.tool-icon .icon{width:21px;height:21px}.card-bottom{font-size:var(--size-9)}.catalog-hint{font-size:var(--size-10);line-height:1.8;margin-bottom:var(--size-15)}.catalog-toolbar h3{font-size:var(--size-15)}.promise{margin-block:35px;padding:var(--size-24);gap:var(--size-18);display:grid;grid-template-columns:40px 1fr}.promise-symbol{width:40px;height:49px;align-self:start;margin-top:var(--size-5)}.promise-symbol .icon{width:24px;height:24px}.promise h2{font-size:19px;line-height:1.55}.promise .eyebrow{font-size:var(--size-8);letter-spacing:.06em}.promise p{font-size:var(--size-11)}.promise p br{display:none}.promise>a{grid-column:2;margin-left:0;font-size:var(--size-11);justify-content:flex-start}.faq-section{grid-template-columns:1fr;gap:var(--size-26);margin-block:40px 45px}.faq-section h2{font-size:var(--size-25);margin-top:var(--size-10)}.faq-section h2 br{display:none}.faq-section>div>p{margin-top:var(--size-9);font-size:var(--size-12)}.faq-section .text-link{margin-top:var(--size-12)}.footer-top{flex-direction:column;gap:var(--size-20)}.footer-top nav{gap:var(--size-23);flex-wrap:wrap}.footer-bottom{font-size:var(--size-9);gap:var(--size-10);flex-wrap:wrap;margin-top:var(--size-23)}.footer-bottom>span:nth-child(2){margin-left:auto}.local-note{margin-left:0;width:100%}.site-footer{padding-block:var(--size-28) var(--size-20)}.tool-page{padding-top:var(--size-22);padding-bottom:var(--size-40)}.breadcrumbs{font-size:var(--size-10);gap:var(--size-7);margin-bottom:var(--size-25)}.tool-page h1{font-size:var(--size-30);margin-top:var(--size-15)}.tool-page-heading>p{font-size:var(--size-13)}.tool-page-heading{margin-bottom:var(--size-24)}.workspace{padding:var(--size-20) var(--size-16);border-radius:var(--size-12)}.workspace-heading{align-items:flex-start;gap:var(--size-10);margin-bottom:var(--size-20)}.workspace-heading h2{font-size:var(--size-17)}.local-chip{display:none}.calc-modes button{font-size:var(--size-12)}.calc-fields{gap:var(--size-12)}.calc-fields input{font-size:19px;min-height:55px;padding:var(--size-10)}.calc-fields label{font-size:var(--size-11)}.calc-operator{font-size:var(--size-20)}.calc-result{padding:var(--size-22) var(--size-12)}.calc-result output{font-size:37px}.guide-grid{grid-template-columns:1fr;gap:var(--size-22);margin-top:var(--size-32)}.guide-grid h2{font-size:var(--size-21)}.related-tools{margin-top:var(--size-35)}.related-tools .section-heading{align-items:center}.related-tools h2{font-size:19px}.related-tools .text-link{font-size:var(--size-11);gap:var(--size-4);white-space:nowrap}.related-tools .featured-grid{grid-template-columns:1fr}.count-results{grid-template-columns:repeat(2,1fr);gap:var(--size-10)}.count-results strong{font-size:var(--size-29)}.json-editors{grid-template-columns:1fr;gap:var(--size-18)}.json-editors textarea{min-height:180px}.json-actions{gap:var(--size-8)}.json-actions label{width:100%;margin-bottom:var(--size-4)}.json-actions .primary-button,.json-actions .secondary-button{padding:var(--size-10) var(--size-13);font-size:var(--size-11)}.json-actions .reset-button{margin-left:auto}.input-note{font-size:var(--size-10)}textarea{padding:var(--size-13);font-size:var(--size-14)}.coming-soon{padding:var(--size-30) var(--size-20)}.coming-soon h2{font-size:var(--size-24)}.coming-soon>p{font-size:var(--size-12)}.info-page{padding-block:var(--size-40) var(--size-50)}.info-page h1{font-size:31px}.info-page .intro{font-size:var(--size-20)}.not-found h1{font-size:var(--size-32)}}
  @media(max-width:360px){.wrap{width:calc(100% - 30px)}.hero h1{font-size:37px}.hero-art{height:270px}.art-text{left:22px;top:53px;width:155px}.art-percent{right:24px;top:40px;width:101px;height:111px}.art-percent .icon{height:42px;width:42px}.art-json{width:170px;right:15px;bottom:16px}.art-label{left:11px;font-size:var(--size-8)}.tool-grid{grid-template-columns:1fr}.hero-checks{gap:var(--size-12);font-size:var(--size-11)}.catalog-section .section-heading h2{font-size:var(--size-21)}.search-form input{font-size:var(--size-11)}.header-inner{gap:var(--size-15)}.header-inner nav{gap:var(--size-15)}}
  @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
}

@layer layout {
  .header-inner{height:72px}
  .catalog-section{border-top:0;padding-block:var(--size-28) var(--size-40);min-height:calc(100svh - 145px)}
  .catalog-layout{margin-top:var(--size-24)}
  .catalog-toolbar{margin-bottom:var(--size-14)}
  .compact-footer{padding-block:var(--size-22);font-size:var(--size-12);color:var(--muted)}
  .compact-footer>.wrap,.compact-footer nav{display:flex;align-items:center;gap:var(--size-24)}
  .compact-footer>.wrap{justify-content:space-between}
}
@layer responsive {
  @media(max-width:760px){
    .header-inner{height:64px}
    .catalog-section{padding-block:var(--size-20) var(--size-28)}
    .search-form input{font-size:var(--size-16)}
    .catalog-layout{margin-top:var(--size-18);gap:var(--size-18)}
    .category-nav{flex-wrap:nowrap;overflow-x:auto;padding:var(--size-4) var(--size-4) var(--size-8);margin:-4px;min-width:0}
    .category-nav>button{flex-shrink:0;min-height:44px;white-space:nowrap}
    .catalog-toolbar{margin-bottom:var(--size-12);flex-wrap:wrap}
    .compact-footer{font-size:var(--size-11)}
    .compact-footer nav{gap:var(--size-16)}
  }
}

@layer components {
  [data-batch-tool] { min-width: 0; }
  [data-batch-tool] fieldset { min-width: 0; }
  [data-batch-tool] .extra-field textarea { width: 100%; min-width: 0; }
  [data-batch-tool] .extra-result { overflow-wrap: anywhere; }
  [data-batch-tool] .extra-table { width: max-content; min-width: 100%; }
  [data-batch-tool] .extra-table-wrap { overscroll-behavior-inline: contain; }
  .util-qr-canvas { display: block; max-width: 100%; height: auto; margin: var(--size-18) auto; }
}
@layer responsive {
  @media (max-width: 480px) {
    [data-batch-tool] .extra-fields { grid-template-columns: minmax(0, 1fr); }
    [data-batch-tool] .extra-field input,
    [data-batch-tool] .extra-field select,
    [data-batch-tool] .extra-field textarea { font-size: var(--size-16); }
    [data-batch-tool] .workspace-heading { flex-wrap: wrap; }
  }
}