@font-face{font-family:'Plus Jakarta Sans';src:url('/assets/fonts/plus-jakarta-sans/plus-jakarta-sans-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Plus Jakarta Sans';src:url('/assets/fonts/plus-jakarta-sans/plus-jakarta-sans-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Plus Jakarta Sans';src:url('/assets/fonts/plus-jakarta-sans/plus-jakarta-sans-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Plus Jakarta Sans';src:url('/assets/fonts/plus-jakarta-sans/plus-jakarta-sans-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Plus Jakarta Sans';src:url('/assets/fonts/plus-jakarta-sans/plus-jakarta-sans-800.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}

:root{--bg:#f7f9ff;--bg-soft:#eef3ff;--panel:#fff;--panel-soft:#f8faff;--text:#101828;--muted:#667085;--subtle:#98a2b3;--line:#e4e7ec;--line-strong:#cfd5e2;--brand:#3b68fc;--brand-dark:#294cc2;--accent:#be05c1;--violet:#6314e6;--success:#16a34a;--warning:#b54708;--danger:#d92d20;--radius:10px;--radius-sm:7px;--shadow:0 12px 32px rgba(41,76,194,.08);--shadow-lg:0 24px 64px rgba(41,76,194,.14);--focus:rgba(59,104,252,.18)}
[data-theme=dark]{--bg:#0b1020;--bg-soft:#111a35;--panel:#111a2d;--panel-soft:#16213a;--text:#f5f7ff;--muted:#aab6cf;--subtle:#7887a4;--line:#263653;--line-strong:#3a4b6d;--brand:#7392ff;--brand-dark:#91a8ff;--accent:#e26ce5;--violet:#a887ff;--shadow:0 16px 42px rgba(0,0,0,.25);--shadow-lg:0 28px 80px rgba(0,0,0,.42);--focus:rgba(115,146,255,.24)}

*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:86px}body{margin:0;color:var(--text);font-family:'Plus Jakarta Sans',Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;font-size:15px;font-weight:400;line-height:1.55;letter-spacing:-.01em;background:var(--bg);min-height:100vh}body::before{display:none}a{color:inherit}button,input,textarea,select{font:inherit}button{color:inherit}strong,b{font-weight:700}.hidden{display:none!important}

.app{min-height:100vh}.topbar{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--panel) 88%,transparent);border-bottom:1px solid color-mix(in srgb,var(--line) 78%,transparent);backdrop-filter:saturate(150%) blur(18px)}.topbar-inner{width:min(1280px,100%);margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:20px;min-height:68px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:21px;font-weight:800;letter-spacing:-.055em;white-space:nowrap}.brand>.fa-solid{display:grid;place-items:center;width:36px;height:36px;border-radius:7px;background:var(--brand);color:#fff;font-size:15px;box-shadow:0 9px 22px rgba(59,104,252,.25)}.brand span{color:var(--brand)}.nav{display:flex;align-items:center;gap:8px;margin-left:auto}.nav a,.pill,.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 14px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--text);font-size:13px;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.nav a:hover,.btn:hover,.pill:hover{transform:translateY(-1px);border-color:var(--brand);box-shadow:0 8px 20px rgba(41,76,194,.11)}.btn.primary{border-color:transparent;background:var(--brand);color:#fff;box-shadow:0 10px 22px rgba(59,104,252,.23)}.btn.primary:hover{border-color:transparent;box-shadow:0 14px 28px rgba(59,104,252,.31)}.btn.ghost{background:transparent}.btn:focus-visible,.nav a:focus-visible,.cat:focus-visible,.tool-card:focus-visible,.side-link:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:2px}

.wrap{width:min(1280px,100%);margin:0 auto;padding:28px 24px 72px}.hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:22px;align-items:stretch;padding:34px 0 28px}.hero-card,.panel,.tool-card,.toolbox,.legal-card{background:color-mix(in srgb,var(--panel) 96%,transparent);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card{position:relative;isolation:isolate;overflow:hidden;padding:42px}.hero-card:before{content:'';position:absolute;z-index:-1;right:-110px;bottom:-150px;width:370px;height:370px;border-radius:50%;background:transparent}.hero-card:after{content:'';position:absolute;z-index:-1;right:34px;top:30px;width:120px;height:120px;border:1px solid rgba(59,104,252,.12);border-radius:18px;transform:rotate(18deg)}.kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(59,104,252,.18);border-radius:999px;background:rgba(59,104,252,.07);color:var(--brand);font-size:12px;font-weight:700;line-height:1.2}.hero h1,h1{margin:18px 0 15px;color:var(--text);font-size:clamp(38px,5.8vw,70px);font-weight:800;line-height:.99;letter-spacing:-.075em}.lead{max-width:720px;margin:0;color:var(--muted);font-size:16px;line-height:1.75}.search{display:flex;gap:10px;margin-top:26px}.search input{flex:1}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat{display:flex;flex-direction:column;justify-content:center;min-height:132px;padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.stat b{display:block;margin-bottom:5px;font-size:31px;font-weight:800;line-height:1;letter-spacing:-.06em}.stat .muted{font-size:12px;font-weight:600}

.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:38px 0 16px}.section-title h2{margin:0;color:var(--text);font-size:25px;font-weight:800;line-height:1.2;letter-spacing:-.045em}.section-title p{margin:5px 0 0}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.cat-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.cat{display:flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:12px 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);font-size:12px;font-weight:700;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.cat:hover{transform:translateY(-2px);border-color:var(--brand);box-shadow:0 12px 26px rgba(41,76,194,.11)}.tool-card{position:relative;display:flex;flex-direction:column;gap:9px;min-height:166px;padding:18px;text-decoration:none;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.tool-card:after{content:'→';position:absolute;right:17px;bottom:14px;color:var(--subtle);font-size:18px;font-weight:700;opacity:.7}.tool-card:hover{transform:translateY(-4px);border-color:rgba(59,104,252,.62);box-shadow:var(--shadow-lg)}.tool-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(59,104,252,.17);border-radius:8px;background:rgba(59,104,252,.12);color:var(--brand);font-size:16px}.badge{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;padding:5px 9px;border:1px solid rgba(59,104,252,.16);border-radius:999px;background:rgba(59,104,252,.06);color:var(--brand);font-size:11px;font-weight:700;line-height:1.2}.tool-card h3{margin:0;padding-right:22px;font-size:15px;font-weight:700;line-height:1.3;letter-spacing:-.025em}.tool-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}

.tool-layout{display:grid;grid-template-columns:296px minmax(0,1fr);gap:22px;align-items:start}.sidebar{position:sticky;top:88px;height:calc(100vh - 108px);overflow:hidden}.sidebar-inner{height:100%;padding:15px;overflow:auto}.side-search{position:sticky;top:0;z-index:1;margin-bottom:12px}.side-list{display:grid;gap:4px}.side-link{display:flex;align-items:center;gap:8px;padding:10px 11px;border-radius:6px;color:var(--muted);font-size:12px;font-weight:600;line-height:1.3;text-decoration:none;transition:background .16s ease,color .16s ease}.side-link:hover,.side-link.active{background:rgba(59,104,252,.09);color:var(--brand)}.toolbox{min-width:0;padding:27px}.tool-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:20px;margin-bottom:22px;border-bottom:1px solid var(--line)}.tool-head h1{margin:10px 0 8px;font-size:clamp(28px,4vw,46px);line-height:1.02}.tool-head p{max-width:760px;margin:0;color:var(--muted);font-size:14px}.io-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-field{display:grid;gap:6px;min-width:0}.form-field.full{grid-column:1/-1}.form-field label{color:var(--text);font-size:12px;font-weight:700;line-height:1.35;letter-spacing:-.01em}.form-field .help{color:var(--muted);font-size:11px;line-height:1.45}.field,.search input,textarea,select{width:100%;min-height:46px;padding:11px 13px;border:1px solid var(--line-strong);border-radius:6px;background:var(--panel);color:var(--text);font-size:13px;font-weight:500;line-height:1.4;outline:0;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.field:hover,.search input:hover,textarea:hover,select:hover{border-color:var(--brand)}.field:focus,.search input:focus,textarea:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--focus)}textarea{min-height:120px;resize:vertical}select{appearance:none;padding-right:38px;background-image:none;background-position:calc(100% - 17px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat}.form-field input[type=file]{height:auto;min-height:46px;padding:10px}.actions{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}.actions .btn{min-height:42px}.output{min-height:94px;padding:15px;border:1px solid var(--line);border-radius:7px;background:var(--panel-soft);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.result-item{min-width:0;padding:15px;border:1px solid var(--line);border-radius:7px;background:var(--panel-soft)}.result-item span{display:block;margin-bottom:4px;color:var(--muted);font-size:11px;font-weight:700;line-height:1.35}.result-item b{display:block;color:var(--text);font-size:18px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}.result-item.full,.full{grid-column:1/-1}.result-note{margin:13px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.drop{padding:22px;text-align:center;border:1.5px dashed var(--line-strong);border-radius:8px;background:var(--panel-soft)}canvas,img.preview{max-width:100%;height:auto;border:1px solid var(--line);border-radius:7px}.media-preview{padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft);overflow:auto}.media-preview canvas,.media{display:block;max-width:100%;border-radius:6px;border:1px solid var(--line);background:#020617}.invoice-preview{padding:20px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text)}.invoice-preview table{width:100%;border-collapse:collapse;margin:16px 0}.invoice-preview th,.invoice-preview td{padding:10px;border-bottom:1px solid var(--line);text-align:left}.invoice-preview .totals{text-align:right;line-height:1.8}.legal-page{min-height:100vh;display:grid;place-items:center;padding:24px}.legal-card{width:min(760px,100%);padding:34px}.legal-card h1{font-size:clamp(32px,5vw,54px)}.toast{position:fixed;right:20px;bottom:20px;z-index:99;padding:12px 16px;border-radius:6px;background:var(--text);color:var(--bg);font-size:13px;font-weight:700;box-shadow:var(--shadow-lg)}.warn{color:var(--warning)}.danger{color:var(--danger)}

@media(max-width:1100px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tool-layout{grid-template-columns:250px minmax(0,1fr)}}
@media(max-width:900px){.hero{grid-template-columns:1fr}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.tool-layout{grid-template-columns:1fr}.sidebar{position:relative;top:0;height:auto;max-height:350px}.io-grid{grid-template-columns:1fr}.toolbox{padding:22px}}
@media(max-width:680px){html{scroll-padding-top:132px}.topbar-inner{min-height:62px;padding:10px 13px;gap:10px;flex-wrap:wrap}.brand{font-size:19px}.brand>.fa-solid{width:32px;height:32px}.nav{order:3;width:100%;margin-left:0;overflow-x:auto;padding-bottom:2px}.nav a,.nav .btn{flex:0 0 auto;min-height:38px;padding:8px 11px;font-size:12px}.wrap{padding:16px 12px 46px}.hero{padding:18px 0 14px;gap:14px}.hero-card{padding:25px 20px}.hero h1,h1{font-size:40px;letter-spacing:-.065em}.lead{font-size:14px;line-height:1.7}.search{flex-direction:column;margin-top:21px}.search .btn{width:100%}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{min-height:102px;padding:17px}.stat b{font-size:27px}.section-title{align-items:flex-start;flex-direction:column;margin:28px 0 13px}.section-title h2{font-size:22px}.grid,.cat-grid,.form-grid{grid-template-columns:1fr}.cat-grid{gap:9px}.cat{justify-content:flex-start;min-height:48px;padding:11px 13px}.grid{gap:11px}.tool-card{min-height:140px;padding:16px}.tool-layout{gap:12px}.sidebar{max-height:300px}.toolbox{padding:17px}.tool-head{flex-direction:column;padding-bottom:16px;margin-bottom:17px}.tool-head h1{font-size:31px}.tool-head .btn{width:100%}.actions{gap:8px}.actions .btn{flex:1}.result-grid{grid-template-columns:1fr}.result-item.full,.full{grid-column:auto}.legal-card{padding:24px 19px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Cron parser — readable expression breakdown */
.cron-parser-ui{display:grid;gap:16px}.cron-input-card,.cron-success,.cron-next,.cron-breakdown,.cron-guide,.cron-error{padding:20px;border:1px solid var(--line);border-radius:9px;background:var(--panel-soft)}.cron-input-card{background:var(--panel)}.cron-input-card>label{display:block;margin-bottom:8px;color:var(--text);font-size:13px;font-weight:700}.cron-input-row{display:flex;gap:10px;align-items:stretch}.cron-input{min-height:52px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:18px;letter-spacing:.04em}.cron-input-row .btn{min-width:126px}.cron-format{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px}.cron-format span{padding:7px 6px;border-radius:5px;background:rgba(59,104,252,.08);color:var(--brand);font-size:11px;font-weight:700;text-align:center}.cron-success{border-color:color-mix(in srgb,var(--success) 32%,var(--line));background:var(--panel)}.cron-summary-label{color:var(--success);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.cron-success h2{margin:7px 0 16px;font-size:clamp(20px,3vw,30px);line-height:1.3;letter-spacing:-.04em}.cron-expression{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px dashed var(--line-strong);border-radius:6px;background:var(--panel)}.cron-expression code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;overflow-wrap:anywhere}.cron-expression .btn{min-height:34px;padding:7px 10px;font-size:12px}.cron-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.cron-section-heading h3{margin:0;font-size:17px;letter-spacing:-.025em}.cron-next-list{display:grid;gap:8px}.cron-next-item{display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px solid var(--line);border-radius:6px;background:var(--panel)}.cron-next-item span{display:grid;place-items:center;flex:0 0 25px;height:25px;border-radius:50%;background:rgba(59,104,252,.1);color:var(--brand);font-size:11px;font-weight:800}.cron-next-item b{font-size:13px;font-weight:600}.cron-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:var(--panel);font-size:12px}.cron-table th,.cron-table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.cron-table tr:last-child th,.cron-table tr:last-child td{border-bottom:0}.cron-table thead th{background:rgba(59,104,252,.06);color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.cron-table tbody th{font-weight:700;white-space:nowrap}.cron-table code,.cron-note code,.cron-input-card code,.cron-error code{padding:2px 5px;border-radius:4px;background:rgba(59,104,252,.08);color:var(--brand);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.95em}.cron-field-index{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:7px;border-radius:4px;background:rgba(59,104,252,.1);color:var(--brand);font-size:10px}.cron-range{color:var(--muted);white-space:nowrap}.cron-note{padding:14px 16px;border-left:3px solid var(--brand);border-radius:5px;background:rgba(59,104,252,.06);color:var(--muted);font-size:12px;line-height:1.65}.cron-error{border-color:color-mix(in srgb,var(--danger) 35%,var(--line));background:color-mix(in srgb,var(--danger) 5%,var(--panel-soft));color:var(--danger)}.cron-error b{font-size:15px}.cron-error p{margin:7px 0 0;color:var(--muted)}.cron-guide{margin-top:2px}.cron-guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.cron-guide-grid>div{display:grid;gap:4px;padding:13px;border:1px solid var(--line);border-radius:6px;background:var(--panel);font-size:11px}.cron-guide-grid code{color:var(--brand);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:16px;font-weight:700}.cron-guide-grid b{font-size:12px}.cron-guide-grid span{color:var(--muted);line-height:1.4}.table-scroll{overflow-x:auto}
@media(max-width:680px){.cron-input-row{flex-direction:column}.cron-input-row .btn{width:100%}.cron-format{gap:4px}.cron-format span{font-size:9px;padding:6px 2px}.cron-success,.cron-next,.cron-breakdown,.cron-guide,.cron-error,.cron-input-card{padding:15px}.cron-expression{align-items:stretch;flex-direction:column}.cron-expression .btn{width:100%}.cron-table{min-width:590px}.cron-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cron-section-heading{align-items:flex-start;flex-direction:column}}

/* Cron tools — explicit separation between generated result and reference material */
.cron-result-section{padding:18px;border:1px solid color-mix(in srgb,var(--brand) 28%,var(--line));border-radius:9px;background:var(--panel);box-shadow:0 10px 24px rgba(41,76,194,.06)}
.cron-reference-section{padding:20px;border:1px solid var(--line);border-radius:9px;background:var(--panel-soft)}
.cron-result-kicker{margin-bottom:5px;color:var(--brand);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.cron-result-section h2,.cron-generator-controls h2{margin:7px 0 5px;font-size:clamp(10px,2vw,19px);line-height:1.2;letter-spacing:-.04em}
.cron-generated-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:15px 0 13px;padding:14px 15px;border:1px dashed var(--line-strong);border-radius:7px;background:var(--panel)}
.cron-generated-line code{color:var(--brand);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(18px,3vw,25px);font-weight:700;overflow-wrap:anywhere}
.cron-generated-line .btn{min-height:35px;padding:7px 11px;font-size:12px}
.cron-result-meta,.cron-reference-lead{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.cron-reference-lead{margin-bottom:15px;font-size:13px}
.cron-generator-ui{display:grid;gap:16px}.cron-generator-controls{padding:21px}.cron-generator-controls .cron-section-heading{align-items:flex-start;margin-bottom:17px}.cron-generator-controls .cron-section-heading>div{min-width:0}.cron-generator-controls .badge{flex:0 0 auto}
.cron-token-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:15px}.cron-token-grid>div{display:grid;gap:4px;padding:12px 10px;border:1px solid var(--line);border-radius:6px;background:var(--panel);text-align:center}.cron-token-grid span{color:var(--muted);font-size:10px;font-weight:700}.cron-token-grid code{color:var(--brand);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:18px;font-weight:800}.cron-token-grid small{color:var(--subtle);font-size:10px}.cron-syntax-diagram{margin:16px 0 0;padding:15px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.55;white-space:pre-wrap}.cron-generator-breakdown{background:color-mix(in srgb,var(--brand) 3%,var(--panel-soft))}
@media(max-width:680px){.cron-generator-controls{padding:15px}.cron-generator-controls .cron-section-heading{flex-direction:column}.cron-generated-line{align-items:stretch;flex-direction:column}.cron-generated-line .btn{width:100%}.cron-token-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cron-token-grid>div:last-child{grid-column:1/-1}.cron-reference-section{padding:15px}}

/* Cron generator: crontab.guru-style five-field editor */
.cron-field-editor{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:18px}.cron-edit-field{display:grid;gap:7px;min-width:0}.cron-edit-field>span{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.02em}.cron-edit-input{width:100%;min-height:52px;padding:11px 10px;border-color:var(--line-strong);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:17px;font-weight:700;color:var(--brand);text-align:center}.cron-edit-input:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--focus)}.cron-edit-field small{color:var(--subtle);font-size:10px;text-align:center}.cron-format-line{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:11px;color:var(--subtle);font-size:10px;text-align:center}.cron-format-line code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.cron-reference-section a{color:var(--brand);font-weight:700}.cron-reference-section p code{padding:2px 5px;border-radius:4px;background:rgba(59,104,252,.08);color:var(--brand);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
@media(max-width:820px){.cron-field-editor{grid-template-columns:repeat(3,minmax(0,1fr))}.cron-format-line{grid-template-columns:repeat(3,minmax(0,1fr))}.cron-format-line code:nth-child(4),.cron-format-line code:nth-child(5){display:none}}
@media(max-width:540px){.cron-field-editor{grid-template-columns:repeat(2,minmax(0,1fr))}.cron-format-line{grid-template-columns:repeat(2,minmax(0,1fr))}.cron-format-line code:nth-child(3){grid-column:1/-1}.cron-format-line code:nth-child(4),.cron-format-line code:nth-child(5){display:block}}


/* Final small-screen pass for cron tools */
.cron-parser-ui,.cron-generator-ui{min-width:0}.cron-parser-ui>* ,.cron-generator-ui>*{min-width:0}.cron-result-section,.cron-reference-section,.cron-breakdown,.cron-next,.cron-success,.cron-input-card,.cron-error{overflow:hidden}.cron-section-heading h3{overflow-wrap:anywhere}.cron-table{table-layout:fixed}.cron-table th,.cron-table td{overflow-wrap:anywhere}
@media(max-width:680px){.cron-parser-ui,.cron-generator-ui{gap:12px}.cron-parser-ui .actions,.cron-generator-ui .actions{display:grid;grid-template-columns:1fr}.cron-parser-ui .actions .btn,.cron-generator-ui .actions .btn{width:100%;min-width:0}.cron-input-card,.cron-result-section,.cron-reference-section,.cron-breakdown,.cron-next,.cron-success,.cron-error{padding:13px}.cron-section-heading{gap:6px;margin-bottom:10px}.cron-section-heading h3{font-size:15px}.cron-success h2,.cron-result-section h2,.cron-generator-controls h2{font-size:clamp(14px,4.5vw,19px);overflow-wrap:anywhere}.cron-summary-label,.cron-result-kicker{font-size:9px}.cron-next-item{align-items:flex-start;padding:10px}.cron-next-item b{min-width:0;font-size:12px;overflow-wrap:anywhere}.cron-table{min-width:0;font-size:11px}.cron-table th,.cron-table td{padding:9px 7px}.cron-table thead{display:none}.cron-table,.cron-table tbody,.cron-table tr,.cron-table th,.cron-table td{display:block;width:100%}.cron-table tr{padding:9px 0;border-bottom:1px solid var(--line)}.cron-table tr:last-child{border-bottom:0}.cron-table tbody th{border:0;padding:0 7px 3px;color:var(--brand);white-space:normal}.cron-table tbody td{border:0;padding:2px 7px}.cron-table tbody td:nth-child(2)::before{content:'Input / Value: ';color:var(--muted);font-weight:700}.cron-table tbody td:nth-child(3)::before{content:'Meaning: ';color:var(--muted);font-weight:700}.cron-table tbody td:nth-child(4)::before{content:'Range: ';color:var(--muted);font-weight:700}.cron-guide-grid{gap:7px}.cron-guide-grid>div{padding:10px}.cron-note{font-size:11px}.cron-generated-line{max-width:100%}.cron-generated-line code{font-size:16px;word-break:break-word}.cron-generator-controls .cron-reference-lead{font-size:12px}.cron-field-editor{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.cron-edit-input{min-height:48px;padding:9px 6px;font-size:15px}.cron-edit-field>span{font-size:10px;overflow-wrap:anywhere}.cron-edit-field small{font-size:9px}.cron-format-line{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;font-size:9px}.cron-format-line code:nth-child(3){grid-column:1/-1}.cron-format-line code:nth-child(4),.cron-format-line code:nth-child(5){display:block}.cron-syntax-diagram{font-size:10px;padding:11px;overflow-x:auto}}
@media(max-width:380px){.cron-field-editor{grid-template-columns:1fr}.cron-format-line{grid-template-columns:1fr 1fr}.cron-format-line code:nth-child(3){grid-column:1/-1}.cron-format-line code{overflow-wrap:anywhere}.cron-format-line code:nth-child(4),.cron-format-line code:nth-child(5){display:block}.cron-guide-grid{grid-template-columns:1fr}.cron-expression code,.cron-generated-line code{font-size:14px}.cron-table th,.cron-table td{padding-left:5px;padding-right:5px}}

/* WHOIS/RDAP human-readable result */
.whois-result{display:grid;gap:16px}.whois-result-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:13px;border-bottom:1px solid var(--line)}.whois-kicker{color:var(--brand);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.whois-result h2{margin:5px 0 0;font-size:clamp(20px,3vw,30px);line-height:1.2;letter-spacing:-.04em}.whois-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.whois-summary-item{min-width:0;padding:13px;border:1px solid var(--line);border-radius:6px;background:var(--panel)}.whois-summary-item span{display:block;margin-bottom:5px;color:var(--muted);font-size:11px;font-weight:700}.whois-summary-item b{display:block;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.whois-subsection{padding-top:2px}.whois-subsection h3{margin:0 0 9px;font-size:15px}.whois-list{display:grid;gap:7px;margin:0;padding:0;list-style:none}.whois-list li{padding:9px 11px;border:1px solid var(--line);border-radius:5px;background:var(--panel);overflow-wrap:anywhere}.whois-list code{color:var(--brand);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.whois-raw{border-top:1px solid var(--line);padding-top:12px}.whois-raw summary{display:inline-flex;align-items:center;min-height:38px;padding:8px 12px;border:1px solid var(--line-strong);border-radius:6px;background:var(--panel);color:var(--text);font-size:12px;font-weight:700;cursor:pointer}.whois-raw summary:hover{border-color:var(--brand);color:var(--brand)}.whois-raw pre{max-height:440px;margin:11px 0 0;padding:13px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--muted);font-size:11px;line-height:1.55;white-space:pre-wrap;overflow:auto}
@media(max-width:560px){.whois-result-heading{flex-direction:column;gap:7px}.whois-result h2{font-size:22px}.whois-summary-grid{grid-template-columns:1fr}.whois-summary-item{padding:11px}.whois-raw pre{max-height:360px;font-size:10px}}

/* Chmod calculator — Yayatools form/output structure with accessible On/Off switches */
.chmod-calculator-ui{display:grid;gap:16px}.chmod-permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.chmod-permission-card{min-width:0;padding:15px;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft)}.chmod-card-heading,.chmod-output-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.chmod-card-title{display:flex;align-items:center;gap:8px;min-width:0;color:var(--chmod-accent);font-size:12px;font-weight:800;letter-spacing:.035em}.chmod-card-title i{display:grid;place-items:center;width:25px;height:25px;border-radius:5px;background:color-mix(in srgb,var(--chmod-accent) 10%,var(--panel));font-size:11px}.chmod-card-value{display:grid;place-items:center;min-width:32px;height:28px;padding:0 8px;border-radius:5px;background:color-mix(in srgb,var(--chmod-accent) 10%,var(--panel));color:var(--chmod-accent);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;font-weight:800}.chmod-switch-list{display:grid;gap:7px}.chmod-switch-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--panel);cursor:pointer;transition:border-color .18s ease,background .18s ease}.chmod-switch-row:hover{border-color:color-mix(in srgb,var(--chmod-accent) 46%,var(--line));background:color-mix(in srgb,var(--chmod-accent) 3%,var(--panel))}.chmod-switch-copy{display:grid;gap:1px;min-width:0}.chmod-switch-row b{font-size:12px}.chmod-switch-row small{color:var(--muted);font-size:10px}.chmod-switch-control{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto}.chmod-switch{position:relative;display:inline-flex;flex:0 0 auto}.chmod-switch input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.chmod-slider{position:relative;width:40px;height:23px;border:1px solid var(--line-strong);border-radius:999px;background:var(--bg-soft);transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.chmod-slider:after{content:'';position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:var(--subtle);box-shadow:0 1px 3px rgba(15,23,42,.18);transition:transform .18s ease,background .18s ease}.chmod-switch input:checked+.chmod-slider{border-color:var(--chmod-accent);background:var(--chmod-accent)}.chmod-switch input:checked+.chmod-slider:after{transform:translateX(17px);background:#fff}.chmod-switch input:focus-visible+.chmod-slider{outline:3px solid var(--focus);outline-offset:2px}.chmod-switch-state{min-width:20px;color:var(--muted);font-size:10px;font-weight:800;text-align:right}.chmod-switch-row:has(input:checked) .chmod-switch-state{color:var(--chmod-accent)}.chmod-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.chmod-metric{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:66px;padding:13px 16px;text-align:center}.chmod-metric+.chmod-metric{border-left:1px solid var(--line)}.chmod-metric span{color:var(--muted);font-size:12px;font-weight:600}.chmod-metric strong{overflow-wrap:anywhere;color:var(--brand);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(16px,2.3vw,22px)}.chmod-command-panel{padding:17px;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft)}.chmod-output-heading h2{margin:3px 0 0;font-size:15px;line-height:1.25;letter-spacing:-.02em}.chmod-kicker{color:var(--brand);font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.chmod-command-row{display:flex;align-items:stretch;gap:9px}.chmod-command{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.chmod-command-row .btn{flex:0 0 auto}.chmod-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chmod-actions .btn{min-height:38px;padding:8px 11px;font-size:11px}.chmod-actions .btn span{color:var(--muted);font-weight:500}.chmod-note{display:flex;align-items:flex-start;gap:7px;margin:12px 0 0;color:var(--muted);font-size:11px;line-height:1.55}.chmod-note i{margin-top:3px;color:var(--brand)}
@media(max-width:820px){.chmod-permission-grid{grid-template-columns:1fr}.chmod-permission-card,.chmod-command-panel{padding:14px}}
@media(max-width:560px){.chmod-metrics{grid-template-columns:1fr}.chmod-metric{justify-content:space-between;min-height:56px;text-align:left}.chmod-metric+.chmod-metric{border-top:1px solid var(--line);border-left:0}.chmod-command-row{flex-direction:column}.chmod-command-row .btn{width:100%}.chmod-actions{display:grid;grid-template-columns:1fr}.chmod-actions .btn{width:100%}.chmod-output-heading{flex-direction:column;gap:7px}}

/* Solid UI system: no gradients, aligned card metadata, category-specific icon colors */
body{background:var(--bg)}
body::before{display:none}
.brand>.fa-solid{background:var(--brand);box-shadow:none}
.btn.primary{background:var(--brand);box-shadow:none}
.btn.primary:hover{box-shadow:0 8px 20px rgba(41,76,194,.16)}
.hero-card:before{display:none}
.stat,.cat,.cron-input-card,.cron-success,.cron-result-section,.cron-generated-output{background:var(--panel)}
.tool-card-meta{display:flex;align-items:center;gap:9px;min-height:40px}
.tool-icon{flex:0 0 40px;border:0;background:var(--brand);color:#fff}
.tool-icon-calc{background:#2563eb}.tool-icon-dev{background:#7c3aed}.tool-icon-generator{background:#db2777}.tool-icon-image{background:#ea580c}.tool-icon-pdf{background:#dc2626}.tool-icon-security{background:#059669}.tool-icon-network{background:#0891b2}.tool-icon-text{background:#ca8a04}.tool-icon-other{background:#475569}
.tool-card-meta .badge{align-self:center}
.cat{background:var(--panel)}
.cron-input-card,.cron-success,.cron-result-section{box-shadow:none}

/* 2026-09-24: darker light-mode switch-on + CSS Minifier/Beautifier UI */
:root{--switch-on:#1f3fb8}
[data-theme=dark]{--switch-on:var(--brand)}
.chmod-switch input:checked+.chmod-slider{border-color:var(--switch-on);background:var(--switch-on)}
.css-tool-ui{display:grid;gap:14px}.css-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.css-editor-card{min-width:0;padding:17px;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft)}.css-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.css-editor-head h2{margin:3px 0 0;font-size:15px;line-height:1.25;letter-spacing:-.02em}.css-code-area{min-height:240px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.65;tab-size:2;resize:vertical}.css-action-row{display:flex;flex-wrap:wrap;gap:9px}.css-action-row .btn{min-height:42px}@media(max-width:900px){.css-editor-grid{grid-template-columns:1fr}.css-code-area{min-height:210px}}@media(max-width:560px){.css-action-row{display:grid;grid-template-columns:1fr}.css-action-row .btn{width:100%}.css-editor-card{padding:14px}.css-editor-head{flex-direction:column;gap:7px}}

/* 2026-09-24: CSV/JSON converter dedicated two-panel UI */
.csv-json-tool-ui{display:grid;gap:14px}.csv-json-tool-ui .css-code-area{min-height:240px}
.palette-studio{display:grid;gap:15px}.palette-hero-card,.palette-panel,.palette-result-panel{border:1px solid var(--line);border-radius:10px;background:var(--panel-soft);padding:18px}.palette-hero-card{display:flex;align-items:center;justify-content:space-between;gap:18px;overflow:hidden;position:relative}.palette-hero-card:before{content:"";position:absolute;inset:auto -80px -120px auto;width:260px;height:260px;background:#2563eb;opacity:.07;border-radius:999px;pointer-events:none}.palette-hero-card h2{margin:9px 0 7px;font-size:clamp(22px,3vw,34px);line-height:1.08;letter-spacing:-.04em}.palette-hero-card p{max-width:720px;margin:0}.palette-main-picker{position:relative;z-index:1;min-width:190px;border:1px solid var(--line);border-radius:9px;background:var(--panel);padding:14px;display:grid;gap:9px}.palette-main-picker label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--muted)}.palette-main-picker input{width:100%;height:76px;border:0;border-radius:8px;background:transparent;padding:0;cursor:pointer}.palette-main-picker strong{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:18px}.palette-control-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:15px}.palette-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.palette-panel-head h3,.palette-result-head h3{margin:0 0 4px;font-size:17px;letter-spacing:-.02em}.palette-panel-head p,.palette-result-head p{margin:0}.palette-form-grid{align-items:end}.palette-actions{margin-top:4px}.palette-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.palette-preset{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:8px;padding:10px;text-align:left;cursor:pointer;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-areas:"sw name" "sw hex";gap:2px 9px;align-items:center;transition:transform .16s ease,border-color .16s ease,background .16s ease}.palette-preset:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand) 44%,var(--line));background:var(--panel-soft)}.palette-preset span{grid-area:sw;width:34px;height:34px;border-radius:7px;background:var(--preset);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}.palette-preset b{grid-area:name;font-size:12px}.palette-preset em{grid-area:hex;font-style:normal;font-size:10px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.palette-result-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.palette-stack-preview{display:flex;align-items:center}.palette-stack-preview span{width:34px;height:34px;border-radius:999px;border:2px solid var(--panel);margin-left:-9px;box-shadow:0 8px 18px rgba(15,23,42,.12)}.palette-swatch-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.palette-swatch-card{min-width:0;border:1px solid var(--line);border-radius:9px;background:var(--panel);overflow:hidden;box-shadow:0 10px 24px rgba(15,23,42,.05)}.palette-swatch{width:100%;min-height:132px;border:0;padding:14px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:filter .16s ease,transform .16s ease}.palette-swatch:hover{filter:saturate(1.08);transform:scale(1.01)}.palette-swatch span,.palette-swatch em{font-size:11px;font-style:normal;font-weight:800;opacity:.82}.palette-swatch strong{font-size:17px;letter-spacing:.02em}.palette-value-list{display:grid;background:var(--line);gap:1px}.palette-value-list button{border:0;background:var(--panel);color:var(--text);padding:9px 10px;display:grid;gap:2px;text-align:left;cursor:pointer;min-width:0}.palette-value-list button:hover{background:var(--panel-soft)}.palette-value-list span{font-size:10px;font-weight:900;letter-spacing:.08em;color:var(--muted)}.palette-value-list b{font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.palette-ui-preview{margin-top:15px;border:1px solid var(--line);border-radius:10px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}.palette-ui-preview h4{margin:4px 0 6px;font-size:22px;letter-spacing:-.03em}.palette-ui-preview p{margin:0 0 13px;max-width:520px;opacity:.74}.palette-ui-preview button{border:0;border-radius:999px;padding:10px 14px;font-weight:800;margin-right:8px}.palette-ui-preview aside{border:2px solid;border-radius:9px;padding:14px;display:grid;gap:4px;min-width:160px;background:rgba(255,255,255,.1)}.palette-ui-preview aside b{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.palette-ui-preview aside small{opacity:.7}@media(max-width:1180px){.palette-swatch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.palette-presets{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.palette-hero-card,.palette-control-grid,.palette-ui-preview{grid-template-columns:1fr;display:grid}.palette-main-picker{min-width:0}.palette-actions{display:grid;grid-template-columns:1fr}.palette-actions .btn{width:100%}.palette-result-head{flex-direction:column;align-items:flex-start}.palette-ui-preview aside{width:100%}}@media(max-width:560px){.palette-hero-card,.palette-panel,.palette-result-panel{padding:14px}.palette-swatch-grid,.palette-presets{grid-template-columns:1fr}.palette-swatch{min-height:118px}.palette-stack-preview span{width:30px;height:30px}}.color-tool-ui{display:grid;gap:14px}.color-control-card,.color-result-card{border:1px solid var(--line);border-radius:9px;background:var(--panel-soft);padding:17px}.color-control-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.color-control-head p{margin:0;max-width:720px}.color-form-grid{align-items:end}.color-action-row{margin-top:4px}.color-result-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.color-result-head h2{margin:0 0 4px;font-size:18px;letter-spacing:-.02em}.color-preview-pill{padding:10px 13px;border-radius:999px;font-weight:800;font-size:13px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}.color-swatch-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.color-swatch-card{min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--panel);overflow:hidden}.color-swatch{width:100%;min-height:124px;border:0;padding:14px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.color-swatch span,.color-swatch em{font-size:11px;font-style:normal;font-weight:700;opacity:.82}.color-swatch strong{font-size:18px;letter-spacing:.02em}.color-values{display:grid;gap:1px;background:var(--line)}.color-values button{border:0;background:var(--panel);color:var(--text);padding:9px 10px;text-align:left;cursor:pointer;display:grid;gap:2px;min-width:0}.color-values button:hover{background:var(--panel-soft)}.color-values span{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--muted)}.color-values b{font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.color-contrast-panel{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:12px;align-items:stretch;margin-top:14px}.color-contrast-panel>div{border:1px solid var(--line);border-radius:8px;padding:14px;background:var(--panel)}.color-contrast-panel span{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}.color-contrast-panel b{font-size:22px}.color-contrast-panel p{margin:5px 0 0;color:var(--muted);font-size:13px}.color-contrast-demo{display:flex!important;align-items:center;justify-content:center;text-align:center;font-weight:800;min-height:86px}@media(max-width:1120px){.color-swatch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.color-control-head,.color-result-head{flex-direction:column;align-items:stretch}.color-swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.color-contrast-panel{grid-template-columns:1fr}.color-action-row{display:grid;grid-template-columns:1fr}.color-action-row .btn{width:100%}}@media(max-width:460px){.color-swatch-grid{grid-template-columns:1fr}.color-control-card,.color-result-card{padding:14px}.color-swatch{min-height:112px}}
.codec-tool,.jwt-studio{display:grid;gap:15px}.codec-hero{border:1px solid var(--line);border-radius:10px;background:linear-gradient(135deg,var(--panel-soft),var(--panel));padding:18px;display:flex;align-items:center;justify-content:space-between;gap:18px;overflow:hidden;position:relative}.codec-hero:before{content:"";position:absolute;right:-90px;bottom:-130px;width:280px;height:280px;border-radius:999px;background:linear-gradient(135deg,var(--brand),#38bdf8);opacity:.08;pointer-events:none}.codec-hero h2{margin:9px 0 7px;font-size:clamp(22px,3vw,34px);line-height:1.08;letter-spacing:-.04em}.codec-hero p{max-width:760px;margin:0}.codec-mini-card{position:relative;z-index:1;min-width:170px;border:1px solid var(--line);border-radius:9px;background:var(--panel);padding:14px;display:grid;gap:3px;box-shadow:0 14px 30px rgba(15,23,42,.06)}.codec-mini-card b{font-size:22px;letter-spacing:-.03em;word-break:break-word}.codec-mini-card span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}.codec-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.codec-card,.jwt-part-card,.jwt-claims{border:1px solid var(--line);border-radius:10px;background:var(--panel-soft);padding:16px}.codec-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.codec-head h3,.jwt-part-head h3,.jwt-claims-head h3{margin:0 0 4px;font-size:17px;letter-spacing:-.02em}.codec-head p{margin:0}.codec-area,.jwt-token-area{min-height:250px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;line-height:1.55}.jwt-token-area{min-height:360px}.codec-options{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}.codec-options label{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--muted)}.codec-stats{display:flex;justify-content:space-between;gap:10px;margin-top:10px;color:var(--muted);font-size:12px;font-weight:800}.codec-actions{display:flex;gap:10px;flex-wrap:wrap}.codec-actions.compact{margin-top:10px}.codec-actions .btn{min-height:42px}.codec-note{border:1px solid var(--line);border-radius:9px;background:var(--panel);padding:13px;color:var(--muted);line-height:1.55}.url-breakdown{display:grid;gap:12px}.url-part-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.url-part-grid>div,.url-query-list{border:1px solid var(--line);border-radius:9px;background:var(--panel);padding:13px;min-width:0}.url-part-grid span,.url-query-list span{display:block;color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}.url-part-grid b,.url-query-list b{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;word-break:break-all}.url-query-list h3{margin:0 0 10px;font-size:16px}.url-query-list button{width:100%;border:1px solid var(--line);background:var(--panel-soft);color:var(--text);border-radius:7px;padding:10px;margin-top:8px;text-align:left;cursor:pointer}.url-query-list button:hover{border-color:color-mix(in srgb,var(--brand) 45%,var(--line));transform:translateY(-1px)}.jwt-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:15px}.jwt-output-stack{display:grid;gap:12px}.jwt-part-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.jwt-part-head .btn{margin-left:auto;min-height:34px;padding:7px 10px}.jwt-dot{width:12px;height:12px;border-radius:999px;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 14%,transparent)}.jwt-header{color:#38bdf8;background:#38bdf8}.jwt-payload{color:#a78bfa;background:#a78bfa}.jwt-signature{color:#fb7185;background:#fb7185}.jwt-json{margin:0;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:13px;min-height:130px;max-height:260px;overflow:auto;color:var(--text);font-size:12px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.jwt-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.jwt-status span{color:var(--muted);font-size:12px;font-weight:800}.jwt-status-pill{border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.jwt-status-pill.ok{background:rgba(34,197,94,.12);color:#16a34a}.jwt-status-pill.warn{background:rgba(245,158,11,.14);color:#d97706}.jwt-status-pill.bad{background:rgba(239,68,68,.14);color:#dc2626}.jwt-claims-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}.jwt-claim-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.jwt-claim{border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:12px;min-width:0}.jwt-claim.wide{grid-column:1/-1}.jwt-claim span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:900;margin-bottom:5px}.jwt-claim b{font-size:13px;word-break:break-word}@media(max-width:980px){.codec-grid,.jwt-layout{grid-template-columns:1fr}.url-part-grid,.jwt-claim-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.codec-hero{display:grid}.codec-mini-card{min-width:0}.codec-card,.jwt-part-card,.jwt-claims,.codec-hero{padding:14px}.codec-actions{display:grid;grid-template-columns:1fr}.codec-actions .btn{width:100%}.url-part-grid,.jwt-claim-grid{grid-template-columns:1fr}.codec-area,.jwt-token-area{min-height:220px}}
.font-aesthetic-studio{display:grid;gap:15px}.font-aesthetic-hero,.font-input-card,.font-filter-card,.font-preview-panel{border:1px solid var(--line);border-radius:10px;background:var(--panel-soft);padding:18px}.font-aesthetic-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--panel-soft),var(--panel))}.font-aesthetic-hero:before{content:"";position:absolute;right:-80px;bottom:-120px;width:270px;height:270px;border-radius:999px;background:linear-gradient(135deg,#a78bfa,var(--brand),#22c55e);opacity:.09;pointer-events:none}.font-aesthetic-hero h2{margin:9px 0 7px;font-size:clamp(22px,3vw,34px);line-height:1.08;letter-spacing:-.04em}.font-aesthetic-hero p{max-width:780px;margin:0}.font-aesthetic-mini{position:relative;z-index:1;min-width:150px;border:1px solid var(--line);border-radius:9px;background:var(--panel);padding:14px;display:grid;gap:3px;box-shadow:0 14px 30px rgba(15,23,42,.06)}.font-aesthetic-mini b{font-size:28px;letter-spacing:-.04em}.font-aesthetic-mini span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:900}.font-aesthetic-controls{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:15px}.font-input-card label,.font-filter-card label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:var(--muted);margin-bottom:8px}.font-aesthetic-input{min-height:148px;resize:vertical;font-size:18px;line-height:1.55}.font-tool-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.font-filter-card{display:grid;align-content:start;gap:10px}.font-category-pills{display:flex;gap:8px;flex-wrap:wrap}.font-category-pills button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;padding:8px 11px;font-size:12px;font-weight:800;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}.font-category-pills button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--brand) 45%,var(--line))}.font-category-pills button.active{background:var(--brand);border-color:var(--brand);color:#fff}.font-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.font-preview-head h3{margin:0 0 4px;font-size:18px;letter-spacing:-.02em}.font-preview-head p{margin:0}.font-style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.font-style-card{border:1px solid var(--line);border-radius:9px;background:var(--panel);padding:14px;min-width:0;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.font-style-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand) 40%,var(--line));box-shadow:0 14px 30px rgba(15,23,42,.08)}.font-style-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.font-style-meta span{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:5px 8px;background:var(--panel-soft)}.font-style-meta .btn{min-height:32px;padding:7px 10px}.font-style-card h3{margin:0 0 10px;font-size:15px;letter-spacing:-.01em}.font-style-card p{margin:0;font-size:20px;line-height:1.5;word-break:break-word;min-height:34px}@media(max-width:940px){.font-aesthetic-controls{grid-template-columns:1fr}.font-style-grid{grid-template-columns:1fr}}@media(max-width:560px){.font-aesthetic-hero,.font-input-card,.font-filter-card,.font-preview-panel{padding:14px}.font-aesthetic-hero{display:grid}.font-aesthetic-mini{min-width:0}.font-tool-row{display:grid;grid-template-columns:1fr}.font-tool-row .btn{width:100%}.font-preview-head{flex-direction:column}.font-style-card p{font-size:18px}}
.password-strength-studio{display:grid;gap:15px}.password-strength-hero,.password-input-card,.password-result-card,.password-detail-card{border:1px solid var(--line);border-radius:10px;background:var(--panel-soft);padding:18px}.password-strength-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--panel-soft),var(--panel))}.password-strength-hero:before{content:"";position:absolute;right:-90px;bottom:-130px;width:300px;height:300px;border-radius:999px;background:linear-gradient(135deg,#ef4444,#f59e0b,#22c55e,var(--brand));opacity:.1;pointer-events:none}.password-strength-hero h2{margin:9px 0 7px;font-size:clamp(22px,3vw,34px);line-height:1.08;letter-spacing:-.04em}.password-strength-hero p{max-width:780px;margin:0}.password-score-orb{position:relative;z-index:1;width:128px;height:128px;border-radius:999px;display:grid;place-items:center;text-align:center;background:conic-gradient(var(--brand) 0deg,#e5e7eb 0deg);border:10px solid var(--panel);box-shadow:0 18px 45px rgba(15,23,42,.12);transition:background .2s ease,transform .2s ease}.password-score-orb b{display:block;font-size:34px;line-height:.9;letter-spacing:-.06em}.password-score-orb span{display:block;font-size:12px;color:var(--muted);font-weight:900}.password-score-orb.very-weak{background:conic-gradient(#ef4444 0deg,#e5e7eb 0deg)}.password-score-orb.weak{background:conic-gradient(#f97316 90deg,#e5e7eb 0deg)}.password-score-orb.medium{background:conic-gradient(#eab308 180deg,#e5e7eb 0deg)}.password-score-orb.strong{background:conic-gradient(#22c55e 260deg,#e5e7eb 0deg)}.password-score-orb.very-strong{background:conic-gradient(#14b8a6 320deg,#e5e7eb 0deg)}.password-score-orb.excellent{background:conic-gradient(var(--brand) 360deg,#e5e7eb 0deg)}.password-strength-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:15px}.password-input-card label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:var(--muted);margin-bottom:8px}.password-input-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.password-input-wrap input{font-size:18px;min-height:52px}.pw-quick-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.password-result-card{display:grid;align-content:center;gap:15px}.pw-level-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pw-level{display:inline-flex;align-items:center;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:#fff;background:var(--muted)}.pw-level.very-weak{background:#ef4444}.pw-level.weak{background:#f97316}.pw-level.medium{background:#eab308;color:#1f2937}.pw-level.strong{background:#22c55e}.pw-level.very-strong{background:#14b8a6}.pw-level.excellent{background:var(--brand)}#pwVerdict{font-size:13px;color:var(--muted);font-weight:800;text-align:right}.pw-meter{height:14px;border-radius:999px;background:color-mix(in srgb,var(--muted) 14%,transparent);overflow:hidden}.pw-meter span{display:block;height:100%;width:0;border-radius:inherit;background:var(--brand);transition:width .2s ease,background .2s ease}.pw-meter span.very-weak{background:#ef4444}.pw-meter span.weak{background:#f97316}.pw-meter span.medium{background:#eab308}.pw-meter span.strong{background:#22c55e}.pw-meter span.very-strong{background:#14b8a6}.pw-meter span.excellent{background:linear-gradient(90deg,#14b8a6,var(--brand))}.pw-crack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pw-crack-grid div{border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:12px;min-width:0}.pw-crack-grid small{display:block;color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}.pw-crack-grid b{display:block;font-size:16px;word-break:break-word}.password-detail-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}.password-detail-card h3{margin:0 0 12px;font-size:18px;letter-spacing:-.02em}.pw-check-list{display:grid;gap:9px}.pw-check{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;align-items:start;border:1px solid var(--line);border-radius:8px;padding:9px 10px;background:var(--panel)}.pw-check span{width:24px;height:24px;border-radius:999px;display:grid;place-items:center;font-weight:900;color:#fff;background:#ef4444}.pw-check.ok span{background:#22c55e}.pw-check b{display:block;font-size:13px}.pw-check small{display:block;color:var(--muted);font-size:12px;margin-top:1px}.password-suggestions ul{margin:0;padding-left:18px;display:grid;gap:8px;color:var(--text)}.password-suggestions li{line-height:1.45}.pw-stat-list .result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:980px){.password-strength-grid,.password-detail-grid{grid-template-columns:1fr}.pw-crack-grid{grid-template-columns:1fr 1fr 1fr}}@media(max-width:620px){.password-strength-hero{display:grid}.password-score-orb{width:112px;height:112px}.password-input-wrap{grid-template-columns:1fr}.pw-quick-actions{display:grid}.pw-quick-actions .btn{width:100%}.pw-level-row{display:grid}.pw-crack-grid{grid-template-columns:1fr}.password-strength-hero,.password-input-card,.password-result-card,.password-detail-card{padding:14px}}
.wifi-qr-studio{display:grid;gap:15px}.wifi-qr-hero,.wifi-qr-card,.wifi-qr-preview,.wifi-output-card{border:1px solid var(--line);border-radius:10px;background:var(--panel-soft);padding:18px}.wifi-qr-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--panel-soft),var(--panel))}.wifi-qr-hero:before{content:"";position:absolute;right:-80px;bottom:-120px;width:280px;height:280px;border-radius:999px;background:linear-gradient(135deg,#22c55e,var(--brand),#a78bfa);opacity:.1;pointer-events:none}.wifi-qr-hero h2{margin:9px 0 7px;font-size:clamp(22px,3vw,34px);line-height:1.08;letter-spacing:-.04em}.wifi-qr-hero p{max-width:780px;margin:0}.wifi-qr-mini{position:relative;z-index:1;min-width:150px;border:1px solid var(--line);border-radius:9px;background:var(--panel);padding:14px;display:grid;gap:3px;box-shadow:0 14px 30px rgba(15,23,42,.06)}.wifi-qr-mini b{font-size:24px;letter-spacing:-.04em}.wifi-qr-mini span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:900}.wifi-qr-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:15px}.wifi-qr-card h3,.wifi-output-card h3{margin:0 0 12px;font-size:18px;letter-spacing:-.02em}.wifi-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wifi-hidden-row{display:flex;align-items:center;gap:9px;margin-top:12px;font-size:13px;color:var(--muted);font-weight:800}.wifi-hidden-row input{width:18px;height:18px}.wifi-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.wifi-actions.centered{justify-content:center}.wifi-qr-preview{display:grid;gap:14px;align-content:start}.wifi-share-card{border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,#fff,var(--panel));padding:22px;text-align:center;box-shadow:0 20px 55px rgba(15,23,42,.08)}.wifi-share-card>p:first-child{margin:0 0 5px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:var(--muted)}.wifi-share-card h3{margin:0 0 16px;font-size:clamp(22px,3vw,32px);letter-spacing:-.04em}.wifi-canvas-wrap{display:inline-grid;place-items:center;background:#fff;border:1px solid var(--line);border-radius:11px;padding:14px;box-shadow:0 12px 28px rgba(15,23,42,.08)}.wifi-canvas-wrap canvas{display:block;max-width:100%;height:auto}.wifi-scan-note{margin:14px 0 5px;font-weight:900;font-size:16px}.wifi-share-card small{color:var(--muted);font-weight:800}.wifi-output-card{display:grid;grid-template-columns:minmax(260px,.45fr) minmax(0,1fr);gap:14px;align-items:start}.wifi-output-card p{margin:4px 0 0}.wifi-output-card textarea{min-height:92px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;resize:vertical}@media(max-width:980px){.wifi-qr-grid,.wifi-output-card{grid-template-columns:1fr}}@media(max-width:620px){.wifi-qr-hero{display:grid}.wifi-qr-hero,.wifi-qr-card,.wifi-qr-preview,.wifi-output-card{padding:14px}.wifi-form-grid{grid-template-columns:1fr}.wifi-actions{display:grid}.wifi-actions .btn{width:100%}.wifi-qr-mini{min-width:0}.wifi-share-card{padding:16px}.wifi-canvas-wrap{padding:10px}}

/* Word Counter dedicated vertical layout */
.word-counter-studio{display:grid;gap:18px;max-width:980px;margin:0 auto}
.word-counter-input-card,.word-counter-result-card{background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid var(--border);border-radius:12px;padding:20px;box-shadow:var(--shadow)}
.word-counter-studio .section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.word-counter-studio .section-head h3{margin:.35rem 0 .25rem;font-size:1.25rem;letter-spacing:-.02em}
.word-counter-studio .field{min-height:260px;font-size:1rem;line-height:1.65;resize:vertical}
.word-counter-result-card .output{min-height:auto;background:#fff;border:1px solid var(--border);border-radius:10px;padding:16px}
@media (max-width:720px){.word-counter-input-card,.word-counter-result-card{padding:16px;border-radius:10px}.word-counter-studio .section-head{display:grid}.word-counter-studio .section-head .btn{width:100%}.word-counter-studio .field{min-height:220px}}

/* Word Counter compact single-line stats */
.word-count-row{display:grid;grid-template-columns:repeat(7,minmax(118px,1fr));gap:10px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}
.word-count-item{min-width:118px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,var(--panel),var(--panel-soft));padding:12px 10px;text-align:center}
.word-count-item span{display:block;min-height:30px;color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;line-height:1.35}
.word-count-item b{display:block;margin-top:5px;color:var(--text);font-size:clamp(18px,2vw,24px);line-height:1;font-weight:900;letter-spacing:-.04em;white-space:nowrap}.sr-copy-output{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:pre!important;border:0!important}
@media(max-width:980px){.word-count-row{grid-template-columns:repeat(7,132px)}}

/* Symbol Emoji Copy dedicated studio */
.symbol-copy-studio{display:grid;gap:16px}.symbol-hero,.symbol-controls,.symbol-grid-card{border:1px solid var(--line);border-radius:11px;background:var(--panel-soft);padding:18px}.symbol-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;overflow:hidden;position:relative;background:linear-gradient(135deg,var(--panel-soft),var(--panel))}.symbol-hero:before{content:"";position:absolute;right:-80px;top:-90px;width:240px;height:240px;border-radius:999px;background:linear-gradient(135deg,var(--brand),#22c55e,#f59e0b);opacity:.1;pointer-events:none}.symbol-hero h2{position:relative;margin:9px 0 7px;font-size:clamp(24px,3.5vw,38px);line-height:1.05;letter-spacing:-.055em}.symbol-hero p{position:relative;max-width:780px;margin:0}.symbol-copied-card{position:relative;min-width:190px;border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:15px;text-align:center;box-shadow:0 16px 38px rgba(15,23,42,.08)}.symbol-copied-card small{display:block;color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.symbol-copied-card b{display:block;margin:6px 0;font-size:38px;line-height:1}.symbol-copied-card span{color:var(--muted);font-size:12px;font-weight:800}.symbol-controls{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:14px;align-items:start}.symbol-category-pills{display:flex;flex-wrap:wrap;gap:8px}.symbol-category-pills button{border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--text);padding:9px 12px;font-size:12px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:transform .16s ease,border-color .16s ease,background .16s ease}.symbol-category-pills button:hover,.symbol-category-pills button.active{border-color:color-mix(in srgb,var(--brand) 54%,var(--line));background:color-mix(in srgb,var(--brand) 10%,var(--panel));color:var(--brand);transform:translateY(-1px)}.symbol-grid-card .section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.symbol-grid-card .section-head h3{margin:0 0 4px;font-size:20px;letter-spacing:-.02em}.symbol-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:10px}.symbol-copy-item{min-height:84px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);cursor:pointer;display:grid;place-items:center;gap:4px;padding:10px;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.symbol-copy-item:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand) 48%,var(--line));box-shadow:0 12px 26px rgba(15,23,42,.09)}.symbol-copy-item.copied{background:color-mix(in srgb,#22c55e 14%,var(--panel));border-color:#22c55e;transform:scale(.98)}.symbol-copy-item b{font-size:30px;line-height:1}.symbol-copy-item span{max-width:100%;color:var(--muted);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:880px){.symbol-hero,.symbol-controls{display:grid;grid-template-columns:1fr}.symbol-copied-card{min-width:0}.symbol-grid-card .section-head{display:grid}.symbol-grid-card .section-head .btn{width:100%}.symbol-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}}@media(max-width:520px){.symbol-hero,.symbol-controls,.symbol-grid-card{padding:14px;border-radius:9px}.symbol-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.symbol-copy-item{min-height:72px;border-radius:8px}.symbol-copy-item b{font-size:25px}.symbol-copy-item span{display:none}.symbol-category-pills{max-height:190px;overflow:auto}}


/* Word Counter responsive fix — compact desktop, clean mobile */
.word-counter-studio{width:min(100%,920px);max-width:920px;margin-inline:auto;overflow:hidden}
.word-counter-input-card,.word-counter-result-card{overflow:hidden}
.word-counter-studio .field{min-height:220px;max-width:100%;box-sizing:border-box}
.word-counter-result-card .section-head{margin-bottom:12px}
.word-count-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;width:100%;max-width:100%;overflow:visible;padding:0}
.word-count-item{min-width:0;padding:10px 8px;border-radius:8px}
.word-count-item span{min-height:28px;font-size:9px;letter-spacing:.035em;line-height:1.25;display:flex;align-items:center;justify-content:center;text-align:center}
.word-count-item b{font-size:clamp(16px,1.5vw,21px);white-space:normal;overflow-wrap:anywhere}
@media(max-width:1100px){.word-counter-studio{width:100%;max-width:100%}.word-count-row{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:720px){.word-counter-studio{gap:14px}.word-counter-input-card,.word-counter-result-card{padding:14px;border-radius:9px}.word-count-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.word-count-item{padding:11px 8px}.word-count-item span{min-height:22px;font-size:8.5px}.word-count-item b{font-size:20px}.word-counter-studio .field{min-height:190px}.word-counter-studio .section-head{gap:10px}}
@media(max-width:380px){.word-count-row{grid-template-columns:1fr 1fr}.word-count-item{padding:9px 6px}.word-count-item b{font-size:18px}}

/* Duplicate Remover + Credit Card Validator polish — 2026-09-25 */
.duplicate-remover-studio,.cc-validator-studio{display:grid;gap:16px}.duplicate-input-card,.duplicate-result-card,.cc-input-card,.cc-result-card{border:1px solid var(--line);border-radius:10px;background:var(--panel-soft);padding:18px}.duplicate-input-card,.cc-input-card{background:var(--panel)}.duplicate-input-card .section-head,.duplicate-result-card .section-head,.cc-result-card .section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.duplicate-input-card h3,.duplicate-result-card h3,.cc-input-card h3,.cc-result-card h3{margin:6px 0 4px;font-size:20px;letter-spacing:-.03em}.duplicate-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.duplicate-switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:12px 13px;border:1px solid var(--line);border-radius:8px;background:var(--panel);cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.duplicate-switch-row:hover{border-color:color-mix(in srgb,var(--brand) 45%,var(--line));background:color-mix(in srgb,var(--brand) 4%,var(--panel));transform:translateY(-1px)}.duplicate-switch-row span:first-child{display:grid;gap:2px;min-width:0}.duplicate-switch-row b{font-size:13px}.duplicate-switch-row small{color:var(--muted);font-size:11px;line-height:1.35}.duplicate-stats .result-grid{margin:0 0 12px}.duplicate-output{min-height:220px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre;resize:vertical}.cc-validator-studio{grid-template-columns:1fr}.cc-input-card .form-field{margin-top:14px}.cc-input-card input#input{min-height:48px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:16px;letter-spacing:.04em}.cc-result-card .output{min-height:90px;font-family:inherit}.cc-result-card .result-grid{margin-top:0}.cc-result-card .result-note{margin-top:12px}@media(max-width:760px){.duplicate-input-card,.duplicate-result-card,.cc-input-card,.cc-result-card{padding:14px;border-radius:9px}.duplicate-input-card .section-head,.duplicate-result-card .section-head,.cc-result-card .section-head{display:grid}.duplicate-option-grid{grid-template-columns:1fr}.duplicate-switch-row{min-height:58px}.duplicate-output{min-height:180px}.cc-input-card .actions,.duplicate-input-card .actions{display:grid}.cc-input-card .actions .btn,.duplicate-input-card .actions .btn{width:100%}}

/* Markdown Table Generator — 2026-09-25 */
.markdown-table-studio{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:16px;align-items:start}.mt-input-card,.mt-output-card,.mt-preview-card{border:1px solid var(--line);border-radius:11px;background:var(--panel);padding:18px;box-shadow:0 18px 45px rgba(15,23,42,.06)}.mt-output-card,.mt-preview-card{background:var(--panel-soft)}.mt-input-card{grid-row:span 2}.mt-input-card .section-head,.mt-output-card .section-head,.mt-preview-card .section-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px}.mt-input-card h3,.mt-output-card h3,.mt-preview-card h3{margin:6px 0 4px;font-size:20px;letter-spacing:-.03em}.mt-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.mt-option{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:66px;padding:12px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--panel) 90%,var(--brand) 3%)}.mt-option>span:first-child{display:grid;gap:2px}.mt-option b,.mt-align-panel b{font-size:13px}.mt-option small,.mt-align-panel small{font-size:11px;line-height:1.35;color:var(--muted)}.mt-option select.field{width:150px;min-height:40px;margin:0}.mt-align-panel{margin-top:12px;padding:13px;border:1px dashed color-mix(in srgb,var(--brand) 40%,var(--line));border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 8%,transparent),transparent);display:flex;justify-content:space-between;gap:12px;align-items:center}.mt-align-buttons{display:flex;gap:8px;flex-wrap:wrap}.mt-align-buttons .btn{padding:9px 12px}.mt-align-buttons .btn.active{background:var(--brand);color:#fff;border-color:var(--brand)}.mt-output{min-height:230px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.6;resize:vertical}.mt-stats .result-grid{margin:12px 0 0}.mt-preview-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px;background:var(--panel);max-height:340px}.mt-preview-table{width:100%;border-collapse:collapse;font-size:13px}.mt-preview-table th,.mt-preview-table td{border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}.mt-preview-table th{background:color-mix(in srgb,var(--brand) 10%,var(--panel));font-weight:800;color:var(--text)}.mt-preview-table tr:last-child td{border-bottom:0}.mt-preview-table th:last-child,.mt-preview-table td:last-child{border-right:0}@media(max-width:900px){.markdown-table-studio{grid-template-columns:1fr}.mt-input-card{grid-row:auto}}@media(max-width:640px){.mt-input-card,.mt-output-card,.mt-preview-card{padding:14px;border-radius:9px}.mt-input-card .section-head,.mt-output-card .section-head,.mt-preview-card .section-head,.mt-align-panel{display:grid}.mt-options{grid-template-columns:1fr}.mt-option select.field{width:100%}.mt-align-buttons .btn,.markdown-table-studio .actions .btn{width:100%}.mt-align-buttons,.markdown-table-studio .actions{display:grid}.mt-output{min-height:190px}}

/* Markdown Table Generator per-column alignment polish — 2026-09-25 */
.mt-polished .mt-input-card{background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 5%,var(--panel)),var(--panel) 38%)}.mt-column-align{display:grid;gap:12px}.mt-align-tools{display:flex;gap:8px;flex-wrap:wrap}.mt-align-tools .btn{padding:8px 11px;font-size:12px}.mt-column-align-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mt-col-align-card{border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:10px;display:grid;gap:8px;box-shadow:0 10px 24px rgba(15,23,42,.04)}.mt-col-align-card>span{font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.mt-col-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:4px;border-radius:999px;background:color-mix(in srgb,var(--line) 45%,transparent)}.mt-col-seg button{border:0;border-radius:999px;background:transparent;color:var(--muted);font-weight:900;font-size:11px;min-height:28px;cursor:pointer}.mt-col-seg button.active{background:var(--brand);color:#fff;box-shadow:0 8px 18px color-mix(in srgb,var(--brand) 24%,transparent)}.mt-preview-table th[style*="center"],.mt-preview-table td[style*="center"]{text-align:center}.mt-preview-table th[style*="right"],.mt-preview-table td[style*="right"]{text-align:right}@media(max-width:640px){.mt-column-align-grid{grid-template-columns:1fr}.mt-align-tools{display:grid;grid-template-columns:repeat(3,1fr)}.mt-align-tools .btn{width:100%}}

/* Text Statistics dedicated UI — 2026-09-25 */
.text-statistics-studio{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:16px;align-items:start}.text-stat-input-card,.text-stat-summary-card,.text-stat-detail-card,.text-stat-keyword-card{border:1px solid var(--line);border-radius:11px;background:var(--panel);padding:18px;box-shadow:0 18px 45px rgba(15,23,42,.06)}.text-stat-input-card{grid-row:span 3;background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 6%,var(--panel)),var(--panel) 42%)}.text-stat-summary-card,.text-stat-detail-card,.text-stat-keyword-card{background:var(--panel-soft)}.text-statistics-studio .section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}.text-statistics-studio h3{margin:6px 0 4px;font-size:20px;letter-spacing:-.03em}.text-stat-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.text-stat-actions .btn{padding:9px 12px}.text-stat-input-card .field{min-height:330px;line-height:1.65;font-size:15px;resize:vertical}.text-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.text-stat-item{padding:14px;border:1px solid var(--line);border-radius:9px;background:var(--panel);display:grid;gap:6px}.text-stat-item span,.text-detail-item span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}.text-stat-item b{font-size:24px;letter-spacing:-.04em;color:var(--text)}.text-stat-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.text-detail-item{padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);display:grid;gap:5px}.text-detail-item b{font-size:15px;word-break:break-word}.keyword-list{display:grid;gap:9px}.keyword-row{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--panel);min-height:52px;padding:9px 12px}.keyword-row i{position:absolute;inset:auto auto 0 0;height:4px;background:linear-gradient(90deg,var(--brand),color-mix(in srgb,var(--brand) 55%,#38bdf8));border-radius:999px}.keyword-row div{display:flex;justify-content:space-between;gap:10px;align-items:center;position:relative;z-index:1}.keyword-row b{font-size:14px}.keyword-row span{font-size:12px;color:var(--muted);white-space:nowrap}@media(max-width:980px){.text-statistics-studio{grid-template-columns:1fr}.text-stat-input-card{grid-row:auto}.text-stat-input-card .field{min-height:260px}}@media(max-width:640px){.text-stat-input-card,.text-stat-summary-card,.text-stat-detail-card,.text-stat-keyword-card{padding:14px;border-radius:9px}.text-statistics-studio .section-head{display:grid}.text-stat-actions{display:grid;grid-template-columns:1fr}.text-stat-actions .btn{width:100%}.text-stat-grid,.text-stat-detail-grid{grid-template-columns:1fr}.keyword-row div{display:grid}.keyword-row span{white-space:normal}.text-stat-input-card .field{min-height:220px}}

/* Text Statistics compact results polish — 2026-09-25 */
.text-statistics-studio.compact-results,.text-statistics-studio{gap:13px}.text-stat-summary-card,.text-stat-detail-card,.text-stat-keyword-card{padding:13px 14px;border-radius:9px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel-soft) 88%,#fff),var(--panel));box-shadow:0 10px 26px rgba(15,23,42,.045)}.text-stat-summary-card .section-head,.text-stat-detail-card .section-head,.text-stat-keyword-card .section-head{margin-bottom:9px;gap:8px}.text-stat-summary-card h3,.text-stat-detail-card h3,.text-stat-keyword-card h3{font-size:15px;margin:2px 0 2px;letter-spacing:-.02em}.text-stat-summary-card .muted,.text-stat-detail-card .muted,.text-stat-keyword-card .muted{font-size:12px;line-height:1.35}.text-stat-summary-card .badge,.text-stat-keyword-card .badge{font-size:10.5px;padding:4px 8px;border-radius:999px}.text-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.text-stat-item{padding:8px 8px;border-radius:7px;gap:3px;background:#fff;min-height:58px}.text-stat-item span,.text-detail-item span{font-size:8.5px;letter-spacing:.065em;line-height:1.15}.text-stat-item b{font-size:17px;line-height:1.05;font-weight:750}.text-stat-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.text-detail-item{padding:8px 9px;border-radius:7px;gap:3px;background:#fff;min-height:48px}.text-detail-item b{font-size:12.5px;line-height:1.25;font-weight:700}.keyword-list{gap:6px}.keyword-row{min-height:39px;padding:7px 9px;border-radius:7px;background:#fff}.keyword-row div{gap:7px}.keyword-row b{font-size:12.5px;font-weight:750}.keyword-row span{font-size:10.5px}.keyword-row i{height:3px;opacity:.85}.text-stat-keyword-card .codec-note{padding:9px 10px;font-size:12px;border-radius:7px}.text-stat-input-card{padding:16px;border-radius:10px}.text-stat-input-card .field{min-height:320px}@media(max-width:1180px){.text-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.text-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.text-stat-input-card .field{min-height:250px}}@media(max-width:640px){.text-stat-summary-card,.text-stat-detail-card,.text-stat-keyword-card{padding:12px}.text-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.text-stat-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.text-stat-item b{font-size:16px}.text-detail-item b{font-size:12px}}

/* Regex Tester dedicated UI — 2026-09-25 */
.regex-tester-studio{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:14px;align-items:start}.regex-input-card,.regex-summary-card,.regex-preview-card,.regex-match-card,.regex-help-card{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:16px;box-shadow:0 14px 34px rgba(15,23,42,.055)}.regex-input-card{grid-row:span 4;background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 5%,var(--panel)),var(--panel) 38%)}.regex-tester-studio .section-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.regex-tester-studio h3{margin:4px 0;font-size:18px;letter-spacing:-.025em}.regex-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.regex-pattern-row{display:grid;gap:7px;margin-bottom:12px}.regex-pattern-row>span{font-weight:800;font-size:13px}.regex-pattern-row small{color:var(--muted);font-size:12px}.regex-pattern-wrap{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:6px 10px}.regex-pattern-wrap b{font-size:20px;color:var(--muted);font-family:ui-monospace,Menlo,monospace}.regex-pattern-wrap .field{border:0;background:transparent;padding:8px 0;min-height:38px;font-family:ui-monospace,Menlo,monospace}.regex-flag-panel{border:1px solid var(--line);border-radius:9px;background:#fff;padding:12px;margin-bottom:12px}.regex-flags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:10px 0}.regex-flags label{display:flex;align-items:center;gap:9px;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft)}.regex-flags label>span:last-child{display:grid;gap:1px}.regex-flags b{font-family:ui-monospace,Menlo,monospace}.regex-flags small{font-size:11px;color:var(--muted)}.regex-input-card textarea.field{min-height:260px;line-height:1.55;font-family:ui-monospace,Menlo,monospace;font-size:13px}.regex-summary-grid .result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.regex-summary-grid .result-item{padding:9px 10px;border-radius:7px;background:#fff}.regex-summary-grid .result-item span{font-size:9px}.regex-summary-grid .result-item b{font-size:13px;word-break:break-word}.regex-error{padding:10px 12px;border-radius:7px;background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;font-size:13px;margin-top:10px}.regex-preview{white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,Menlo,monospace;font-size:13px;line-height:1.65;border:1px solid var(--line);background:#fff;border-radius:8px;min-height:130px;padding:12px;max-height:300px;overflow:auto}.regex-preview mark{background:#fde68a;color:#78350f;border-radius:4px;padding:1px 3px}.regex-match-list{display:grid;gap:8px;max-height:380px;overflow:auto}.regex-match-item{border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px;display:grid;gap:8px}.regex-match-item header{display:flex;justify-content:space-between;gap:10px;align-items:center}.regex-match-item header b{color:var(--brand)}.regex-match-item header small{color:var(--muted);font-size:11px}.regex-match-item code{display:block;white-space:pre-wrap;word-break:break-word;background:var(--panel-soft);border:1px solid var(--line);border-radius:6px;padding:8px;font-size:12px}.regex-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.regex-groups span{display:grid;gap:2px;background:var(--panel-soft);border:1px solid var(--line);border-radius:6px;padding:7px;font-size:12px;word-break:break-word}.regex-groups b{font-size:10px;color:var(--muted)}.regex-help-card{background:var(--panel-soft)}.regex-help-card ul{margin:10px 0 0;padding-left:18px;display:grid;gap:6px;color:var(--muted);font-size:13px}.regex-help-card code{background:#fff;border:1px solid var(--line);border-radius:4px;padding:1px 5px;color:var(--text)}@media(max-width:980px){.regex-tester-studio{grid-template-columns:1fr}.regex-input-card{grid-row:auto}.regex-input-card textarea.field{min-height:230px}}@media(max-width:640px){.regex-input-card,.regex-summary-card,.regex-preview-card,.regex-match-card,.regex-help-card{padding:13px;border-radius:9px}.regex-tester-studio .section-head{display:grid}.regex-actions{display:grid;grid-template-columns:1fr}.regex-actions .btn{width:100%}.regex-flags{grid-template-columns:1fr}.regex-summary-grid .result-grid,.regex-groups{grid-template-columns:1fr}}


/* Lorem Generator dedicated UI */
.lorem-generator-studio{display:grid;gap:16px}.lorem-control-card,.lorem-result-card{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:18px}.lorem-result-card{background:var(--panel-soft)}.lorem-generator-studio .section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.lorem-generator-studio h3{margin:6px 0 4px;font-size:20px;letter-spacing:-.03em}.lorem-generator-studio .section-head p{margin:0}.lorem-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.lorem-count-field{display:grid;grid-template-columns:1fr auto;gap:5px 8px;width:132px}.lorem-count-field>span{grid-column:1/-1;font-size:12px;font-weight:800}.lorem-count-field .field{height:42px;min-height:42px;font-size:15px;font-weight:700}.lorem-count-field small{align-self:center;color:var(--muted);font-size:10px}.lorem-actions{display:flex;gap:9px;flex-wrap:wrap}.lorem-actions .btn{min-height:42px}.lorem-output{display:block;min-height:320px;padding:15px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.7;resize:vertical;background:var(--panel)}.lorem-result-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.lorem-result-meta span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--muted);font-size:11px}.lorem-result-meta b{color:var(--text)}@media(max-width:640px){.lorem-control-card,.lorem-result-card{padding:14px;border-radius:9px}.lorem-generator-studio .section-head{display:grid}.lorem-toolbar{display:grid;align-items:stretch}.lorem-count-field{width:100%;grid-template-columns:1fr auto}.lorem-actions{display:grid}.lorem-actions .btn{width:100%}.lorem-output{min-height:260px}}


