@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--purple:#7046f8;--blue:#3a7df5;--ink:#151a35;--text:#4c5872;--edge:#e8eaf4;--bg:#f8f9ff;--shadow:0 14px 45px rgba(28,32,86,.07)}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:white;font:15px/1.6 'DM Sans',system-ui,sans-serif}h1,h2,h3{font-family:'Plus Jakarta Sans',sans-serif;line-height:1.2;letter-spacing:-.035em}a{color:inherit;text-decoration:none}.wrap{max-width:1170px;margin:auto;padding:0 24px}.nav{position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(15px);border-bottom:1px solid var(--edge);z-index:10}.navin{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:75px}.brand{font-family:'Plus Jakarta Sans';font-size:23px;font-weight:800;letter-spacing:-.05em;white-space:nowrap;display:flex;align-items:center;gap:11px}.mark{display:grid;place-items:center;width:39px;height:39px;color:white;border-radius:12px;background:linear-gradient(140deg,var(--blue),var(--purple));box-shadow:0 7px 18px #7046f840;transform:rotate(-8deg);font-size:21px;font-weight:800}.brand em{color:var(--purple);font-style:normal}.links{display:flex;align-items:center;gap:27px;font-weight:700;font-size:13px}.links a:hover{color:var(--purple)}.navcta,.primary{border:0;color:white;background:linear-gradient(105deg,var(--blue),var(--purple));padding:12px 20px;border-radius:12px;font-weight:750;cursor:pointer;box-shadow:0 9px 24px #7046f832}.primary:hover,.navcta:hover{filter:brightness(.97);transform:translateY(-1px)}.menu{display:none;border:1px solid var(--edge);background:white;border-radius:10px;padding:9px 12px}.hero{background:radial-gradient(ellipse at 75% 18%,#e8e5ff 0,transparent 35%),radial-gradient(ellipse at 9% 80%,#eaf3ff 0,transparent 40%),linear-gradient(180deg,#fbfbff,#fff);padding:88px 0 74px;border-bottom:1px solid var(--edge)}.hero-inner{text-align:center;max-width:820px;margin:auto}.eyebrow{display:inline-block;padding:7px 14px;border-radius:999px;background:#efebff;color:#6744da;font-weight:800;font-size:12px;letter-spacing:.025em}.hero h1{font-size:clamp(37px,5.5vw,67px);margin:22px 0 19px;font-weight:800}.gradient{background:linear-gradient(105deg,#387cf9,#8343ed);background-clip:text;color:transparent}.hero p{font-size:18px;color:var(--text);max-width:620px;margin:0 auto 30px}.searchwrap{position:relative;max-width:580px;margin:0 auto}.search{width:100%;padding:19px 23px 19px 48px;background:white;border:1px solid #e1e3f0;box-shadow:0 12px 36px #30306017;border-radius:15px;font:inherit;outline:0}.search:focus{border-color:var(--purple)}.searchicon{position:absolute;top:17px;left:19px;font-size:19px;color:#8b90a5}.searchresults{position:absolute;top:calc(100% + 7px);background:white;border:1px solid var(--edge);box-shadow:var(--shadow);border-radius:14px;width:100%;z-index:5;text-align:left;max-height:300px;overflow:auto}.searchresults a{display:block;padding:10px 17px;border-bottom:1px solid #f1f1f7}.searchresults a:hover{background:#f5f2ff}.trust{display:flex;justify-content:center;flex-wrap:wrap;gap:19px;margin-top:24px;color:#666f86;font-size:13px}.trust b{color:var(--purple)}.section{padding:66px 0}.section.alt{background:var(--bg)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:27px}.section h2{font-size:31px;margin:0 0 8px}.muted{color:var(--text)}.section-head p{margin:0;color:var(--text)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.card{display:block;border:1px solid var(--edge);border-radius:17px;background:white;padding:23px;box-shadow:0 4px 12px #21274e04;transition:transform .17s,box-shadow .17s,border-color .17s;min-height:170px}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#d8d0ff}.card:focus-visible{outline:3px solid var(--blue)}.ci{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;font-size:23px;background:linear-gradient(140deg,#e9f2ff,#f0e9ff);margin-bottom:16px}.card strong{display:block;font:700 15px 'Plus Jakarta Sans';margin-bottom:7px}.card p{font-size:13px;color:var(--text);margin:0}.tag{font-size:11px;color:#7d56eb;font-weight:800;display:inline-block;margin-top:13px}.foot{background:#13172e;color:#dce0f1;padding:46px 0}.footin{display:flex;justify-content:space-between;gap:24px}.foot a{color:#dce0f1}.foot small{color:#a6abc6}.crumb{padding:30px 0 8px;color:#747d92;font-size:13px}.crumb a{color:#6751cf}.toolhead{max-width:730px;padding:18px 0 24px}.toolhead h1{font-size:40px;margin:12px 0}.toolhead p{color:var(--text);font-size:16px}.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px;align-items:start}.workpanel,.aside,.article{padding:26px;border:1px solid var(--edge);border-radius:18px;background:white;box-shadow:var(--shadow)}.workpanel{min-height:330px}.aside h3,.article h2{margin-top:0}.aside a{display:block;padding:12px 2px;border-bottom:1px solid var(--edge);font-weight:600;font-size:13px}.aside a:last-child{border:0}.field{margin:0 0 17px}.field label{display:block;font-size:13px;font-weight:700;margin:0 0 7px}.field input,.field select,.field textarea{display:block;width:100%;font:inherit;padding:12px 14px;border-radius:10px;border:1px solid #dfe2ef;background:#fff;color:var(--ink);outline:0}.field textarea{min-height:145px;resize:vertical;font-family:ui-monospace,SFMono-Regular,monospace}.field input:focus,.field select:focus,.field textarea:focus{border-color:#7250ed;box-shadow:0 0 0 3px #7250ed19}.pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.secondary{padding:11px 18px;background:#f2f0ff;border:1px solid #e2ddfb;color:#6543cf;border-radius:11px;font-weight:750;cursor:pointer}.result{background:#f6f7ff;border:1px solid #e9e7ff;border-radius:12px;margin-top:17px;padding:17px;min-height:50px;white-space:pre-wrap;overflow-wrap:anywhere}.result strong{font-size:22px}.result.error{color:#a52e45;background:#fff2f3;border-color:#ffd2d7}.note{padding:12px 14px;background:#f5f8ff;color:#5b6580;border-radius:10px;font-size:13px;margin-top:16px}.article{margin:27px 0 70px;box-shadow:none}.article p,.article li{color:var(--text)}.article h2{margin-top:28px}.article h2:first-child{margin-top:0}.preview{max-width:100%;max-height:270px;border-radius:10px;object-fit:contain;margin:12px 0;display:none}.statline{font-size:13px;color:var(--text)}.chip{display:inline-block;background:#f1efff;color:#6745d6;padding:6px 11px;border-radius:999px;font-size:11px;font-weight:800;margin-bottom:10px}.planned{background:#fcfbff;border:1px dashed #bcb5e8;border-radius:18px;padding:27px}.planned h3{margin-top:0}.legal{max-width:800px;margin:50px auto 95px}.legal h1{font-size:42px}.legal p{color:var(--text)}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.tool-layout{grid-template-columns:1fr}.links{gap:13px}.links .hide-sm{display:none}}@media(max-width:600px){.wrap{padding:0 17px}.navin{min-height:65px}.links{display:none;position:absolute;top:65px;left:0;right:0;background:white;padding:15px 24px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.links.open{display:flex}.menu{display:block}.hero{padding:64px 0 55px}.hero p{font-size:15px}.section{padding:47px 0}.section h2{font-size:25px}.grid{grid-template-columns:1fr}.card{min-height:auto}.pair{grid-template-columns:1fr;gap:0}.toolhead h1{font-size:31px}.workpanel,.aside,.article{padding:19px}.footin{flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* v2 additions */
.skip{position:absolute;left:-9999px;top:auto}.skip:focus{left:12px;top:10px;z-index:50;background:white;padding:9px}.notice{border-left:3px solid var(--purple);background:#f7f5ff;padding:13px 16px;border-radius:8px;color:#565574;font-size:13px;margin:16px 0}.tool-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.compact-card{min-height:0}.compact-card strong{font-size:14px}.kbd{font-family:monospace;background:#f6f5ff;padding:2px 5px;border-radius:5px}.field input[type=file]{padding:17px;border:1.5px dashed #c0b8f1;background:#faf9ff;cursor:pointer}.small{font-size:12px;color:var(--text)}.preview-preview{max-width:100%;height:210px;object-fit:contain}.tick{color:var(--purple)}@media(max-width:900px){.tool-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.tool-list{grid-template-columns:1fr}.workpanel{min-height:270px}.hero h1{font-size:39px}}

/* Premium design refresh — visual-only changes, keeps all tool behavior intact. */
:root{--purple:#6944f7;--blue:#386dfe;--ink:#11172c;--text:#53617a;--edge:#e6e9f4;--bg:#f7f8fd;--shadow:0 20px 60px rgba(24,30,71,.075)}
html{scroll-behavior:smooth}body{background:#fcfcff;color:var(--ink);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}
/* Skip navigation must remain available to keyboard users but not occupy the normal page layout */
a.skip,a.skip-link{position:fixed!important;top:-110px!important;left:16px!important;z-index:1000!important;padding:10px 18px;background:var(--ink);color:#fff;border-radius:12px;box-shadow:var(--shadow)}
a.skip:focus,a.skip-link:focus{top:12px!important;outline:3px solid #a5b6ff}
.wrap{max-width:1240px;padding-left:32px;padding-right:32px}
.nav{background:rgba(255,255,255,.91);border-bottom:1px solid rgba(225,228,244,.9);box-shadow:0 5px 26px rgba(32,37,92,.035)}
.navin{min-height:84px}.brand{font-size:24px;letter-spacing:-.065em;gap:13px}.mark{width:44px;height:44px;border-radius:14px;transform:none;background:linear-gradient(145deg,#2d7dfc,#6547f6 70%,#8653ee);box-shadow:0 9px 22px rgba(105,68,247,.22)}
.links{gap:30px;font-weight:700;color:#303a53}.links a{transition:color .2s}.navcta{border-radius:13px;padding:12px 18px;box-shadow:0 8px 25px rgba(96,71,222,.18)}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 91% 10%,rgba(120,104,255,.13),transparent 35%),radial-gradient(circle at 12% 63%,rgba(73,147,255,.11),transparent 40%),#fafbff;padding:106px 0 93px}.hero:before{content:'';position:absolute;width:350px;height:350px;right:-155px;top:70px;border-radius:44%;border:52px solid rgba(105,68,247,.035);pointer-events:none}.hero-inner{position:relative;max-width:900px}
.eyebrow,.chip{background:#eeeaff;color:#6345d5;font-size:11px;letter-spacing:.095em;font-weight:800;border:1px solid #e5deff}
.hero h1{font-size:clamp(40px,5.7vw,74px);letter-spacing:-.064em;line-height:1.09;margin:25px 0}.hero p{font-size:18px;line-height:1.8}.search{border:1px solid #e0e3f2;border-radius:19px;padding:20px 23px 20px 54px;box-shadow:0 17px 45px rgba(45,48,121,.09)}.search:focus{box-shadow:0 0 0 4px rgba(105,68,247,.10),0 17px 45px rgba(45,48,121,.09)}
.section{padding:80px 0}.section h2{font-size:35px;letter-spacing:-.045em}.section-head{margin-bottom:31px}.section-head>a{color:#6344df;font-weight:800}
.grid{gap:20px}.card{position:relative;overflow:hidden;min-height:194px;border:1px solid #e7e9f4;border-radius:21px;padding:26px 25px;background:linear-gradient(150deg,#fff,#fff 72%,#fafaff);box-shadow:0 6px 22px rgba(24,30,71,.035);transition:transform .2s,box-shadow .2s,border-color .2s}.card:hover{border-color:#cfc4ff;transform:translateY(-5px);box-shadow:0 20px 38px rgba(75,62,153,.11)}.card strong{font-size:15px;letter-spacing:-.025em}.card p{font-size:13px;line-height:1.75}.ci{border:1px solid #ebe7ff;width:51px;height:51px;border-radius:15px;background:linear-gradient(140deg,#eff7ff,#ede6ff);color:#5741c9}.tag{font-size:12px;letter-spacing:0}
/* Premium tool pages */
main:has(.toolhead){background:linear-gradient(180deg,#fafaff 0%,#fff 550px)}
.crumb{padding:34px 0 8px;color:#7a8497;font-size:13px}.crumb a{color:#6343d8;font-weight:650}.toolhead{max-width:860px;padding:20px 0 34px}.toolhead h1{font-size:clamp(36px,4.2vw,54px);line-height:1.13;letter-spacing:-.055em;font-weight:800;margin:13px 0 15px}.toolhead p{font-size:17px;line-height:1.85;max-width:680px;margin:0}
.tool-layout{grid-template-columns:minmax(0,1fr) 290px;gap:24px}.workpanel,.aside,.article{border:1px solid #e6e9f4;border-radius:22px;background:#fff;box-shadow:0 12px 40px rgba(38,42,89,.055)}.workpanel{padding:32px;min-height:390px}.aside{padding:26px;position:relative}.aside h3{font-size:18px}.aside a{padding:13px 0;transition:color .15s}.aside a:hover{color:var(--purple)}
.field{margin-bottom:21px}.field label{font-size:13px;color:#2a324d;margin-bottom:9px}.field input,.field select,.field textarea{border:1px solid #dce1ee;border-radius:13px;min-height:48px;padding:13px 15px;background:#fdfdff;transition:border-color .15s,box-shadow .15s}.field input:hover,.field select:hover,.field textarea:hover{border-color:#bcb7e6}.field input:focus,.field select:focus,.field textarea:focus{border-color:#7250ed;box-shadow:0 0 0 4px rgba(114,80,237,.11)}
.field input[type=file]{border:2px dashed #b9aef4;padding:23px 18px;min-height:85px;background:#faf9ff;border-radius:15px}
.primary{padding:13px 23px;min-height:48px;font-size:14px;border-radius:13px}.secondary{padding:12px 20px;min-height:47px;border-radius:13px}.primary:focus-visible,.secondary:focus-visible,.menu:focus-visible{outline:3px solid #90a7ff;outline-offset:3px}.actions{margin-top:24px;gap:12px}
.result{border-radius:16px;border:1px solid #e4e3ff;background:linear-gradient(145deg,#f9f9ff,#f3f1ff);padding:21px;margin-top:22px}.result strong{font-size:25px}.note,.notice{border-radius:14px;padding:16px 18px}.article{padding:36px;margin-top:36px;margin-bottom:90px;box-shadow:0 9px 35px rgba(37,42,90,.035)}.article h2{font-size:24px;letter-spacing:-.035em}.article p,.article li{font-size:15px;line-height:1.9}
.foot{background:linear-gradient(130deg,#11172d,#1d2044);padding:60px 0}.footin{align-items:start}.foot .brand{margin-bottom:15px}
@media(max-width:980px){.wrap{padding-left:22px;padding-right:22px}.tool-layout{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toolhead h1{font-size:43px}}
@media(max-width:600px){.wrap{padding-left:17px;padding-right:17px}.navin{min-height:69px}.brand{font-size:21px}.mark{width:38px;height:38px}.links{top:69px}.hero{padding:74px 0 63px}.hero h1{font-size:40px}.hero p{font-size:15px}.section{padding:54px 0}.section h2{font-size:28px}.grid{grid-template-columns:1fr}.card{min-height:auto;padding:22px}.crumb{padding-top:22px}.toolhead{padding:12px 0 25px}.toolhead h1{font-size:34px}.toolhead p{font-size:15px}.workpanel,.aside,.article{border-radius:18px;padding:21px}.article{margin-bottom:55px}.foot{padding:44px 0}.pair{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card,.primary,.secondary{transition:none}}


/* ToolWizzy Professional v4 — cohesive visual system, original layout, no tool logic changes */
:root{--ink:#121735;--text:#59637c;--purple:#6546ef;--blue:#337af5;--edge:#e8eaf5;--bg:#f8f9fd;--shadow:0 14px 45px rgba(29,32,82,.07)}
body{background:#fff;color:var(--ink);font-family:'DM Sans',system-ui,sans-serif}
.utility-strip{background:#10152f;color:#d6d9eb;font-size:11px;font-weight:650;letter-spacing:.035em}
.utility-inner{display:flex;align-items:center;justify-content:space-between;min-height:32px;gap:12px}
.utility-inner span{display:inline-flex;align-items:center;gap:8px}
.status-pulse{display:inline-block!important;width:7px;height:7px;background:#56d49f;border-radius:100%;box-shadow:0 0 0 3px rgba(86,212,159,.13);flex:none}
.nav{position:sticky;top:0;z-index:200;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:rgba(255,255,255,.94);border-bottom:1px solid #edeef6;box-shadow:none}
.navin{min-height:78px}.brand{font-weight:850;letter-spacing:-.07em}.mark{font-family:'Plus Jakarta Sans',sans-serif;display:inline-flex;align-items:center;justify-content:center;transform:rotate(-8deg);box-shadow:0 11px 28px rgba(91,69,239,.2)}.brand em{font-style:normal;color:#6550ef}
.links a:not(.navcta):hover,.links a:not(.navcta):focus-visible{color:#6546ef}
.navcta,.primary{background:linear-gradient(115deg,#476ef8,#7d40ec);color:white;box-shadow:0 8px 24px rgba(103,72,235,.18);border:0}
.navcta:hover,.primary:hover{filter:brightness(1.04);box-shadow:0 11px 29px rgba(103,72,235,.24)}
/* Homepage editorial hero + real tool link showcase */
.hero{background:radial-gradient(ellipse at 82% 30%,rgba(118,88,238,.13),transparent 41%),radial-gradient(ellipse at 5% 90%,rgba(56,169,238,.08),transparent 36%),#fafaff;padding:75px 0 77px;border-bottom:1px solid #eeeefa}
.hero:before{content:none}.hero-inner{max-width:1240px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(370px,.88fr);gap:54px;align-items:center}
.hero-inner>.eyebrow,.hero-inner>h1,.hero-inner>p,.hero-inner>.searchwrap,.hero-inner>.trust{grid-column:1}
.hero-inner>.eyebrow{grid-row:1;margin:0;width:max-content}.hero-inner>h1{grid-row:2;font-size:clamp(45px,5.2vw,72px);max-width:670px;margin:12px 0 0}.hero-inner>p{grid-row:3;margin:12px 0 10px;max-width:580px;font-size:17px;color:#647089}.hero-inner>.searchwrap{grid-row:4;max-width:590px;width:100%;margin:0}.hero-inner>.trust{grid-row:5;margin-top:2px}
.hero-showcase{grid-column:2;grid-row:1 / span 5;border:1px solid #e3e4f8;border-radius:25px;overflow:hidden;box-shadow:0 28px 80px rgba(48,43,129,.12),0 1px 0 white inset;background:white;transform:rotate(1deg);transition:transform .3s}
.hero-showcase:hover{transform:rotate(0deg) translateY(-3px)}
.showcase-top{background:#f6f6ff;border-bottom:1px solid #ebeaf8;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 18px;color:#8986ac;font-size:10px;font-weight:850;letter-spacing:.075em}
.showcase-dots{display:flex;gap:5px}.showcase-dots i{width:8px;height:8px;border-radius:50%;background:#c7c4e7}.showcase-dots i:first-child{background:#f6a5ad}.showcase-dots i:nth-child(2){background:#f4d28b}.showcase-dots i:last-child{background:#83d8c7}.showcase-online{display:flex;align-items:center;gap:8px;color:#308c77}
.showcase-body{padding:24px}.showcase-lead{display:flex;align-items:center;gap:14px;margin-bottom:22px}.showcase-icon{display:grid;place-items:center;width:49px;height:49px;background:linear-gradient(135deg,#6d49ee,#3b83f7);border-radius:15px;color:white;font-size:29px;box-shadow:0 9px 19px rgba(93,86,228,.2)}.showcase-lead b{display:block;font-size:15px}.showcase-lead small{display:block;color:#8690a4;font-size:11px;margin-top:2px}
.mini-tools{display:grid;gap:10px}.mini-tools a{display:flex;align-items:center;gap:13px;border-radius:14px;padding:13px;border:1px solid #eeeef7;background:#fbfbff;color:#202843;transition:transform .16s,border-color .16s,background .16s}.mini-tools a:hover{transform:translateX(3px);border-color:#d6d2ff;background:white}.mini-tools a>span:nth-child(2){flex:1}.mini-tools b{display:block;font-size:13px}.mini-tools small{font-size:11px;color:#8790a6}.mini-tools a>span:last-child{color:#785be5}.mini-icon{width:37px;height:37px;background:#efecff;border-radius:12px;display:grid;place-items:center;color:#6a4ad8;font-weight:800}.showcase-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:19px;font-size:11px;color:#808aa0}.showcase-bottom a{font-weight:850;color:#6449d8}
.shortcut-section{border-bottom:1px solid #ecedf6;background:#fff}.shortcut-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:82px}.shortcut-inner>span{font-size:13px;font-weight:850;color:#1a2546}.shortcut-inner>div{display:flex;gap:9px;flex-wrap:wrap}.shortcut-inner a{border:1px solid #e5e6f3;background:#fafaff;padding:8px 13px;border-radius:100px;color:#575d80;font-size:12px;font-weight:750}.shortcut-inner a:hover{border-color:#bdb1ff;color:#5e42e4}
/* Page cards: sharp hierarchy, restrained depth */
.section{padding:75px 0}.section.alt{background:#f9faff}.section-head h2,.section h2{letter-spacing:-.05em}.section-head p{color:#78839a}.grid{gap:18px}.card{min-height:183px;border:1px solid #e7eaf5;border-radius:20px;background:#fff;box-shadow:0 6px 26px rgba(24,37,83,.035);padding:25px;display:flex;flex-direction:column;align-items:flex-start}.card:hover{transform:translateY(-4px);border-color:#cfc4ff;box-shadow:0 20px 43px rgba(56,42,117,.105)}.card .ci{width:49px;height:49px;border-radius:15px;background:linear-gradient(140deg,#f2edff,#eaf3ff);font-weight:800}.card strong{margin-top:7px;color:#19213b;font-size:15px;line-height:1.45}.card p{margin:8px 0 13px;flex:1;color:#747e93}.card .tag{font-weight:800;color:#6948e7}
/* Tool pages now have a distinct workspace header and confident result surface */
main:has(.toolhead){background:linear-gradient(180deg,#fafaff 0,#fff 650px)}
.crumb{font-size:12px;letter-spacing:.01em}.toolhead{max-width:930px;padding-top:20px;padding-bottom:29px}.toolhead h1{font-size:clamp(38px,4.2vw,55px);font-weight:850}.toolhead p{color:#65718a;max-width:750px}
.tool-layout{grid-template-columns:minmax(0,1fr) 292px;gap:24px}.workspace-head{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid #e7e9f5;border-bottom:0;background:#fff;border-radius:22px 22px 0 0;padding:24px 30px 21px;box-shadow:0 10px 30px rgba(34,38,88,.035)}.workspace-kicker{display:block;color:#7861d8;font-size:10px;letter-spacing:.13em;font-weight:900;margin-bottom:3px}.workspace-head h2{font-size:21px;letter-spacing:-.045em;margin:0}.workspace-ready{color:#467d72;background:#effaf6;border:1px solid #d8f2e8;padding:8px 11px;border-radius:100px;font-size:11px;font-weight:800;display:flex;align-items:center;gap:9px;white-space:nowrap}
.workpanel{border-radius:0 0 22px 22px;box-shadow:0 17px 42px rgba(34,38,88,.05);border-top:1px solid #f1f1f8;min-height:325px;padding:31px}.workpanel .field label{font-weight:850;font-size:12px}.field input,.field select,.field textarea{background:#fff;border-color:#dce1ee}.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:#7659ee;box-shadow:0 0 0 4px rgba(113,81,226,.105)}.actions .primary,.actions .secondary{min-height:47px;border-radius:12px}.result{background:linear-gradient(125deg,#f5f4ff,#f9fbff);border:1px solid #e7e3fb;border-radius:18px;padding:23px 24px}.result:before{content:'RESULT';display:block;color:#8e80ba;font-weight:850;letter-spacing:.14em;font-size:10px;margin-bottom:10px}.result.error:before{content:'CHECK INPUT';color:#c45663}.result.error{background:#fff5f6}
.aside{border-radius:20px;align-self:start}.aside h3{font-size:16px}.aside a{font-size:12px}.side-trust{border-top:1px solid #eceef6;padding-top:20px;margin-top:14px;display:flex;gap:10px}.trust-symbol{width:31px;height:31px;flex:none;border-radius:10px;background:#f1eeff;display:grid;place-items:center;color:#7454ea}.side-trust strong{font-size:12px}.side-trust p{font-size:11px;line-height:1.65;color:#818ca0;margin:5px 0 0}.article{line-height:1.85}.article h2{margin-top:32px}
.foot{background:#111830}
@media(max-width:1020px){.hero-inner{grid-template-columns:minmax(0,1fr) minmax(280px,.85fr);gap:25px}.hero h1{font-size:46px}.showcase-body{padding:15px}.showcase-bottom{flex-wrap:wrap}}
@media(max-width:800px){.hero-inner{display:block}.hero-showcase{margin-top:35px;max-width:540px;transform:none}.hero-showcase:hover{transform:none}.shortcut-inner{align-items:flex-start;flex-direction:column;padding-top:18px;padding-bottom:18px;gap:12px}.tool-layout{grid-template-columns:1fr}}
@media(max-width:600px){.utility-inner{min-height:30px;font-size:10px}.utility-inner>span:last-child{display:none}.navin{min-height:66px}.links{top:66px}.hero{padding:55px 0 60px}.hero h1{font-size:40px}.hero p{font-size:15px}.hero-showcase{margin-top:29px}.showcase-top{font-size:9px}.showcase-bottom{gap:5px}.section{padding:54px 0}.grid{grid-template-columns:1fr}.toolhead h1{font-size:34px}.workspace-head{padding:19px}.workspace-head h2{font-size:18px}.workspace-ready{font-size:10px}.workpanel{padding:21px}.aside{margin-top:4px}.shortcut-inner a{font-size:11px}}
@media(prefers-reduced-motion:reduce){.hero-showcase,.mini-tools a{transition:none!important}}


/* ToolWizzy V6: clean public-facing experience */
.workpanel{background:#fff;border:1px solid #e6e9f4;border-top:1px solid #f1f1f8;}
.workpanel .result{position:relative;margin-top:26px;padding:26px 27px;border:1px solid #dcd7fd;border-radius:19px;background:linear-gradient(135deg,#f7f4ff 0%,#f5faff 100%);color:#1d2650;box-shadow:0 12px 30px rgba(66,49,156,.055);overflow-wrap:anywhere;line-height:1.65}
.workpanel .result:before{content:'RESULT';display:block;font-size:10px;font-weight:850;letter-spacing:.14em;color:#6946d7;margin-bottom:11px}
.workpanel .result strong{display:inline-block;color:#5035b8;font-weight:850;font-size:clamp(22px,3vw,31px);letter-spacing:-.04em}
.workpanel .result.error{border-color:#fecaca;background:#fff7f7;color:#9b1c1c}.workpanel .result.error:before{content:'PLEASE CHECK YOUR INPUT';color:#b42318}
.workpanel .result pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:420px;overflow:auto;font-size:12px;line-height:1.65}
.workpanel .result img,.workpanel .result canvas{max-width:100%;height:auto}
.workpanel .result a[download],.workpanel .result button{display:inline-flex;align-items:center;gap:8px;margin:8px 8px 0 0;padding:11px 16px;border-radius:11px;background:#6546ef;color:white;font-weight:750;text-decoration:none}
.article h2{margin-top:28px}.article h2:first-child{margin-top:0}.toolhead{margin-bottom:3px}
@media(max-width:600px){.workpanel{padding:21px 17px}.workpanel .result{padding:21px 17px}.workspace-head{padding:20px 18px}.workpanel .result strong{font-size:24px}}