:root{--ink:#14213d;--muted:#61708a;--paper:#fff;--wash:#f4f7fb;--line:#dfe6f0;--brand:#2563eb;--accent:#f59e0b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Arial,sans-serif}header,main,footer{max-width:1180px;margin:auto}header{min-height:74px;height:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 24px}a{color:var(--brand);text-decoration:none}.brand{font-size:24px;font-weight:800;letter-spacing:-1px;color:var(--ink);flex:none}.brand span{color:var(--brand)}nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 16px}nav a{color:var(--ink);font-weight:600;white-space:nowrap}main{padding:0 24px 64px}.hero{padding:86px 0 68px;max-width:770px}.hero h1,.page-intro h1,.tool-hero h1{font-size:clamp(36px,6vw,60px);line-height:1.08;letter-spacing:-2px;margin:8px 0 18px}.hero p{font-size:20px;color:var(--muted);max-width:650px}.eyebrow{color:var(--brand);font-size:12px;font-weight:800;letter-spacing:1.6px;margin:0}.button{display:inline-block;border:0;border-radius:8px;background:var(--brand);color:#fff;padding:12px 18px;font-weight:700;font-size:15px;cursor:pointer}.hero .button{margin-top:14px}.secondary{background:#e8eefb;color:var(--brand)}h2{font-size:27px;letter-spacing:-.7px;margin:0 0 20px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.tool-card{border:1px solid var(--line);border-radius:10px;padding:18px;transition:.15s;background:#fff}.tool-card:hover{border-color:var(--brand);box-shadow:0 6px 18px #1e3a5f13}.tool-card h3{font-size:17px;color:var(--ink);margin:0 0 6px}.tool-card p{font-size:14px;color:var(--muted);margin:0}.trust,.tool-section{margin-top:58px}.trust{padding:35px;border-radius:12px;background:var(--wash)}.trust p,.page-intro p,.tool-hero p,.content p{color:var(--muted)}.page-intro{padding:55px 0 22px;max-width:780px}.page-intro h1{font-size:46px}.breadcrumbs{font-size:14px;gap:9px;padding-top:24px;color:var(--muted)}.breadcrumbs span{color:var(--muted)}.tool-hero{max-width:800px;padding:36px 0 18px}.tool-hero h1{font-size:46px}.ad-slot{height:94px;border:1px solid var(--line);background:var(--wash);color:#929db0;font-size:11px;letter-spacing:1px;text-transform:uppercase;display:flex;align-items:center;justify-content:center;margin:18px 0 28px}.workspace{border:1px solid var(--line);border-radius:12px;padding:22px;background:#fff}.fields{display:grid;gap:14px}.field label,.result-wrap label{display:block;font-size:14px;font-weight:700;margin-bottom:7px}.field textarea,.result-wrap textarea,.field input{width:100%;border:1px solid #bcc8d9;border-radius:7px;padding:12px;font:15px/1.5 Arial,sans-serif}.field textarea,.result-wrap textarea{min-height:190px;resize:vertical}.field input{height:43px}.options{display:flex;align-items:center;gap:9px;font-size:14px}.actions{display:flex;align-items:center;gap:10px;margin:16px 0}.text-button{border:0;background:none;color:var(--muted);font-weight:600;cursor:pointer;padding:10px}.result-wrap textarea{background:var(--wash);min-height:150px}.status{font-size:14px;color:var(--muted);margin:10px 0 0}.content{max-width:800px;margin:52px auto 0}.content h2{font-size:24px;margin-top:35px}.content li{margin-bottom:7px}.mini-links{display:flex;flex-wrap:wrap;gap:10px}.mini-links a{background:var(--wash);padding:8px 11px;border-radius:6px;font-size:14px}.legal{padding:50px 0;min-height:400px}footer{border-top:1px solid var(--line);padding:34px 24px;color:var(--muted);display:grid;grid-template-columns:1fr auto;gap:18px}footer p{margin:6px 0}footer>div:nth-child(2){display:flex;gap:15px;align-items:start}footer small{grid-column:1/-1}@media(max-width:720px){header{padding:12px 18px;align-items:flex-start;flex-direction:column}header nav{justify-content:flex-start;gap:8px 12px;font-size:14px}main{padding:0 18px 45px}.card-grid{grid-template-columns:1fr}.hero{padding:62px 0 45px}.tool-hero h1,.page-intro h1{font-size:38px}.workspace{padding:14px}.actions{flex-wrap:wrap}footer{grid-template-columns:1fr}footer>div:nth-child(2){flex-wrap:wrap}}
.tool-description,.tool-description h2,.tool-description p{text-align:left}
.image-preview{min-height:180px;margin-top:16px;border:1px dashed var(--line);border-radius:8px;background:var(--wash);display:flex;align-items:center;justify-content:center;color:var(--muted);padding:12px;overflow:hidden}.image-preview img{max-width:100%;max-height:420px;display:block}.image-workspace .result-wrap textarea{min-height:100px}
.color-workspace .fields{grid-template-columns:repeat(2,minmax(0,1fr))}.color-workspace .field.full{grid-column:1/-1}.color-workspace input[type=color]{padding:3px;cursor:pointer}.color-swatches{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.color-swatch{width:58px;height:58px;border:1px solid #d6deeb;border-radius:9px;cursor:pointer;position:relative}.color-swatch span{position:absolute;left:50%;bottom:-21px;transform:translateX(-50%);font-size:10px;white-space:nowrap;color:var(--muted)}.color-workspace .color-swatches{margin-bottom:27px}.contrast-sample{font-size:24px;font-weight:800;text-align:center}.color-wheel{width:210px;height:210px;border-radius:50%;background:conic-gradient(red,yellow,lime,aqua,blue,magenta,red);margin:5px auto;position:relative}.color-wheel:after{content:'';position:absolute;inset:32%;border-radius:50%;background:white}.image-canvas{max-width:100%;cursor:crosshair}.color-workspace .result-wrap textarea{white-space:pre;font-family:Consolas,monospace}@media(max-width:720px){.color-workspace .fields{grid-template-columns:1fr}}
.field select{width:100%;height:43px;border:1px solid #bcc8d9;border-radius:7px;padding:9px 12px;background:#fff;font:15px Arial,sans-serif}.unit-workspace .fields{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:720px){.unit-workspace .fields{grid-template-columns:1fr}}
.css-workspace .fields{grid-template-columns:repeat(3,minmax(0,1fr))}.css-preview{min-height:160px;margin:16px 0;border:1px dashed var(--line);border-radius:8px;background:var(--wash);display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto}.css-preview>*{max-width:100%}@media(max-width:720px){.css-workspace .fields{grid-template-columns:1fr}}
.fun-preview{min-height:120px;margin:16px 0;border-radius:8px;background:var(--wash);display:flex;align-items:center;justify-content:center;padding:22px;text-align:center;font-size:19px;font-weight:700;white-space:pre-wrap}.fun-workspace textarea{min-height:130px}
.everyday-preview{min-height:130px;margin:16px 0;border-radius:8px;background:var(--wash);display:flex;align-items:center;justify-content:center;padding:18px;text-align:center;white-space:pre-wrap;overflow:auto}.everyday-preview video{max-width:100%;max-height:330px}.keyboard-key{display:inline-block;margin:4px;padding:6px 10px;border:1px solid var(--line);border-radius:5px}.keyboard-key.active{background:var(--brand);color:#fff}.mouse-pad{width:100%;height:180px;border:1px dashed var(--line);border-radius:8px;cursor:crosshair}
.everyday-workspace[data-everyday-tool="online-notepad"] .actions,.everyday-workspace[data-everyday-tool="online-notepad"] .everyday-preview,.everyday-workspace[data-everyday-tool="online-notepad"] .result-wrap,.everyday-workspace[data-everyday-tool="online-notepad"] .status{display:none}.everyday-workspace[data-everyday-tool="online-notepad"] #note{min-height:520px;resize:vertical;line-height:1.65}
.world-clocks{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.world-clock-card{border:1px solid var(--line);background:#fff;border-radius:8px;padding:12px;text-align:left;cursor:pointer;color:var(--ink)}.world-clock-card strong,.world-clock-card span,.world-clock-card small{display:block}.world-clock-card span{font-size:24px;font-weight:800;line-height:1.25}.world-clock-card small{color:var(--muted)}@media(max-width:520px){.world-clocks{grid-template-columns:1fr}}
.everyday-workspace[data-everyday-tool="world-clock"] .actions,.everyday-workspace[data-everyday-tool="world-clock"] .result-wrap,.everyday-workspace[data-everyday-tool="world-clock"] .status{display:none}.single-world-clock strong,.single-world-clock span,.single-world-clock small{display:block}.single-world-clock strong{font-size:42px;line-height:1.15}.single-world-clock span{margin-top:8px}.single-world-clock small{margin-top:4px;color:var(--muted)}
.weather-cards{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.weather-cards>div{background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px}.weather-cards strong,.weather-cards span{display:block}.weather-cards strong{font-size:20px}.weather-cards span{font-size:14px;color:var(--muted)}@media(max-width:520px){.weather-cards{grid-template-columns:1fr}}
.everyday-workspace[data-everyday-tool="mouse-tester"] .actions{display:none}
.image-workspace .result-wrap textarea{min-height:150px}
.developer-visual{margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--wash);text-align:left}.developer-visual img{display:block;max-width:100%;height:auto;background:#fff;padding:8px}
header{position:relative;gap:24px;padding-top:16px;padding-bottom:16px;border-bottom:1px solid var(--line)}header .brand{font-size:25px}header nav{flex:1;flex-wrap:nowrap;justify-content:flex-start;gap:4px;padding:5px;background:var(--wash);border:1px solid var(--line);border-radius:12px;overflow-x:auto;scrollbar-width:none}header nav::-webkit-scrollbar{display:none}header nav a{padding:8px 11px;border-radius:8px;font-size:14px;line-height:1.2;transition:background .16s,color .16s,box-shadow .16s}header nav a:hover,header nav a:focus-visible{background:#fff;color:var(--brand);box-shadow:0 2px 8px #1e3a5f12;outline:none}@media(max-width:720px){header{gap:10px;padding-top:12px;padding-bottom:12px;border-bottom:0}header nav{width:100%;max-width:100%;padding:5px}header nav a{padding:8px 10px;font-size:13px}}
.coin-stage{height:190px;display:flex;align-items:center;justify-content:center;perspective:800px}.coin{position:relative;width:126px;height:126px;transform-style:preserve-3d;transition:transform .25s}.coin-face{position:absolute;inset:0;border-radius:50%;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;color:#fff;font-size:20px;font-weight:800;letter-spacing:.3px;border:7px solid #fbbf24;box-shadow:inset 0 0 0 4px #f59e0b,0 9px 14px #14213d33}.coin-heads{background:radial-gradient(circle at 32% 28%,#fde68a,#d97706)}.coin-tails{background:radial-gradient(circle at 32% 28%,#93c5fd,#1d4ed8);transform:rotateY(180deg)}.coin.heads{transform:rotateY(0)}.coin.tails{transform:rotateY(180deg)}.coin.flip-heads{animation:coin-flip-heads .9s cubic-bezier(.3,.75,.45,1)}.coin.flip-tails{animation:coin-flip-tails .9s cubic-bezier(.3,.75,.45,1)}@keyframes coin-flip-heads{to{transform:rotateY(1440deg) rotateX(18deg)}}@keyframes coin-flip-tails{to{transform:rotateY(1620deg) rotateX(18deg)}}.workspace[data-tool="coin-flip"] .result-wrap{display:none}.workspace[data-tool="coin-flip"] #process:disabled{opacity:.7;cursor:wait}
.dice-stage{height:190px;display:flex;align-items:center;justify-content:center;perspective:700px}.dice{position:relative;width:92px;height:92px;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.25,.8,.35,1)}.dice-face{position:absolute;width:92px;height:92px;padding:13px;background:linear-gradient(145deg,#fff,#dfe6f0);border:2px solid #cbd5e1;border-radius:15px;box-shadow:inset -4px -5px 10px #64748b26;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);place-items:center}.dice-face i{width:13px;height:13px;background:#14213d;border-radius:50%;box-shadow:inset -1px -1px 2px #0008}.dice-face i:nth-child(1){grid-area:1/1}.dice-face i:nth-child(2){grid-area:3/3}.dice-face i:nth-child(3){grid-area:2/2}.dice-face i:nth-child(4){grid-area:1/3}.dice-face i:nth-child(5){grid-area:3/1}.dice-face i:nth-child(6){grid-area:2/1}.face-1{transform:translateZ(46px);display:flex;align-items:center;justify-content:center}.face-2{transform:rotateY(90deg) translateZ(46px)}.face-3{transform:rotateX(-90deg) translateZ(46px)}.face-4{transform:rotateX(90deg) translateZ(46px)}.face-5{transform:rotateY(-90deg) translateZ(46px)}.face-6{transform:rotateY(180deg) translateZ(46px)}.workspace[data-tool="dice-roller"] .result-wrap{display:none}.workspace[data-tool="dice-roller"] #process:disabled{opacity:.7;cursor:wait}
.workspace[data-tool="spin-the-wheel"]{padding:0;overflow:hidden}.wheel-tool{display:grid;grid-template-columns:minmax(320px,1.25fr) minmax(250px,.75fr);min-height:590px}.wheel-panel{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;background:linear-gradient(145deg,#f8fbff,#e9f1ff)}#name-wheel{width:min(100%,520px);height:auto;cursor:pointer;filter:drop-shadow(0 13px 10px #14213d25)}.wheel-pointer{position:absolute;top:18px;z-index:2;color:#ef4444;font-size:42px;line-height:1;text-shadow:0 2px 1px #fff}.wheel-spin{margin-top:18px;min-width:160px}.wheel-controls{padding:28px;background:#fff;border-left:1px solid var(--line);display:flex;flex-direction:column}.wheel-controls label{font-weight:700;font-size:14px;margin-bottom:8px}.wheel-controls textarea{flex:1;min-height:330px;width:100%;border:1px solid #bcc8d9;border-radius:8px;padding:12px;font:15px/1.5 Arial,sans-serif;resize:vertical}.wheel-option{margin-top:14px}.wheel-option input{width:auto;margin-right:7px}.wheel-winner{margin:0 22px 22px;padding:16px;border-radius:10px;background:#eff6ff;text-align:center}.wheel-winner span,.wheel-winner strong{display:block}.wheel-winner span{font-size:13px;color:var(--muted)}.wheel-winner strong{font-size:25px;color:var(--brand)}@media(max-width:760px){.wheel-tool{grid-template-columns:1fr}.wheel-controls{border-left:0;border-top:1px solid var(--line)}.wheel-controls textarea{min-height:170px}}
.workspace[data-tool="random-picker"]{padding:0;overflow:hidden}#picker-wheel{width:min(100%,520px);height:auto;cursor:pointer;filter:drop-shadow(0 13px 10px #14213d25)}
.workspace[data-tool="random-team-generator"]{padding:0;overflow:hidden}.team-tool{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr);min-height:510px}.team-settings{padding:26px;background:var(--wash);border-right:1px solid var(--line)}.team-settings textarea{width:100%;min-height:270px;border:1px solid #bcc8d9;border-radius:8px;padding:12px;font:15px/1.5 Arial,sans-serif;resize:vertical}.team-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.team-results{padding:26px}.team-result-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.team-card{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff}.team-card h3{margin:0;padding:10px 13px;background:#eff6ff;color:var(--brand);font-size:15px}.team-card ol{margin:0;padding:10px 15px 12px 34px}.team-card li{padding:3px 0}@media(max-width:720px){.team-tool{grid-template-columns:1fr}.team-settings{border-right:0;border-bottom:1px solid var(--line)}.team-grid{grid-template-columns:1fr}}