/* Symmetric Crypto + professional global footer — 2026-10-09 */
.symmetric-crypto-studio{display:grid;gap:15px}.crypto-hero,.crypto-pass-card,.crypto-editor-card,.crypto-status-card,.crypto-guide{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:18px}.crypto-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 7%,var(--panel)),var(--panel))}.crypto-hero:after{content:"";position:absolute;right:-80px;bottom:-150px;width:300px;height:300px;border-radius:50%;background:linear-gradient(135deg,var(--brand),#22c55e);opacity:.08;pointer-events:none}.crypto-hero h2{margin:9px 0 7px;font-size:clamp(22px,3vw,34px);line-height:1.08;letter-spacing:-.04em}.crypto-hero p{max-width:720px;margin:0}.crypto-security-mark{position:relative;z-index:1;flex:0 0 175px;display:grid;justify-items:center;gap:4px;padding:16px;border:1px solid color-mix(in srgb,var(--brand) 25%,var(--line));border-radius:9px;background:var(--panel);text-align:center;box-shadow:0 14px 30px rgba(15,23,42,.06)}.crypto-security-mark i{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:color-mix(in srgb,var(--brand) 12%,transparent);color:var(--brand);font-size:20px}.crypto-security-mark b{font-size:19px;letter-spacing:-.03em}.crypto-security-mark span{color:var(--muted);font-size:10px}.crypto-section-head,.crypto-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.crypto-section-head{margin-bottom:12px}.crypto-section-head h3,.crypto-editor-head h3{margin:0 0 3px;font-size:17px;letter-spacing:-.02em}.crypto-section-head p{margin:0}.crypto-local-pill{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border-radius:999px;background:color-mix(in srgb,var(--success) 11%,transparent);color:var(--success);padding:7px 10px;font-size:11px;font-weight:800}.crypto-pass-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.crypto-pass-row .field{min-height:50px;font-size:16px}.crypto-pass-row .btn{min-width:94px}.crypto-pass-meta,.crypto-editor-meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:8px;color:var(--muted);font-size:10px;font-weight:700}.crypto-pass-meta span:first-child.weak{color:var(--danger)}.crypto-pass-meta span:first-child.good{color:var(--warning)}.crypto-pass-meta span:first-child.strong{color:var(--success)}.crypto-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.crypto-editor-card{min-width:0;background:var(--panel-soft)}.crypto-editor-head{align-items:center;margin-bottom:11px}.crypto-editor-head>div{display:flex;align-items:center;gap:9px}.crypto-editor-head h3{margin:0}.crypto-step{display:grid;place-items:center;width:27px;height:27px;border-radius:6px;background:color-mix(in srgb,var(--brand) 12%,transparent);color:var(--brand);font-size:12px;font-weight:900}.crypto-editor-head .btn{min-height:34px;padding:7px 10px;font-size:11px}.crypto-area{min-height:250px;resize:vertical;line-height:1.65;font-size:13px}.crypto-cipher{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;word-break:break-all}.crypto-actions{display:flex;gap:9px;flex-wrap:wrap}.crypto-actions .btn{min-height:43px}.crypto-status-card{display:flex;align-items:flex-start;gap:12px;background:var(--panel-soft);padding:14px 16px}.crypto-status-icon{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:7px;background:color-mix(in srgb,var(--brand) 10%,transparent);color:var(--brand)}.crypto-status-card b{display:block;margin:1px 0 3px;font-size:14px}.crypto-status-card p{margin:0;color:var(--muted);font-size:12px}.crypto-status-card.success{border-color:color-mix(in srgb,var(--success) 38%,var(--line));background:color-mix(in srgb,var(--success) 5%,var(--panel))}.crypto-status-card.success .crypto-status-icon{color:var(--success);background:color-mix(in srgb,var(--success) 12%,transparent)}.crypto-status-card.error{border-color:color-mix(in srgb,var(--danger) 36%,var(--line));background:color-mix(in srgb,var(--danger) 5%,var(--panel))}.crypto-status-card.error .crypto-status-icon{color:var(--danger);background:color-mix(in srgb,var(--danger) 11%,transparent)}.crypto-status-card.working .crypto-status-icon{animation:cryptoPulse 1s ease-in-out infinite alternate}@keyframes cryptoPulse{to{transform:scale(1.08);opacity:.65}}.crypto-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding:0;overflow:hidden;background:var(--line)}.crypto-guide>div{display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-areas:"icon title" "icon text";gap:2px 9px;padding:15px;background:var(--panel)}.crypto-guide i{grid-area:icon;display:grid;place-items:center;width:32px;height:32px;border-radius:6px;background:color-mix(in srgb,var(--brand) 10%,transparent);color:var(--brand)}.crypto-guide b{grid-area:title;font-size:12px}.crypto-guide span{grid-area:text;color:var(--muted);font-size:10px;line-height:1.45}
.site-footer{margin-top:64px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--brand) 4%,var(--panel-soft)));overflow:hidden;box-shadow:0 18px 50px rgba(15,23,42,.06)}.footer-main{display:grid;grid-template-columns:minmax(260px,1.05fr) minmax(280px,.85fr) minmax(280px,1fr);gap:30px;padding:30px}.footer-logo{display:inline-flex;align-items:center;gap:10px;color:var(--text);font-size:20px;font-weight:800;letter-spacing:-.055em;text-decoration:none}.footer-logo>i{display:grid;place-items:center;width:38px;height:38px;border-radius:7px;background:var(--brand);color:#fff;box-shadow:0 9px 22px color-mix(in srgb,var(--brand) 28%,transparent)}.footer-logo b{color:var(--brand)}.footer-brand p{max-width:440px;margin:13px 0;color:var(--muted);font-size:12px;line-height:1.7}.footer-status{display:inline-flex;align-items:center;gap:7px;color:var(--success);font-size:11px;font-weight:800}.footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.footer-links>div{display:grid;align-content:start;gap:8px}.footer-links h3,.footer-privacy h3{margin:0 0 4px;font-size:12px;letter-spacing:.02em}.footer-links a{color:var(--muted);font-size:11px;text-decoration:none}.footer-links a:hover{color:var(--brand)}.footer-privacy{display:flex;align-items:flex-start;gap:13px;padding:17px;border:1px solid color-mix(in srgb,var(--success) 25%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--success) 6%,var(--panel))}.footer-privacy-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:8px;background:color-mix(in srgb,var(--success) 13%,transparent);color:var(--success);font-size:18px}.footer-privacy h3{font-size:14px;color:var(--text)}.footer-privacy p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.6}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 30px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--panel-soft) 82%,transparent);color:var(--muted);font-size:10px}.footer-bottom span:last-child{display:inline-flex;align-items:center;gap:6px}.footer-bottom i{color:var(--brand)}
@media(max-width:1000px){.footer-main{grid-template-columns:1fr 1fr}.footer-privacy{grid-column:1/-1}.crypto-guide{grid-template-columns:1fr}}
@media(max-width:760px){.crypto-hero,.crypto-section-head{display:grid}.crypto-security-mark{width:100%;justify-items:start;text-align:left;grid-template-columns:44px minmax(0,1fr);grid-template-areas:"icon title" "icon text"}.crypto-security-mark i{grid-area:icon}.crypto-security-mark b{grid-area:title}.crypto-security-mark span{grid-area:text}.crypto-editor-grid{grid-template-columns:1fr}.crypto-area{min-height:210px}.crypto-actions{display:grid;grid-template-columns:1fr}.crypto-actions .btn{width:100%}.crypto-pass-card,.crypto-editor-card,.crypto-hero{padding:14px}.footer-main{grid-template-columns:1fr;padding:22px;gap:24px}.footer-privacy{grid-column:auto}.footer-bottom{align-items:flex-start;flex-direction:column;padding:14px 22px}.site-footer{margin-top:42px;border-radius:10px}}
@media(max-width:480px){.crypto-pass-row{grid-template-columns:1fr}.crypto-pass-row .btn{width:100%}.crypto-editor-head{align-items:flex-start}.crypto-editor-head>div{align-items:flex-start}.footer-links{grid-template-columns:1fr 1fr;gap:16px}.footer-privacy{padding:14px}}


/* Consistent information/legal pages — 2026-10-09 */
.info-page{display:grid;gap:18px}.info-breadcrumb{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px;font-weight:700}.info-breadcrumb a{display:inline-flex;align-items:center;gap:6px;color:var(--muted);text-decoration:none}.info-breadcrumb a:hover{color:var(--brand)}.info-breadcrumb>i{font-size:8px;opacity:.65}.info-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:18px;padding:34px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--brand) 4%,var(--panel-soft)));box-shadow:var(--shadow);overflow:hidden;position:relative}.info-hero:after{content:"";position:absolute;right:-150px;top:-190px;width:390px;height:390px;border-radius:50%;background:var(--brand);opacity:.035;pointer-events:none}.info-hero h1{max-width:790px;margin:16px 0 13px;font-size:clamp(38px,5vw,66px);line-height:.98}.info-hero .lead{max-width:800px}.info-hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.info-promise{position:relative;z-index:1;align-self:stretch;display:grid;align-content:center;grid-template-columns:48px minmax(0,1fr);gap:13px;padding:20px;border:1px solid color-mix(in srgb,var(--success) 26%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--success) 6%,var(--panel));box-shadow:0 16px 38px rgba(15,23,42,.05)}.info-promise>span{display:grid;place-items:center;width:48px;height:48px;border-radius:9px;background:color-mix(in srgb,var(--success) 13%,transparent);color:var(--success);font-size:21px}.info-promise b{font-size:16px}.info-promise p{margin:6px 0 0;color:var(--muted);font-size:11px;line-height:1.65}.info-promise small{grid-column:1/-1;padding-top:13px;border-top:1px solid color-mix(in srgb,var(--success) 20%,var(--line));color:var(--muted);font-size:10px;font-weight:700}.info-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.info-highlights article{display:flex;gap:12px;padding:17px;border:1px solid var(--line);border-radius:9px;background:var(--panel);box-shadow:0 10px 25px rgba(15,23,42,.035)}.info-highlights article>span{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:7px;background:color-mix(in srgb,var(--brand) 10%,transparent);color:var(--brand)}.info-highlights h2{margin:1px 0 5px;font-size:13px;letter-spacing:-.02em}.info-highlights p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}.info-content-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:18px;align-items:start}.info-toc{position:sticky;top:88px;display:grid;gap:5px;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:var(--shadow)}.info-toc>b{margin:2px 4px 8px;font-size:12px}.info-toc>a{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:6px;color:var(--muted);font-size:11px;font-weight:700;text-decoration:none}.info-toc>a span{color:var(--brand);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.info-toc>a:hover{background:color-mix(in srgb,var(--brand) 8%,transparent);color:var(--brand)}.info-toc-note{display:flex;gap:8px;margin-top:9px;padding:11px;border-radius:7px;background:var(--panel-soft);color:var(--muted);font-size:9px;line-height:1.5}.info-toc-note i{color:var(--brand);margin-top:2px}.info-article{display:grid;gap:11px}.info-article>section{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:23px;border:1px solid var(--line);border-radius:10px;background:var(--panel);scroll-margin-top:92px}.info-section-number{display:grid;place-items:center;width:40px;height:40px;border-radius:7px;background:var(--panel-soft);color:var(--brand);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:900}.info-article h2{margin:3px 0 8px;font-size:20px;letter-spacing:-.035em}.info-article p{margin:0;color:var(--muted);font-size:13px;line-height:1.8}.info-article>.info-contact{border-color:color-mix(in srgb,var(--brand) 26%,var(--line));background:color-mix(in srgb,var(--brand) 4%,var(--panel))}.info-contact>span{display:grid;place-items:center;width:40px;height:40px;border-radius:7px;background:var(--brand);color:#fff}.info-related{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:15px 17px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.info-related>span{margin-right:auto;color:var(--muted);font-size:11px;font-weight:800}.info-related a{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;color:var(--text);font-size:10px;font-weight:800;text-decoration:none}.info-related a:hover{border-color:var(--brand);color:var(--brand)}
@media(max-width:900px){.info-hero{grid-template-columns:1fr;padding:26px}.info-highlights{grid-template-columns:1fr}.info-content-layout{grid-template-columns:1fr}.info-toc{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.info-toc>b,.info-toc-note{grid-column:1/-1}}
@media(max-width:600px){.info-page{gap:13px}.info-hero{padding:21px 17px;border-radius:10px}.info-hero h1{font-size:39px}.info-hero-actions{display:grid}.info-hero-actions .btn{width:100%}.info-promise{grid-template-columns:42px minmax(0,1fr);padding:16px}.info-promise>span{width:42px;height:42px}.info-highlights article{padding:14px}.info-toc{grid-template-columns:1fr}.info-toc>b,.info-toc-note{grid-column:auto}.info-article>section{grid-template-columns:1fr;padding:18px}.info-article h2{font-size:18px}.info-related{align-items:stretch;flex-direction:column}.info-related>span{margin:0 0 3px}.info-related a{justify-content:center}}

/* Text Difference Checker — professional order-aware diff studio, 2026-10-09 */
.text-diff-studio{display:grid;gap:15px}.text-diff-hero,.text-diff-toolbar,.text-diff-editor,.text-diff-result{border:1px solid var(--line);border-radius:10px;background:var(--panel-soft)}.text-diff-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px;overflow:hidden;position:relative;background:linear-gradient(135deg,var(--panel-soft),var(--panel))}.text-diff-hero:before{content:"";position:absolute;right:-90px;bottom:-150px;width:310px;height:310px;border-radius:999px;background:linear-gradient(135deg,#ef4444,#8b5cf6,#22c55e);opacity:.075;pointer-events:none}.text-diff-hero h2{margin:9px 0 7px;font-size:clamp(24px,3.4vw,38px);line-height:1.06;letter-spacing:-.05em}.text-diff-hero p{max-width:790px;margin:0}.text-diff-hero aside{position:relative;z-index:1;min-width:145px;padding:15px;border:1px solid var(--line);border-radius:10px;background:var(--panel);display:grid;text-align:center;box-shadow:0 16px 35px rgba(15,23,42,.07)}.text-diff-hero aside b{font-size:32px;letter-spacing:-.06em}.text-diff-hero aside span{color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.text-diff-hero aside small{margin-top:9px;padding-top:9px;border-top:1px solid var(--line);color:var(--success);font-weight:800}.text-diff-toolbar{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:12px 14px;background:var(--panel)}.text-diff-options{display:flex;flex-wrap:wrap;gap:8px}.text-diff-options label{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--line);border-radius:999px;background:var(--panel-soft);font-size:11px;font-weight:800;cursor:pointer}.text-diff-options input{width:15px;height:15px;accent-color:var(--brand)}.text-diff-view-switch{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:7px;background:var(--panel-soft)}.text-diff-view-switch button{border:0;border-radius:5px;padding:8px 10px;background:transparent;color:var(--muted);font-size:11px;font-weight:900;cursor:pointer}.text-diff-view-switch button.active{background:var(--panel);color:var(--brand);box-shadow:0 5px 15px rgba(15,23,42,.08)}.text-diff-editors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.text-diff-editor{min-width:0;padding:16px;background:var(--panel)}.text-diff-editor header,.text-diff-result>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.text-diff-editor header>div{display:flex;align-items:center;gap:8px}.text-diff-editor h3,.text-diff-result h3{margin:0;font-size:16px;letter-spacing:-.025em}.text-diff-editor header>span{color:var(--muted);font-size:10px;font-weight:800}.text-diff-dot{width:10px;height:10px;border-radius:999px}.text-diff-dot.original{background:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.12)}.text-diff-dot.modified{background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.12)}.text-diff-editor textarea{min-height:280px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.65;tab-size:2}.text-diff-editor footer{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}.text-diff-editor footer .btn{min-height:36px;padding:8px 10px;font-size:10px}.text-diff-primary-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.text-diff-primary-actions .btn{min-height:42px}.text-diff-status{margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;font-weight:800}.text-diff-status i{color:var(--success)}.text-diff-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.text-diff-summary article{padding:13px 14px;border:1px solid var(--line);border-radius:9px;background:var(--panel);display:flex;align-items:center;justify-content:space-between;gap:10px}.text-diff-summary span{color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.text-diff-summary b{font-size:22px;letter-spacing:-.04em}.text-diff-summary .added{color:#16a34a}.text-diff-summary .removed{color:#dc2626}.text-diff-summary .changed{color:#d97706}.text-diff-result{padding:16px;background:var(--panel)}.text-diff-result>header p{margin:4px 0 0}.text-diff-legend{display:flex;gap:7px;flex-wrap:wrap}.text-diff-legend span{padding:6px 8px;border-radius:999px;font-size:9px;font-weight:900}.text-diff-legend .added{background:rgba(34,197,94,.11);color:#16a34a}.text-diff-legend .removed{background:rgba(239,68,68,.11);color:#dc2626}.text-diff-legend .changed{background:rgba(245,158,11,.12);color:#d97706}.text-diff-output{border:1px solid var(--line);border-radius:8px;overflow:auto;background:var(--panel-soft);max-height:650px;min-height:170px}.text-diff-output.empty{display:grid;place-items:center}.text-diff-empty{display:grid;justify-items:center;gap:6px;padding:28px;color:var(--muted);text-align:center}.text-diff-empty>i{font-size:28px;color:var(--brand);margin-bottom:4px}.text-diff-empty b{color:var(--text)}.diff-split-head{position:sticky;top:0;z-index:3;display:grid;grid-template-columns:1fr 1fr;background:var(--panel);border-bottom:1px solid var(--line)}.diff-split-head span{padding:9px 12px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.diff-split-head span+span{border-left:1px solid var(--line)}.diff-split-row{display:grid;grid-template-columns:1fr 1fr;min-width:720px;border-bottom:1px solid color-mix(in srgb,var(--line) 75%,transparent)}.diff-split-row:last-child{border-bottom:0}.diff-code{display:grid;grid-template-columns:44px 26px minmax(0,1fr);min-width:0}.diff-code+.diff-code{border-left:1px solid var(--line)}.diff-line-no{padding:7px 8px;text-align:right;color:var(--muted);background:color-mix(in srgb,var(--line) 18%,transparent);font:10px ui-monospace,SFMono-Regular,Menlo,monospace;user-select:none}.diff-sign{padding:7px 4px;text-align:center;color:var(--muted);font:800 11px ui-monospace,SFMono-Regular,Menlo,monospace;user-select:none}.diff-code code,.diff-unified-line code{padding:7px 10px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text);font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.diff-split-row.del .diff-code:first-child,.diff-unified-line.del{background:color-mix(in srgb,#ef4444 10%,var(--panel))}.diff-split-row.add .diff-code:last-child,.diff-unified-line.add{background:color-mix(in srgb,#22c55e 10%,var(--panel))}.diff-split-row.mod .diff-code:first-child{background:color-mix(in srgb,#ef4444 9%,var(--panel))}.diff-split-row.mod .diff-code:last-child{background:color-mix(in srgb,#22c55e 9%,var(--panel))}.diff-split-row.del .diff-code:first-child .diff-sign,.diff-unified-line.del i{color:#dc2626}.diff-split-row.add .diff-code:last-child .diff-sign,.diff-unified-line.add i{color:#16a34a}.diff-split-row.mod .diff-sign{color:#d97706}.diff-word-del,.diff-word-add{border-radius:3px;padding:1px 0;color:inherit}.diff-word-del{background:rgba(239,68,68,.24);text-decoration:line-through;text-decoration-thickness:1px}.diff-word-add{background:rgba(34,197,94,.26)}.diff-skip{grid-column:1/-1;display:grid;place-items:center;min-width:720px;padding:7px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--brand) 4%,var(--panel));color:var(--muted);font-size:9px;font-weight:800}.diff-unified-head{position:sticky;top:0;z-index:3;display:grid;grid-template-columns:74px 74px 1fr;min-width:620px;background:var(--panel);border-bottom:1px solid var(--line);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.diff-unified-head>*{padding:9px}.diff-unified-line{display:grid;grid-template-columns:44px 44px 26px minmax(0,1fr);min-width:620px;border-bottom:1px solid color-mix(in srgb,var(--line) 75%,transparent)}.diff-unified-line>span{padding:7px 6px;text-align:right;color:var(--muted);background:color-mix(in srgb,var(--line) 18%,transparent);font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.diff-unified-line i{padding:7px 4px;text-align:center;font:normal 800 11px ui-monospace,SFMono-Regular,Menlo,monospace}.text-diff-output::-webkit-scrollbar{width:10px;height:10px}.text-diff-output::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 40%,transparent);border-radius:999px;border:3px solid transparent;background-clip:padding-box}
@media(max-width:940px){.text-diff-hero,.text-diff-toolbar{display:grid}.text-diff-toolbar{justify-content:stretch}.text-diff-view-switch{justify-self:start}.text-diff-editors{grid-template-columns:1fr}.text-diff-editor textarea{min-height:230px}.text-diff-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.text-diff-hero,.text-diff-editor,.text-diff-result{padding:14px;border-radius:9px}.text-diff-hero aside{min-width:0}.text-diff-options{display:grid;grid-template-columns:1fr 1fr}.text-diff-options label{border-radius:7px}.text-diff-view-switch{width:100%;grid-template-columns:1fr 1fr;display:grid}.text-diff-primary-actions{display:grid;grid-template-columns:1fr}.text-diff-primary-actions .btn{width:100%}.text-diff-status{margin:3px 0 0;justify-content:center}.text-diff-summary{grid-template-columns:1fr 1fr}.text-diff-summary article{display:grid;gap:3px}.text-diff-editor header,.text-diff-result>header{display:grid}.text-diff-editor footer{display:grid;grid-template-columns:1fr 1fr}.text-diff-legend{margin-top:4px}.text-diff-output{max-height:520px}.text-diff-editor textarea{min-height:210px}}


/* Text to Speech Studio */
.tts-studio{display:grid;gap:16px}.tts-editor-card,.tts-control-card,.tts-export-card,.tts-privacy-card{padding:20px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.tts-export-card{background:var(--panel-soft)}.tts-card-head,.tts-section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.tts-card-head h2{margin:9px 0 5px;font-size:clamp(22px,3vw,31px);letter-spacing:-.045em}.tts-card-head p,.tts-section-title p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.tts-local-badge,.tts-mode-chip{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:7px 10px;border:1px solid color-mix(in srgb,var(--success) 34%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--success) 8%,var(--panel));color:var(--success);font-size:11px;font-weight:800}.tts-mode-chip{border-color:color-mix(in srgb,var(--brand) 28%,var(--line));background:color-mix(in srgb,var(--brand) 7%,var(--panel));color:var(--brand)}.tts-text-label{display:flex;justify-content:space-between;gap:12px;margin:18px 0 7px;color:var(--text);font-size:12px;font-weight:700}.tts-text-label span:last-child{color:var(--muted);font-variant-numeric:tabular-nums}.tts-text{min-height:230px;padding:15px;font-size:14px;line-height:1.7;resize:vertical}.tts-quick-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.tts-quick-actions .btn{min-height:36px;padding:7px 11px;font-size:11px}.tts-section-title>div:first-child{display:flex;gap:12px}.tts-section-title>div:first-child>span{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:6px;background:color-mix(in srgb,var(--brand) 10%,var(--panel));color:var(--brand);font-size:11px;font-weight:800}.tts-section-title h3{margin:0 0 3px;font-size:18px;letter-spacing:-.03em}.tts-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.tts-range-field{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:7px;background:var(--panel)}.tts-range-field>span{display:flex;justify-content:space-between;gap:10px;font-size:11px;font-weight:700}.tts-range-field b{color:var(--brand);font-variant-numeric:tabular-nums}.tts-range-field input{width:100%;accent-color:var(--brand)}.tts-actions{margin-bottom:0}.tts-engine-note{display:flex;gap:10px;margin-top:14px;padding:12px 13px;border-left:3px solid var(--brand);border-radius:6px;background:color-mix(in srgb,var(--brand) 6%,var(--panel));color:var(--muted)}.tts-engine-note>span{color:var(--brand)}.tts-engine-note p{margin:0;font-size:11px;line-height:1.6}.tts-progress{display:grid;gap:8px;margin-top:14px}.tts-progress>div{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px}.tts-progress b{color:var(--brand)}.tts-progress progress{width:100%;height:9px;border:0;border-radius:999px;overflow:hidden;accent-color:var(--brand)}.tts-audio-result{display:grid;gap:10px;margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.tts-audio-result audio{width:100%}.tts-audio-meta{display:flex;gap:8px;flex-wrap:wrap}.tts-audio-meta span{padding:6px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:10px}.tts-audio-meta b{color:var(--text)}.tts-privacy-card{display:flex;align-items:flex-start;gap:13px;border-color:color-mix(in srgb,var(--success) 28%,var(--line));background:color-mix(in srgb,var(--success) 5%,var(--panel))}.tts-privacy-card>span{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:7px;background:color-mix(in srgb,var(--success) 13%,var(--panel));color:var(--success)}.tts-privacy-card b{display:block;margin-bottom:3px}.tts-privacy-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}@media(max-width:680px){.tts-editor-card,.tts-control-card,.tts-export-card,.tts-privacy-card{padding:15px;border-radius:9px}.tts-card-head,.tts-section-title{display:grid}.tts-local-badge,.tts-mode-chip{justify-self:start}.tts-text{min-height:210px}.tts-control-grid{grid-template-columns:1fr}.tts-control-grid .full{grid-column:auto}.tts-quick-actions,.tts-actions{display:grid}.tts-quick-actions .btn,.tts-actions .btn{width:100%}.tts-privacy-card{grid-template-columns:auto 1fr;display:grid}}

/* EXIF & File Metadata Viewer */
.metadata-viewer{display:grid;gap:22px}.mv-hero{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px;padding:28px;border:1px solid var(--border);border-radius:13px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 94%,#22c55e 6%),var(--panel));overflow:hidden}.mv-hero h2{font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.08;margin:14px 0 10px;max-width:760px}.mv-hero>div>p{color:var(--muted);font-size:1.02rem;line-height:1.7;max-width:790px}.mv-hero aside{align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:9px;padding:22px;border:1px solid color-mix(in srgb,var(--border) 75%,#22c55e);border-radius:10px;background:color-mix(in srgb,var(--panel) 82%,#22c55e 18%)}.mv-hero aside>i{font-size:2rem;color:#16a34a}.mv-hero aside b{font-size:1.05rem}.mv-hero aside p{color:var(--muted);line-height:1.55;margin:0}.mv-format-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.mv-format-list span,.mv-file-tags span{padding:6px 9px;border:1px solid var(--border);border-radius:999px;background:var(--panel);font-size:.78rem;color:var(--muted)}.mv-drop{min-height:310px;border:2px dashed color-mix(in srgb,var(--border) 65%,#16a34a);border-radius:13px;background:color-mix(in srgb,var(--panel) 97%,#16a34a 3%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px;cursor:pointer;transition:.2s}.mv-drop:hover,.mv-drop:focus,.mv-drop.drag{border-color:#16a34a;background:color-mix(in srgb,var(--panel) 90%,#16a34a 10%);transform:translateY(-2px);outline:none}.mv-drop>i{font-size:3.2rem;color:#16a34a;margin-bottom:12px}.mv-drop h3{font-size:1.4rem;margin:0 0 5px}.mv-drop p{color:var(--muted);margin:0 0 18px}.mv-drop small{color:var(--muted);margin-top:14px}.mv-work{display:grid;gap:18px}.mv-file-card{display:grid;grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px;border:1px solid var(--border);border-radius:11px;background:var(--panel)}.mv-preview{width:110px;height:90px;border-radius:8px;background:var(--bg);display:grid;place-items:center;overflow:hidden}.mv-preview>i{font-size:2.5rem;color:#16a34a}.mv-preview img{width:100%;height:100%;object-fit:cover}.mv-file-main>span{font-size:.78rem;color:#16a34a;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.mv-file-main h3{margin:4px 0;overflow-wrap:anywhere}.mv-file-main p{margin:0;color:var(--muted)}.mv-file-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.mv-progress{padding:16px 18px;border:1px solid var(--border);border-radius:9px;background:var(--panel)}.mv-progress>div{display:flex;justify-content:space-between;gap:15px;margin-bottom:9px}.mv-progress span{color:var(--muted)}.mv-progress progress{width:100%;accent-color:#16a34a}.mv-results{display:grid;gap:18px}.mv-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.mv-toolbar label{min-width:240px;flex:1;display:flex;gap:10px;align-items:center;border:1px solid var(--border);border-radius:7px;padding:0 12px;background:var(--panel)}.mv-toolbar label:focus-within{border-color:#16a34a;box-shadow:0 0 0 3px color-mix(in srgb,#16a34a 18%,transparent)}.mv-toolbar input{width:100%;padding:12px 0;border:0;outline:0;background:transparent;color:var(--text)}.mv-gps{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 18px;border:1px solid color-mix(in srgb,var(--border) 65%,#0ea5e9);border-radius:9px;background:color-mix(in srgb,var(--panel) 91%,#0ea5e9 9%)}.mv-gps>i{font-size:1.8rem;color:#0284c7}.mv-gps div{display:grid;gap:3px}.mv-gps span{color:var(--muted);font-size:.88rem}.mv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.mv-section{border:1px solid var(--border);border-radius:10px;background:var(--panel);overflow:hidden}.mv-section>header{display:flex;align-items:center;gap:12px;padding:15px 16px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--panel) 94%,#16a34a 6%)}.mv-section>header>span{width:38px;height:38px;display:grid;place-items:center;border-radius:7px;background:color-mix(in srgb,#16a34a 16%,transparent);color:#16a34a}.mv-section h3{font-size:1rem;margin:0}.mv-section header p{font-size:.78rem;color:var(--muted);margin:2px 0 0}.mv-table{max-height:460px;overflow:auto}.mv-row{display:grid;grid-template-columns:minmax(120px,38%) minmax(0,1fr);gap:14px;padding:11px 15px;border-bottom:1px solid var(--border);font-size:.84rem}.mv-row:last-child{border-bottom:0}.mv-row>span{color:var(--muted);overflow-wrap:anywhere}.mv-row>b{font-weight:650;white-space:pre-wrap;overflow-wrap:anywhere}.mv-raw{border:1px solid var(--border);border-radius:9px;background:var(--panel);overflow:hidden}.mv-raw summary{cursor:pointer;padding:15px 18px;font-weight:800}.mv-raw pre{max-height:520px;overflow:auto;margin:0;padding:18px;border-top:1px solid var(--border);background:var(--bg);font-size:.78rem;white-space:pre-wrap;overflow-wrap:anywhere}.mv-empty{padding:18px;text-align:center;color:var(--muted)}.mv-help{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mv-help article{padding:20px;border:1px solid var(--border);border-radius:10px;background:var(--panel)}.mv-help article>i{font-size:1.5rem;color:#16a34a}.mv-help h3{margin:12px 0 7px}.mv-help p{margin:0;color:var(--muted);line-height:1.55;font-size:.9rem}
@media(max-width:860px){.mv-hero{grid-template-columns:1fr}.mv-hero aside{min-height:0}.mv-grid{grid-template-columns:1fr}.mv-help{grid-template-columns:1fr}.mv-file-card{grid-template-columns:82px minmax(0,1fr)}.mv-preview{width:82px;height:76px}.mv-file-card>.btn{grid-column:1/-1}.mv-gps{grid-template-columns:auto 1fr}.mv-gps>.btn{grid-column:1/-1}}
@media(max-width:560px){.mv-hero{padding:20px}.mv-drop{min-height:260px;padding:22px 15px}.mv-file-card{grid-template-columns:1fr}.mv-preview{width:100%;height:150px}.mv-toolbar{align-items:stretch}.mv-toolbar label,.mv-toolbar .btn{width:100%}.mv-row{grid-template-columns:1fr;gap:4px}.mv-gps{grid-template-columns:1fr}.mv-gps>i{font-size:1.5rem}}
/* CSP-safe color picker swatches: dynamic colors use SVG fill attributes, not inline style attributes. */
.color-swatch,.color-preview-pill,.color-contrast-demo{position:relative;overflow:hidden}.color-swatch>*:not(.color-swatch-bg),.color-preview-pill>span,.color-contrast-demo>span{position:relative;z-index:1}.color-swatch-bg,.color-pill-bg,.color-demo-bg{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.color-tone-dark{color:#fff}.color-tone-light{color:#0f172a}.color-preview-pill{display:inline-flex;align-items:center;justify-content:center;min-width:92px;min-height:40px}.color-preview-pill>span{font-weight:800}.color-contrast-demo{min-height:86px}.color-contrast-demo>span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:14px;text-align:center;font-weight:800}
/* YAML ↔ JSON Studio */
.yaml-json-studio,.slug-studio{display:grid;gap:15px}.yaml-json-hero,.slug-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(135deg,var(--panel-soft),var(--panel));overflow:hidden;position:relative}.yaml-json-hero:before,.slug-hero:before{content:'';position:absolute;right:-90px;bottom:-140px;width:300px;height:300px;border-radius:50%;background:linear-gradient(135deg,var(--brand),#22c55e,#a78bfa);opacity:.09;pointer-events:none}.yaml-json-hero h2,.slug-hero h2{margin:9px 0 7px;font-size:clamp(23px,3.2vw,36px);line-height:1.06;letter-spacing:-.05em}.yaml-json-hero p,.slug-hero p{max-width:780px;margin:0}.yaml-json-hero-stat,.slug-hero-stat{position:relative;z-index:1;min-width:150px;padding:15px;border:1px solid var(--line);border-radius:9px;background:var(--panel);display:grid;gap:4px;text-align:center;box-shadow:0 14px 30px rgba(15,23,42,.06)}.yaml-json-hero-stat b,.slug-hero-stat b{font-size:24px;letter-spacing:-.04em}.yaml-json-hero-stat span,.slug-hero-stat span,.slug-kicker,.yaml-pane-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:var(--muted)}.yaml-json-toolbar{display:flex;align-items:end;gap:14px;flex-wrap:wrap;padding:14px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.yaml-json-mode{display:grid;gap:6px;min-width:190px}.yaml-json-mode label,.yaml-json-option-fields label{font-size:11px;font-weight:800;color:var(--muted)}.yaml-json-options{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.yaml-json-options label{display:flex;align-items:center;gap:7px;padding:10px 11px;border:1px solid var(--line);border-radius:6px;background:var(--panel-soft);font-size:12px;font-weight:700}.yaml-json-actions{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}.yaml-json-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);gap:10px;align-items:center}.yaml-json-pane{min-width:0;border:1px solid var(--line);border-radius:10px;background:var(--panel-soft);padding:16px}.yaml-json-pane header,.slug-input-card header,.slug-result-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:11px}.yaml-json-pane h3,.slug-input-card h3,.slug-options-card h3,.slug-result-card h3,.yaml-json-help h3,.slug-tips h3{margin:4px 0 0;font-size:17px;letter-spacing:-.025em}.yaml-json-pane header>span,.slug-input-card header>span{font-size:11px;color:var(--muted);font-weight:800}.yaml-code-area{display:block;width:100%;min-height:350px;resize:vertical;font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;tab-size:2}.yaml-json-pane footer{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.yaml-json-pane footer .btn{min-height:36px;padding:8px 10px;font-size:11px}.yaml-json-transfer{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--brand);font-weight:900}.yaml-json-status{display:flex;align-items:flex-start;gap:10px;padding:13px 15px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.yaml-json-status.is-ok{border-color:color-mix(in srgb,#22c55e 38%,var(--line))}.yaml-json-status.is-error{border-color:color-mix(in srgb,#ef4444 42%,var(--line));background:color-mix(in srgb,#ef4444 5%,var(--panel))}.yaml-status-dot{flex:0 0 auto;width:11px;height:11px;margin-top:4px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 12%,transparent)}.is-ok .yaml-status-dot{background:#22c55e}.is-error .yaml-status-dot{background:#ef4444}.yaml-json-status b{font-size:13px}.yaml-json-status p{margin:3px 0 0;color:var(--muted);font-size:12px}.yaml-json-help,.slug-tips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.yaml-json-help>div,.slug-tips>div{padding:15px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.yaml-json-help p,.slug-tips p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.6}
/* Slug Generator Studio */
.slug-workspace{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr);gap:15px}.slug-input-card,.slug-options-card,.slug-result-card{min-width:0;padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--panel-soft)}.slug-input-card{background:var(--panel)}.slug-source-area{min-height:230px;resize:vertical;font-size:15px;line-height:1.65}.slug-actions,.slug-result-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.slug-actions .btn,.slug-result-actions .btn{min-height:40px}.slug-options-card header{margin-bottom:10px}.slug-option{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:63px;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);cursor:pointer}.slug-option+.slug-option{margin-top:8px}.slug-option span{display:grid;gap:3px}.slug-option b{font-size:12px}.slug-option small{font-size:10px;color:var(--muted)}.slug-option input{width:18px;height:18px;accent-color:var(--brand)}.slug-option-fields{display:grid;gap:6px;margin-top:12px}.slug-option-fields label{font-size:11px;font-weight:800;color:var(--muted)}.slug-option-fields .field{min-height:42px}.slug-url-preview{display:flex;align-items:center;gap:0;min-width:0;margin-top:13px;padding:15px;border:1px solid var(--line);border-radius:8px;background:var(--panel);font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto;white-space:nowrap}.slug-url-preview span{color:var(--muted)}.slug-url-preview strong{color:var(--brand)}.slug-status{padding:6px 9px;border-radius:999px;background:color-mix(in srgb,var(--brand) 10%,var(--panel));color:var(--brand);font-size:10px;font-weight:900}.slug-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:13px}.slug-metrics>div{padding:11px;border:1px solid var(--line);border-radius:7px;background:var(--panel);display:grid;gap:4px}.slug-metrics span{font-size:10px;color:var(--muted);font-weight:800}.slug-metrics b{font-size:17px;letter-spacing:-.03em}.slug-tips ul{display:grid;gap:8px;margin:10px 0 0;padding:0;list-style:none}.slug-tips li{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.slug-tips li span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgba(34,197,94,.13);color:#16a34a;font-weight:900}.slug-tips li.is-warn span{background:rgba(245,158,11,.14);color:#d97706}@media(max-width:920px){.yaml-json-editor-grid{grid-template-columns:1fr}.yaml-json-transfer{margin:auto;transform:rotate(90deg)}.slug-workspace{grid-template-columns:1fr}}@media(max-width:640px){.yaml-json-hero,.slug-hero{display:grid}.yaml-json-hero,.slug-hero,.yaml-json-pane,.slug-input-card,.slug-options-card,.slug-result-card{padding:14px}.yaml-json-hero-stat,.slug-hero-stat{min-width:0}.yaml-json-toolbar{display:grid;align-items:stretch}.yaml-json-actions{margin-left:0;display:grid}.yaml-json-actions .btn,.yaml-json-pane footer .btn,.slug-actions .btn,.slug-result-actions .btn{width:100%}.yaml-json-options{display:grid}.yaml-json-options label{justify-content:space-between}.yaml-code-area{min-height:250px}.yaml-json-help,.slug-tips{grid-template-columns:1fr}.slug-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.slug-url-preview{font-size:11px}.slug-actions,.slug-result-actions{display:grid}}

/* 2026-10-11: shared switch contract + developer-grade SQL Formatter */
.ui-switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft);cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.ui-switch-row:hover{border-color:color-mix(in srgb,var(--brand) 42%,var(--line));background:color-mix(in srgb,var(--brand) 4%,var(--panel));transform:translateY(-1px)}.ui-switch-row>span:first-child{display:grid;gap:2px;min-width:0}.ui-switch-row b{font-size:12px}.ui-switch-row small{color:var(--muted);font-size:10px;line-height:1.35}.ui-switch-control{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto}.ui-switch-state{min-width:20px;color:var(--muted);font-size:10px;font-weight:900;text-align:right}.ui-switch-row:has(input:checked){border-color:color-mix(in srgb,var(--switch-on) 32%,var(--line))}.ui-switch-row:has(input:checked) .ui-switch-state{color:var(--switch-on)}.ui-switch-row.compact{min-height:50px;padding:8px 10px;background:var(--panel)}
.yaml-json-options .ui-switch-row{min-width:190px}.yaml-json-options .ui-switch-row input{width:1px;height:1px;margin:0}.yaml-json-options .ui-switch-row b{font-size:11px}.yaml-json-options .ui-switch-row small{font-size:9px}
.sql-studio{display:grid;gap:15px}.sql-hero,.sql-config-panel,.sql-editor-card,.sql-audit-card,.sql-status{border:1px solid var(--line);border-radius:10px;background:var(--panel)}.sql-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px;overflow:hidden;position:relative;background:linear-gradient(135deg,var(--panel-soft),var(--panel))}.sql-hero:before{content:"";position:absolute;right:-90px;bottom:-150px;width:320px;height:320px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#8b5cf6,#22c55e);opacity:.08;pointer-events:none}.sql-hero h2{margin:9px 0 7px;font-size:clamp(24px,3.4vw,38px);line-height:1.06;letter-spacing:-.05em}.sql-hero p{max-width:800px;margin:0}.sql-engine-card{position:relative;z-index:1;min-width:155px;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--panel);display:grid;justify-items:center;gap:5px;text-align:center;box-shadow:0 16px 36px rgba(15,23,42,.07)}.sql-engine-card i{display:grid;place-items:center;width:38px;height:38px;border-radius:7px;background:color-mix(in srgb,var(--brand) 11%,var(--panel));color:var(--brand)}.sql-engine-card b{font-size:19px;letter-spacing:-.03em}.sql-engine-card span,.sql-kicker{color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.sql-config-panel{padding:14px;background:var(--panel-soft)}.sql-config-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sql-config-fields label{display:grid;gap:6px}.sql-config-fields label>span{color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.sql-config-fields .field{min-height:43px}.sql-switch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.sql-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.sql-editor-card{min-width:0;padding:16px}.sql-output-card{background:var(--panel-soft)}.sql-editor-card header,.sql-audit-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.sql-editor-card h3,.sql-audit-card h3{margin:4px 0 0;font-size:17px;letter-spacing:-.025em}.sql-editor-card header>span{color:var(--muted);font-size:10px;font-weight:800}.sql-code-area{display:block;width:100%;min-height:390px;resize:vertical;font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;tab-size:2;white-space:pre}.sql-editor-card footer{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.sql-editor-card footer .btn{min-height:36px;padding:8px 10px;font-size:10px}.sql-file-btn{position:relative;overflow:hidden}.sql-file-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}.sql-primary-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.sql-primary-actions .btn{min-height:43px}.sql-shortcut{margin-left:auto;color:var(--muted);font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.sql-dashboard{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:15px}.sql-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.sql-metrics>div{display:grid;gap:4px;min-width:0;padding:13px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.sql-metrics span{color:var(--muted);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.sql-metrics b{overflow-wrap:anywhere;font-size:16px;letter-spacing:-.025em}.sql-audit-card{padding:15px;background:var(--panel-soft)}.sql-warning-list{display:grid;gap:7px}.sql-warning{display:flex;align-items:flex-start;gap:8px;padding:9px 10px;border:1px solid var(--line);border-radius:6px;background:var(--panel);font-size:11px;line-height:1.45}.sql-warning i{margin-top:2px}.sql-warning.danger{border-color:rgba(239,68,68,.35);color:#dc2626}.sql-warning.warn{border-color:rgba(245,158,11,.4);color:#b45309}.sql-warning.ok{border-color:rgba(34,197,94,.35);color:#16a34a}.sql-warning.info i{color:var(--brand)}.sql-status{display:flex;align-items:flex-start;gap:10px;padding:13px 15px}.sql-status>i{margin-top:2px;color:var(--brand)}.sql-status.success{border-color:color-mix(in srgb,#22c55e 38%,var(--line))}.sql-status.success>i{color:#16a34a}.sql-status.error{border-color:color-mix(in srgb,#ef4444 42%,var(--line));background:color-mix(in srgb,#ef4444 5%,var(--panel))}.sql-status.error>i{color:#dc2626}.sql-status b{font-size:13px}.sql-status p{margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.5}
@media(max-width:1050px){.sql-config-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.sql-dashboard{grid-template-columns:1fr}.sql-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.sql-hero{display:grid}.sql-engine-card{min-width:0}.sql-editor-grid{grid-template-columns:1fr}.sql-code-area{min-height:300px}}
@media(max-width:620px){.sql-hero,.sql-config-panel,.sql-editor-card,.sql-audit-card{padding:14px;border-radius:9px}.sql-config-fields,.sql-switch-grid{grid-template-columns:1fr}.sql-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sql-primary-actions,.sql-editor-card footer{display:grid;grid-template-columns:1fr}.sql-primary-actions .btn,.sql-editor-card footer .btn{width:100%}.sql-shortcut{margin:2px 0 0;text-align:center}.sql-code-area{min-height:260px}.yaml-json-options .ui-switch-row{min-width:0;width:100%}}

/* 2026-10-11: Precision Time Studio + Zakat Planning Studio */
.time-studio,.zakat-studio{display:grid;gap:16px}.time-hero,.time-panel,.time-note,.zakat-hero,.zakat-form-card,.zakat-result-card,.zakat-guide{border:1px solid var(--line);border-radius:11px;background:var(--panel)}.time-hero,.zakat-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:22px;overflow:hidden;padding:21px;background:linear-gradient(135deg,var(--panel-soft),var(--panel))}.time-hero:before,.zakat-hero:before{content:"";position:absolute;right:-100px;bottom:-175px;width:360px;height:360px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#8b5cf6,#22c55e);opacity:.09;pointer-events:none}.time-hero h2,.zakat-hero h2{margin:10px 0 7px;font-size:clamp(25px,3.4vw,39px);line-height:1.04;letter-spacing:-.055em}.time-hero p,.zakat-hero p{max-width:790px;margin:0}.time-live-card,.zakat-hero-result{position:relative;z-index:1;display:grid;justify-items:center;gap:4px;min-width:210px;padding:17px;border:1px solid var(--line);border-radius:10px;background:var(--panel);text-align:center;box-shadow:0 16px 38px rgba(15,23,42,.08)}.time-live-card span,.zakat-hero-result span,.time-kicker,.zakat-kicker{color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.time-live-card b{font:800 23px/1.15 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:-.045em}.zakat-hero-result b{color:var(--success);font-size:23px;letter-spacing:-.045em}.time-live-card small,.zakat-hero-result small{color:var(--muted);font-size:10px;font-weight:800}.time-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:6px;border:1px solid var(--line);border-radius:9px;background:var(--panel-soft)}.time-tabs button,.zakat-tabs button{border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer;font:800 12px inherit;transition:background .18s ease,color .18s ease,transform .18s ease}.time-tabs button{min-height:43px}.time-tabs button:hover,.zakat-tabs button:hover{color:var(--brand);transform:translateY(-1px)}.time-tabs button.active,.zakat-tabs button.active{background:var(--panel);color:var(--brand);box-shadow:0 7px 18px rgba(15,23,42,.07)}.time-tabs i,.zakat-tabs i{margin-right:7px}.time-panel{padding:18px;background:var(--panel-soft)}.time-panel[hidden]{display:none}.time-stage,.timer-stage{display:grid;justify-items:center;padding:26px 18px;border:1px solid var(--line);border-radius:10px;background:var(--panel);text-align:center}.time-status-line{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:11px}.time-status-line b{color:var(--text)}.time-status-line>span:last-child:before{content:"·";margin-right:8px}.time-dot{width:9px;height:9px;border-radius:50%;background:var(--subtle);box-shadow:0 0 0 5px color-mix(in srgb,var(--subtle) 12%,transparent)}.time-dot.running{background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.14);animation:timePulse 1.2s ease-in-out infinite}@keyframes timePulse{50%{box-shadow:0 0 0 9px rgba(34,197,94,.03)}}.time-display{margin:18px 0 20px;font:800 clamp(42px,8vw,82px)/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:-.075em;font-variant-numeric:tabular-nums}.time-main-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.time-main-actions .btn{min-height:44px;min-width:105px}.time-main-btn{min-width:138px!important}.time-shortcuts{margin-top:16px;color:var(--muted);font-size:10px}.time-shortcuts kbd{display:inline-grid;place-items:center;min-width:25px;height:23px;margin:0 3px 0 8px;padding:0 6px;border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:4px;background:var(--panel-soft);color:var(--text);font:800 10px ui-monospace,SFMono-Regular,Menlo,monospace}.lap-workspace{margin-top:14px;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.lap-workspace>header,.timer-controls>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}.lap-workspace h3,.timer-controls h3{margin:4px 0 0;font-size:18px;letter-spacing:-.03em}.lap-actions{display:flex;gap:7px}.lap-actions .btn{min-height:34px;padding:7px 10px;font-size:10px}.lap-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:11px}.lap-metrics>div{display:grid;gap:3px;padding:11px;border:1px solid var(--line);border-radius:7px;background:var(--panel-soft)}.lap-metrics span{color:var(--muted);font-size:9px;font-weight:900;text-transform:uppercase}.lap-metrics b{overflow-wrap:anywhere;font:800 14px ui-monospace,SFMono-Regular,Menlo,monospace}.lap-table-wrap{max-height:315px;overflow:auto;border:1px solid var(--line);border-radius:8px}.lap-table{width:100%;border-collapse:collapse;background:var(--panel);font-size:11px}.lap-table th,.lap-table td{padding:11px 13px;border-bottom:1px solid var(--line);text-align:right;font-variant-numeric:tabular-nums}.lap-table th:first-child,.lap-table td:first-child{text-align:left}.lap-table thead th{position:sticky;top:0;z-index:1;background:var(--panel-soft);color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.07em}.lap-table tbody tr:last-child td{border-bottom:0}.lap-table td{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.lap-table td:first-child{font-family:inherit}.lap-table td:first-child small{display:inline-block;margin-left:7px;padding:3px 5px;border-radius:999px;background:color-mix(in srgb,var(--brand) 11%,var(--panel));color:var(--brand);font-size:7px}.lap-table tr.best{background:color-mix(in srgb,#22c55e 6%,var(--panel))}.lap-table tr.slow{background:color-mix(in srgb,#f59e0b 6%,var(--panel))}.lap-table .positive{color:#d97706}.lap-table .negative{color:#16a34a}.lap-empty{height:80px!important;color:var(--muted);text-align:center!important;font-family:inherit!important}.timer-layout{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);gap:14px}.timer-stage{align-content:center}.timer-ring{--progress:360deg;display:grid;place-items:center;width:min(270px,70vw);aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--brand) var(--progress),color-mix(in srgb,var(--muted) 13%,transparent) 0);position:relative}.timer-ring:before{content:"";position:absolute;inset:13px;border-radius:inherit;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line)}.timer-ring>div{position:relative;z-index:1;display:grid;gap:6px}.timer-ring span{font:800 clamp(31px,5vw,48px)/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.07em}.timer-ring small{color:var(--muted);font-size:11px;font-weight:900}.timer-end{min-height:17px;margin:15px 0 13px;color:var(--muted);font-size:11px;font-weight:700}.timer-controls{padding:17px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.timer-input-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.timer-input-grid label{display:grid;gap:6px}.timer-input-grid label>span{color:var(--muted);font-size:9px;font-weight:900;text-transform:uppercase}.timer-input-grid input{text-align:center;font:800 20px ui-monospace,SFMono-Regular,Menlo,monospace}.timer-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px}.timer-presets button{min-height:38px;border:1px solid var(--line);border-radius:6px;background:var(--panel-soft);color:var(--text);cursor:pointer;font-size:10px;font-weight:900}.timer-presets button:hover{border-color:var(--brand);color:var(--brand)}.timer-switches{display:grid;gap:8px;margin-top:11px}.timer-session{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:11px 12px;border:1px dashed var(--line-strong);border-radius:7px;color:var(--muted);font-size:11px;font-weight:800}.timer-session b{color:var(--brand);font-size:20px}.time-note{display:flex;align-items:flex-start;gap:11px;padding:14px 16px;background:var(--panel-soft)}.time-note>i{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:7px;background:color-mix(in srgb,var(--brand) 11%,var(--panel));color:var(--brand)}.time-note b{font-size:13px}.time-note p{margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.55}
.zakat-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:6px;border:1px solid var(--line);border-radius:9px;background:var(--panel-soft)}.zakat-tabs button{display:grid;place-items:center;align-content:center;gap:5px;min-height:56px;padding:7px}.zakat-tabs button i{margin:0;font-size:14px}.zakat-tabs button span{font-size:10px}.zakat-workspace{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:15px;align-items:start}.zakat-form-card,.zakat-result-card{padding:18px}.zakat-form-card>header{margin-bottom:14px}.zakat-form-card h3{margin:5px 0 5px;font-size:21px;letter-spacing:-.035em}.zakat-form-card header p{margin:0;line-height:1.55}.zakat-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.zakat-fields>label:not(.ui-switch-row){display:grid;align-content:start;gap:6px}.zakat-fields>label>span{font-size:11px;font-weight:800}.zakat-fields>label>small{color:var(--muted);font-size:9px;line-height:1.45}.zakat-fields .field{min-height:43px}.zakat-switch{grid-column:1/-1}.zakat-result-card{position:sticky;top:88px;background:linear-gradient(180deg,var(--panel),var(--panel-soft))}.zakat-status{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.zakat-status>i{display:grid;place-items:center;width:32px;height:32px;border-radius:6px;background:color-mix(in srgb,var(--brand) 10%,var(--panel));color:var(--brand)}.zakat-status span{display:block;color:var(--muted);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.zakat-status b{display:block;margin-top:2px;font-size:13px}.zakat-status.due{border-color:color-mix(in srgb,#22c55e 34%,var(--line))}.zakat-status.due>i{background:rgba(34,197,94,.11);color:#16a34a}.zakat-main-amount{display:grid;justify-items:center;padding:23px 10px 18px;text-align:center}.zakat-main-amount>span{color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.zakat-main-amount>b{margin:6px 0;color:var(--success);font-size:clamp(29px,4vw,42px);letter-spacing:-.055em}.zakat-main-amount>small{color:var(--muted);font-size:10px}.zakat-breakdown{display:grid;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.zakat-breakdown>div{display:flex;align-items:flex-start;justify-content:space-between;gap:13px;padding:10px 11px;border-bottom:1px solid var(--line)}.zakat-breakdown>div:last-child{border-bottom:0}.zakat-breakdown span{color:var(--muted);font-size:10px}.zakat-breakdown b{max-width:62%;font-size:11px;text-align:right;overflow-wrap:anywhere}.zakat-breakdown .formula{display:grid;gap:5px;background:var(--panel-soft)}.zakat-breakdown .formula b{max-width:100%;color:var(--brand);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-align:left}.zakat-progress{margin-top:13px}.zakat-progress>div{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px;color:var(--muted);font-size:10px;font-weight:800}.zakat-progress>div b{color:var(--text)}.zakat-progress>span{display:block;height:9px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--muted) 14%,transparent)}.zakat-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),#22c55e);transition:width .25s ease}.zakat-result-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px}.zakat-result-actions .btn{min-height:40px}.zakat-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;background:var(--line)}.zakat-guide article{display:flex;align-items:flex-start;gap:10px;padding:15px;background:var(--panel)}.zakat-guide article>i{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:7px;background:color-mix(in srgb,var(--brand) 10%,var(--panel-soft));color:var(--brand)}.zakat-guide b{font-size:12px}.zakat-guide p{margin:3px 0 0;color:var(--muted);font-size:10px;line-height:1.5}
@media(max-width:1040px){.timer-layout,.zakat-workspace{grid-template-columns:1fr}.zakat-result-card{position:static}.zakat-guide{grid-template-columns:1fr}.zakat-guide article+article{border-top:1px solid var(--line)}}
@media(max-width:780px){.time-hero,.zakat-hero{display:grid}.time-live-card,.zakat-hero-result{min-width:0}.lap-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.zakat-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.zakat-fields{grid-template-columns:1fr}.zakat-switch{grid-column:auto}.time-display{font-size:clamp(37px,10vw,62px)}}
@media(max-width:560px){.time-hero,.time-panel,.time-stage,.timer-stage,.timer-controls,.lap-workspace,.time-note,.zakat-hero,.zakat-form-card,.zakat-result-card{padding:14px;border-radius:9px}.time-tabs{grid-template-columns:1fr}.time-main-actions,.lap-actions,.zakat-result-actions{display:grid;grid-template-columns:1fr;width:100%}.time-main-actions .btn,.lap-actions .btn,.zakat-result-actions .btn{width:100%}.time-shortcuts{display:none}.time-status-line{flex-wrap:wrap}.time-display{margin:18px 0;font-size:clamp(31px,10.5vw,50px)}.lap-workspace>header,.timer-controls>header{display:grid}.lap-metrics{grid-template-columns:1fr 1fr}.lap-table{min-width:520px}.timer-input-grid,.timer-presets{grid-template-columns:repeat(3,minmax(0,1fr))}.timer-ring{width:min(230px,75vw)}.zakat-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.zakat-tabs button:last-child{grid-column:1/-1}.zakat-breakdown>div{display:grid}.zakat-breakdown b{max-width:100%;text-align:left}.zakat-hero-result b{font-size:20px}}

/* 2026-10-11: Focus Cycle, PPN Transaction, and Invoice Studios */
.pomo-studio,.tax-studio,.invoice-studio{display:grid;gap:16px}.pomo-hero,.tax-hero,.invoice-toolbar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:hidden;padding:20px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(135deg,var(--panel-soft),var(--panel))}.pomo-hero:before,.tax-hero:before{content:"";position:absolute;right:-70px;bottom:-150px;width:330px;height:330px;border-radius:50%;background:linear-gradient(135deg,#ef4444,#f59e0b,#8b5cf6);opacity:.08}.pomo-hero h2,.tax-hero h2,.invoice-toolbar h2{margin:9px 0 7px;font-size:clamp(24px,3vw,37px);line-height:1.05;letter-spacing:-.05em}.pomo-hero p,.tax-hero p{max-width:750px;margin:0}.pomo-today,.tax-hero-total{position:relative;z-index:1;display:grid;justify-items:center;min-width:190px;padding:16px;border:1px solid var(--line);border-radius:9px;background:var(--panel);box-shadow:0 15px 35px rgba(15,23,42,.07)}.pomo-today span,.tax-hero-total span,.pomo-kicker,.tax-kicker{color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.pomo-today b,.tax-hero-total b{margin:4px 0;font-size:24px;letter-spacing:-.045em}.pomo-today small,.tax-hero-total small{color:var(--muted);font-size:10px;font-weight:800}.pomo-layout,.tax-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:15px;align-items:start}.pomo-clock-card,.pomo-settings,.pomo-stats,.pomo-history,.tax-card,.tax-result,.tax-batch,.tax-compare{padding:17px;border:1px solid var(--line);border-radius:11px;background:var(--panel)}.pomo-mode-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:5px;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft)}.pomo-mode-tabs button{min-height:41px;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;font-size:10px;font-weight:900}.pomo-mode-tabs button.active{background:var(--panel);color:var(--brand);box-shadow:0 6px 17px rgba(15,23,42,.07)}.pomo-ring{--pomo-progress:0deg;display:grid;place-items:center;width:min(300px,74vw);aspect-ratio:1;margin:23px auto 16px;border-radius:50%;background:conic-gradient(#ef4444 var(--pomo-progress),color-mix(in srgb,var(--muted) 13%,transparent) 0);position:relative}.pomo-ring:before{content:"";position:absolute;inset:13px;border-radius:inherit;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line)}.pomo-ring>div{position:relative;z-index:1;display:grid;justify-items:center}.pomo-ring span{color:#ef4444;font-size:9px;font-weight:900;letter-spacing:.12em}.pomo-ring b{margin:7px 0;font:800 clamp(50px,8vw,72px)/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.08em}.pomo-ring small{color:var(--muted);font-size:10px;font-weight:800}.pomo-task{display:grid;gap:6px;max-width:470px;margin:auto}.pomo-task>span{font-size:10px;font-weight:900}.pomo-task input{text-align:center}.pomo-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:14px}.pomo-actions .btn{min-height:42px}.pomo-finish{min-height:18px;margin-top:12px;color:var(--muted);font-size:10px;font-weight:800;text-align:center}.pomo-side{display:grid;gap:11px}.pomo-settings header,.pomo-history header,.tax-card>header,.tax-batch>header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:13px}.pomo-settings h3,.pomo-history h3,.tax-card h3,.tax-batch h3,.tax-compare h3{margin:4px 0 0;font-size:17px}.pomo-setting-grid,.tax-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pomo-setting-grid label,.tax-fields label{display:grid;gap:5px}.pomo-setting-grid span,.tax-fields label>span{color:var(--muted);font-size:9px;font-weight:900;text-transform:uppercase}.tax-fields small{color:var(--muted);font-size:9px;line-height:1.4}.pomo-switches{display:grid;gap:7px;margin-top:10px}.pomo-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;background:var(--panel-soft)}.pomo-stats>div{display:grid;gap:3px;padding:10px;border:1px solid var(--line);border-radius:7px;background:var(--panel)}.pomo-stats span{color:var(--muted);font-size:8px;font-weight:900;text-transform:uppercase}.pomo-stats b{font-size:20px}.pomo-history header>div:last-child{display:flex;gap:7px}.pomo-history-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.pomo-history-list article{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:7px;background:var(--panel-soft)}.pomo-history-list article>i{display:grid;place-items:center;width:34px;height:34px;border-radius:6px;background:rgba(239,68,68,.09);color:#ef4444}.pomo-history-list b,.pomo-history-list span{display:block}.pomo-history-list b{font-size:11px}.pomo-history-list span{margin-top:3px;color:var(--muted);font-size:8px}.pomo-history-list strong{font-size:13px}.pomo-history-list>p{grid-column:1/-1;margin:0;color:var(--muted);font-size:11px}.tax-card,.tax-batch{background:var(--panel-soft)}.tax-fields label{padding:10px;border:1px solid var(--line);border-radius:7px;background:var(--panel)}.tax-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:10px}.tax-presets button{min-height:37px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--text);cursor:pointer;font-size:10px;font-weight:900}.tax-presets button.active,.tax-presets button:hover{border-color:var(--brand);color:var(--brand)}.tax-result{position:sticky;top:88px;background:linear-gradient(180deg,var(--panel),var(--panel-soft))}.tax-status{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:7px;background:var(--panel)}.tax-status>i{display:grid;place-items:center;width:34px;height:34px;border-radius:6px;background:color-mix(in srgb,var(--brand) 10%,var(--panel));color:var(--brand)}.tax-status span{display:block;color:var(--muted);font-size:8px;font-weight:900;text-transform:uppercase}.tax-status b{display:block;margin-top:2px;font-size:12px}.tax-main{display:grid;justify-items:center;padding:22px 8px 16px;text-align:center}.tax-main>span{color:var(--muted);font-size:9px;font-weight:900;text-transform:uppercase}.tax-main>b{margin:5px 0;color:var(--success);font-size:clamp(27px,4vw,39px);letter-spacing:-.05em}.tax-main small{max-width:100%;color:var(--muted);font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.tax-breakdown{display:grid;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:var(--panel)}.tax-breakdown>div{display:flex;justify-content:space-between;gap:10px;padding:9px 10px;border-bottom:1px solid var(--line)}.tax-breakdown>div:last-child{border-bottom:0}.tax-breakdown span{color:var(--muted);font-size:9px}.tax-breakdown b{font-size:10px;text-align:right}.tax-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.tax-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px}.tax-batch table{width:100%;min-width:750px;border-collapse:collapse;background:var(--panel)}.tax-batch th,.tax-batch td{padding:8px;border-bottom:1px solid var(--line);text-align:left}.tax-batch th{background:var(--panel-soft);color:var(--muted);font-size:8px;text-transform:uppercase}.tax-batch td:nth-child(2),.tax-batch td:nth-child(4){width:90px}.tax-batch td:nth-child(3){width:150px}.tax-batch td:nth-child(5){width:150px}.tax-batch td:last-child{width:48px}.tax-batch td b,.tax-batch td small{display:block}.tax-batch td b{font-size:10px}.tax-batch td small{margin-top:2px;color:var(--muted);font-size:8px}.tax-remove{min-width:34px;padding:7px;color:var(--danger)}.tax-compare>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.tax-compare article{display:grid;gap:4px;padding:11px;border:1px solid var(--line);border-radius:7px;background:var(--panel-soft)}.tax-compare span{color:var(--muted);font-size:9px;font-weight:900}.tax-compare b{font-size:14px}.tax-compare small{color:var(--muted);font-size:8px}
.invoice-toolbar>div:last-child{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.invoice-import{cursor:pointer}.invoice-workspace{display:grid;grid-template-columns:minmax(420px,.88fr) minmax(520px,1.12fr);gap:15px;align-items:start}.invoice-form{display:grid;gap:11px}.invoice-form-section{overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.invoice-form-section>header{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);background:var(--panel-soft)}.invoice-form-section>header>span{display:grid;place-items:center;width:30px;height:30px;border-radius:6px;background:color-mix(in srgb,var(--brand) 11%,var(--panel));color:var(--brand);font-size:10px;font-weight:900}.invoice-form-section header b,.invoice-form-section header small{display:block}.invoice-form-section header b{font-size:12px}.invoice-form-section header small{margin-top:2px;color:var(--muted);font-size:8px}.invoice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:13px}.invoice-grid label{display:grid;gap:5px}.invoice-grid label.full{grid-column:1/-1}.invoice-grid label>span,.invoice-item-row label>span{color:var(--muted);font-size:9px;font-weight:900;text-transform:uppercase}.invoice-item-editor{display:grid;gap:8px;padding:13px 13px 8px}.invoice-item-row{display:grid;grid-template-columns:minmax(160px,1fr) 75px 130px 39px;gap:7px;align-items:end;padding:9px;border:1px solid var(--line);border-radius:7px;background:var(--panel-soft)}.invoice-item-row label{display:grid;gap:5px}.invoice-item-row .btn{min-width:39px;padding:8px;color:var(--danger)}.invoice-form-section>#invAdd{margin:0 13px 13px}.invoice-adjustments{border-top:1px solid var(--line);background:var(--panel-soft)}.invoice-preview-shell{position:sticky;top:84px;display:grid;gap:9px}.invoice-preview-actions{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;border:1px solid var(--line);border-radius:7px;background:var(--panel)}.invoice-preview-actions>span{font-size:10px;font-weight:900}.invoice-paper-v2{min-height:720px;padding:38px;background:#fff;color:#172033;border:1px solid #d9e0ea;border-radius:4px;box-shadow:0 20px 60px rgba(15,23,42,.14);font-family:Inter,Arial,sans-serif}.invp-head{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;padding-bottom:22px;border-bottom:3px solid #2563eb}.invp-head>div:first-child{display:flex;gap:13px;align-items:flex-start}.invp-logo,.invp-head img{display:grid;place-items:center;width:58px;height:58px;border-radius:7px;background:#2563eb;color:#fff;object-fit:contain;font-size:18px;font-weight:900}.invp-head b{display:block;font-size:16px}.invp-head p{margin:5px 0 0;color:#687386;font-size:9px;line-height:1.55}.invp-head small{color:#687386;font-size:8px}.invp-head>div:last-child{text-align:right}.invp-head>div:last-child>b,.invp-head>div:last-child>small{margin-top:5px}.invp-type{display:block;color:#2563eb;font-size:26px;font-weight:900;letter-spacing:.05em}.invp-meta{display:grid;grid-template-columns:1fr .8fr;gap:30px;padding:23px 0}.invp-meta span,.invp-bottom>div:first-child>span{display:block;margin-bottom:6px;color:#718096;font-size:7px;font-weight:900;letter-spacing:.1em}.invp-meta b{display:block;font-size:12px}.invp-meta p{margin:4px 0;color:#647084;font-size:9px;line-height:1.5}.invp-meta>div:last-child p{display:flex;justify-content:space-between;gap:14px}.invoice-paper-v2 table{width:100%;border-collapse:collapse;font-size:9px}.invoice-paper-v2 th{padding:9px;background:#eef3fa;color:#536075;font-size:7px;text-align:left}.invoice-paper-v2 th:nth-child(n+2),.invoice-paper-v2 td:nth-child(n+2){text-align:right}.invoice-paper-v2 td{padding:10px 9px;border-bottom:1px solid #e5eaf0}.invp-bottom{display:grid;grid-template-columns:1fr 220px;gap:25px;margin-top:24px}.invp-bottom p{margin:0 0 16px;color:#596578;font-size:8px;line-height:1.6}.invp-sign{display:block;max-width:130px;max-height:65px;object-fit:contain}.invp-totals p{display:flex;justify-content:space-between;gap:14px;margin:0;padding:7px 0;border-bottom:1px solid #e5eaf0}.invp-totals span{color:#647084}.invp-totals b{color:#172033}.invp-totals .grand{margin-top:6px;padding:11px;background:#2563eb;color:#fff;border-radius:5px}.invp-totals .grand span,.invp-totals .grand b{color:#fff;font-size:11px}.invoice-paper-v2 footer{margin-top:35px;padding-top:11px;border-top:1px solid #e5eaf0;color:#8893a3;font-size:7px;text-align:center}
@media(max-width:1120px){.pomo-layout,.tax-layout,.invoice-workspace{grid-template-columns:1fr}.tax-result,.invoice-preview-shell{position:static}.invoice-preview-shell{max-width:800px;margin:auto;width:100%}}
@media(max-width:760px){.pomo-hero,.tax-hero,.invoice-toolbar{display:grid}.pomo-today,.tax-hero-total{min-width:0}.pomo-history-list{grid-template-columns:1fr}.tax-compare>div{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-grid{grid-template-columns:1fr}.invoice-grid label.full{grid-column:auto}.invoice-item-row{grid-template-columns:1fr 70px 110px 38px}.invoice-paper-v2{padding:25px}.invp-bottom{grid-template-columns:1fr}.invp-meta{gap:15px}}
@media(max-width:560px){.pomo-hero,.pomo-clock-card,.pomo-settings,.pomo-stats,.pomo-history,.tax-hero,.tax-card,.tax-result,.tax-batch,.tax-compare,.invoice-toolbar{padding:14px;border-radius:9px}.pomo-mode-tabs{grid-template-columns:1fr}.pomo-actions,.tax-actions,.invoice-toolbar>div:last-child{display:grid;grid-template-columns:1fr;width:100%}.pomo-actions .btn,.tax-actions .btn,.invoice-toolbar>div:last-child .btn{width:100%}.pomo-setting-grid,.tax-fields{grid-template-columns:1fr}.pomo-stats{grid-template-columns:repeat(3,1fr)}.tax-presets{grid-template-columns:repeat(3,1fr)}.tax-compare>div{grid-template-columns:1fr 1fr}.invoice-item-row{grid-template-columns:1fr 1fr}.invoice-item-row label:first-child{grid-column:1/-1}.invoice-item-row .btn{width:100%}.invoice-paper-v2{min-height:0;padding:18px}.invp-head,.invp-meta{display:grid}.invp-head>div:last-child{text-align:left}.invp-type{font-size:21px}.invp-meta>div:last-child p{display:grid}.invoice-paper-v2 table{font-size:7px}.invoice-paper-v2 th,.invoice-paper-v2 td{padding:7px 4px}}
@media print{body:has(.invoice-studio) .topbar,body:has(.invoice-studio) .sidebar,body:has(.invoice-studio) .tool-head,body:has(.invoice-studio) .invoice-toolbar,body:has(.invoice-studio) .invoice-form,body:has(.invoice-studio) .invoice-preview-actions,body:has(.invoice-studio) .time-note,body:has(.invoice-studio) footer{display:none!important}body:has(.invoice-studio) .tool-layout,body:has(.invoice-studio) .toolbox,body:has(.invoice-studio) .invoice-workspace{display:block!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}body:has(.invoice-studio) .invoice-paper-v2{min-height:0;border:0;box-shadow:none;padding:12mm;border-radius:0}body:has(.invoice-studio){background:#fff!important}}


/* wajib.id visual identity + tighter corner system — 2026-10-11 */
.brand,.footer-logo{gap:9px;letter-spacing:-.045em}
.brand-mark{display:grid;place-items:center;flex:0 0 auto;width:36px;height:36px;border:0;border-radius:8px;background:transparent;overflow:hidden;box-shadow:0 7px 16px rgba(41,76,194,.18)}
.brand-mark img{display:block;width:100%;height:100%;border:0;border-radius:0}
.brand-word{display:inline-flex;align-items:baseline;color:var(--text)!important;font-weight:800;letter-spacing:-.055em}
.brand-word .brand-dot{color:var(--brand)!important;font-weight:800}
.footer-logo .brand-mark{width:38px;height:38px;border-radius:8px;box-shadow:0 7px 16px rgba(41,76,194,.16)}
.footer-logo .brand-word{font-size:20px}
.brand.mini .brand-mark{width:32px;height:32px;border-radius:7px}
@media(max-width:680px){.brand-mark{width:32px;height:32px;border-radius:7px}.brand-word{font-size:19px}}