@keyframes dropIn{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes riseIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%,72%,to{transform:translateX(-120%)}86%{transform:translateX(120%)}}@keyframes driftGlow{0%{transform:translate3d(-1%,-1%,0) scale(1.02)}to{transform:translate3d(1%,1%,0) scale(1.05)}}@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes commandType{0%{width:0}to{width:100%}}@keyframes cursorBlink{50%{opacity:0}}@keyframes progressIndeterminate{0%{left:-40%;width:34%}55%{left:46%;width:46%}to{left:110%;width:34%}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes highlightPulse{0%,to{box-shadow:var(--shadow)}45%{box-shadow:0 0 0 12px rgba(124,58,237,.18),var(--shadow)}}:root{--paper:#f2f3f7;--surface:#ffffff;--surface-2:#f0f0f5;--surface-3:#fafafc;--ink:#1a1a2e;--muted:#5b616a;--muted-strong:#4b5563;--line:#e5e7eb;--line-strong:#d1d5db;--green:#7c3aed;--primary:#7c3aed;--primary-light:#ede9fe;--primary-dark:#5b21b6;--blue:#3b82f6;--red:#ef4444;--yellow:#f59e0b;--cyan:#06b6d4;--orange:#f97316;--shadow-sm:0 2px 8px rgba(15, 23, 42, 0.06);--shadow:0 4px 20px rgba(15, 23, 42, 0.08);--shadow-lg:0 8px 32px rgba(15, 23, 42, 0.12);--radius-sm:8px;--radius:14px;--radius-lg:20px;--radius-pill:999px;--font:"PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei UI", "Segoe UI", sans-serif;--mono:"Cascadia Mono", "SFMono-Regular", Consolas, monospace;--site-bg-image:none;--site-bg-opacity:1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{position:relative;isolation:isolate;min-height:100vh;margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);letter-spacing:0;overflow-x:hidden}body::after,body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none}body::before{background-image:radial-gradient(circle at 6%0,rgba(124,58,237,.09),transparent 28%),radial-gradient(circle at 94% 8%,rgba(59,130,246,.08),transparent 26%);opacity:1}[data-filter-grid] .tool-card.is-filtered,body::after{display:none}::selection{background:rgba(124,58,237,.18)}a{color:inherit}button,input,select,textarea{font:inherit}.category-card,.hot-item,.shelf-item,.tool-card,.workflow-card,button{-webkit-tap-highlight-color:rgba(124,58,237,.18)}.site-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:220px minmax(260px,1fr) auto;gap:16px;align-items:center;padding:calc(14px + env(safe-area-inset-top)) clamp(16px,3vw,38px) 14px;border-bottom:1px solid var(--line);background:rgba(244,246,243,.92);backdrop-filter:blur(14px);animation:dropIn .7s ease both}.article-page,.listing-hero,.section,.site-footer,.tool-detail,.top-ad,main>*{animation:riseIn .8s ease both}.category-card,.tool-card{transform:translateZ(0)}.hero-metrics div,.preset-chip,.shelf-item,.stats-strip div,.tool-hero-side span,.tool-pills span,.workflow-card,.workflow-links a{transform:translateZ(0);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease}.category-card:hover,.shelf-item:hover,.tool-card:hover,.workflow-card:hover{transform:translateY(-3px) scale(1.01)}.category-icon,.title-icon,.tool-icon{position:relative;overflow:hidden}.category-icon::after,.title-icon::after,.tool-icon::after{content:"";position:absolute;inset:-1px;background:linear-gradient(120deg,transparent,rgba(255,255,255,.28),transparent);transform:translateX(-120%)}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border:2px solid var(--ink);background:var(--green);color:#fff;font-size:22px;font-weight:900;box-shadow:4px 4px 0 var(--ink)}.brand-copy strong{display:block;font-size:20px;line-height:1.05}.brand-copy small{color:var(--muted-strong);font-family:var(--mono);font-size:12px}.global-search{position:relative;display:flex;align-items:center;min-height:46px;border:1px solid var(--line-strong);background:var(--surface);box-shadow:inset 0-2px 0 rgba(31,36,33,.05);transition:border-color .16s ease,box-shadow .16s ease}.global-search span{display:grid;place-items:center;width:44px;color:var(--green);text-align:center}.global-search svg,.hero-search svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.global-search input{width:100%;border:0;outline:0;background:0 0;color:var(--ink)}.global-search:focus-within,.hero-search:focus-within{border-color:var(--green);box-shadow:0 0 0 3px rgba(35,112,79,.14)}.global-search:focus-within input,.hero-search:focus-within input{box-shadow:none}.top-nav{display:flex;align-items:center;gap:6px}.top-nav a{min-height:40px;color:var(--muted);font-size:14px;text-decoration:none}.top-nav a:hover{border-color:var(--line);background:var(--surface)}.top-nav a[aria-current=page]{border-color:var(--line-strong);background:var(--surface)}.search-suggestions{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:30;display:none;max-height:min(420px,70vh);overflow:auto;border:1px solid var(--ink);background:rgba(255,255,255,.98)}.search-suggestions.is-open{display:grid}.hero-search .search-suggestions{grid-column:1/-1}.search-suggestions a,.search-suggestions div{display:grid;gap:3px;padding:12px 14px;border-bottom:1px solid var(--line);text-decoration:none}.search-suggestions a:last-child,.search-suggestions div:last-child{border-bottom:0}.search-suggestions a:focus,.search-suggestions a:hover{background:#f7fdf9;outline:0}.search-suggestions strong{color:var(--ink);font-size:14px}.search-suggestions span{color:var(--muted);font-size:12px;font-weight:800}.top-ad,main{width:min(1440px,calc(100% - 32px));margin:0 auto 46px}.top-ad{margin:16px auto 0}.ad-container{overflow:hidden;border-radius:var(--radius);-webkit-touch-callout:none;user-select:none}.ad-container iframe,.ad-container img{max-width:100%}.ad-container.is-loading{opacity:.72}.grid-ad,.home-bottom-ad,.inline-ad,.tool-bottom-ad,.tool-top-ad{grid-column:1/-1}.home-bottom-ad,.inline-ad,.tool-bottom-ad,.tool-top-ad{margin:16px 0}.tool-side .ad-container{position:sticky;top:calc(82px + env(safe-area-inset-top))}.ad-placeholder{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;min-height:78px;padding:14px 18px;border:1px dashed var(--line-strong);background:repeating-linear-gradient(-45deg,rgba(35,112,79,.08)0 8px,transparent 8px 16px),var(--surface)}.ad-placeholder span{color:var(--muted);font-size:13px}.ad-placeholder strong{font-size:14px}.ad-slot-list_middle .ad-placeholder,.ad-slot-tool_inline .ad-placeholder{min-height:110px}.ad-slot-tool_sidebar .ad-placeholder{min-height:250px}.hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:22px;margin-top:20px;border:1px solid var(--line-strong);background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(249,251,248,.94)),var(--surface)}.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0 72%,rgba(35,112,79,.08) 72% 73%,transparent 73%),linear-gradient(0deg,transparent 0 68%,rgba(43,104,168,.08) 68% 69%,transparent 69%)}.hero-copy{position:relative;padding:clamp(26px,5vw,56px)}.eyebrow{color:var(--green);font-size:12px;font-weight:900}h1,h2,h3,p{margin-top:0}h1{margin-bottom:14px;font-size:clamp(42px,8vw,86px);line-height:.95}h2{margin-bottom:12px;font-size:26px;line-height:1.2}p{color:var(--muted);line-height:1.8}.hero-copy p{max-width:720px;font-size:18px}.button-row,.hero-actions,.hero-tags{display:flex;flex-wrap:wrap;gap:10px}.hero-tags{gap:8px;margin-top:22px}.hero-tags span,.hero-tags--links a{padding:7px 10px;border:1px solid var(--line);background:rgba(255,255,255,.78);color:var(--muted);font-size:13px;font-weight:800}.hero-tags--links a{display:inline-flex;align-items:center;text-decoration:none}.hero-tags--links a:hover{border-color:var(--green);color:var(--green);background:#fff}.hero-search{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:18px;padding:10px;border:1px solid var(--line-strong);background:rgba(255,255,255,.88);box-shadow:0 8px 20px rgba(31,36,33,.05)}.hero-search span{display:grid;place-items:center;height:100%;color:var(--green);font-size:20px}.hero-search input{min-width:0;border:0;outline:0;background:0 0}.hero-search button,.primary-link{min-height:42px;border:1px solid var(--ink)}.hero-search button{padding:0 14px;background:var(--ink);color:#fff;font-weight:900;cursor:pointer}.primary-link{padding:9px 14px;color:var(--ink)}.primary-btn,.primary-link,.secondary-link{display:inline-flex;align-items:center;justify-content:center;font-weight:900;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease}.secondary-link{min-height:42px;padding:9px 14px}.primary-btn{border:1px solid var(--ink);color:var(--ink)}.ghost-btn,.primary-btn{padding:9px 14px}.ghost-btn,.mini-btn{display:inline-flex;align-items:center;justify-content:center;font-weight:900;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease}.primary-btn,.primary-link{background:var(--green)}.hero-search button:hover,.primary-link:hover{box-shadow:4px 4px 0 var(--ink)}.secondary-link:hover{transform:translateY(-1px)}.primary-btn:hover{box-shadow:4px 4px 0 var(--ink)}.ghost-btn:hover,.mini-btn:hover{transform:translateY(-1px)}.ghost-btn:active,.hero-search button:active,.mini-btn:active,.primary-btn:active,.primary-link:active,.secondary-link:active{transform:translateY(1px);box-shadow:2px 2px 0 var(--ink);transition-duration:.06s}.primary-link.is-active,.secondary-link.is-active{border-color:var(--green);background:var(--green)}.hero-panel{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:22px;border-left:1px solid var(--line);background:linear-gradient(135deg,rgba(35,112,79,.12),transparent 58%),#f9fbfa}.command-window{width:100%;align-self:stretch;border:1px solid var(--ink);background:#18221d;color:#eaf5ef}.window-bar{display:flex;gap:7px;padding:12px;border-bottom:1px solid rgba(255,255,255,.16)}.window-bar span{width:10px;height:10px;border-radius:50%;background:var(--yellow)}.window-bar span:nth-child(2){background:var(--green)}.window-bar span:nth-child(3){background:var(--red)}.command-lines{padding:18px;font-family:var(--mono);font-size:13px}.command-lines p{position:relative;overflow:hidden;width:0;max-width:max-content;margin-bottom:10px;color:#d7efe3;white-space:nowrap;animation:commandType .9s steps(32,end) forwards}.command-lines p:nth-child(2){animation-delay:.18s}.command-lines p:nth-child(3){animation-delay:.36s}.command-lines p:nth-child(4){animation-delay:.54s}.command-lines p::after{content:"";position:absolute;top:.2em;right:-4px;width:2px;height:1.2em;background:#94d6b5;animation:cursorBlink .8s steps(2,start) infinite}.command-lines b{color:#94d6b5}.panel-meter{display:grid;gap:9px;padding:0 18px 18px}.panel-meter span{display:block;height:8px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06)}.panel-meter i{display:block;height:100%;background:linear-gradient(90deg,#94d6b5,#e3c35a)}.hero-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hero-metrics div{padding:12px;border:1px solid var(--line);background:rgba(255,255,255,.84)}.hero-metrics strong{display:block;margin-bottom:4px;color:var(--ink);font-family:var(--mono);font-size:20px}.hero-metrics span,.stats-strip span{color:var(--muted);font-size:12px}.stats-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.stats-strip div{position:relative;overflow:hidden;padding:16px;border:1px solid var(--line);background:var(--surface)}.stats-strip div::after{content:"";position:absolute;right:12px;bottom:12px;width:38px;height:10px;border-top:2px solid rgba(35,112,79,.18);border-bottom:2px solid rgba(43,104,168,.16)}.stats-strip strong{display:block;font-family:var(--mono);font-size:28px}.stats-strip span{font-size:13px}.article-page,.listing-hero,.section{margin-top:24px;padding:20px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(249,251,248,.98)),var(--surface)}.article-page h1,.listing-hero h1{font-size:clamp(36px,6vw,64px)}.listing-hero.compact h1{font-size:clamp(32px,5vw,52px)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.section-head a{color:var(--green);font-weight:900;text-decoration:none}.section-head h2{margin-bottom:0}.section-note{color:var(--muted);font-size:13px;font-weight:700}.listing-controls{display:grid;gap:12px;margin-top:16px;padding:16px;border:1px solid var(--line);background:rgba(255,255,255,.9)}.filter-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.filter-tab,.listing-search{color:var(--muted);font-weight:900}.filter-tab{flex:0 0 auto;min-height:38px;padding:8px 11px;border:1px solid var(--line);background:var(--surface);cursor:pointer;transition:transform .12s ease,border-color .14s ease,background-color .14s ease,color .14s ease}.filter-tab span,output{color:var(--green);font-family:var(--mono);font-size:12px}.filter-tab.is-active,.filter-tab:hover{border-color:var(--ink);background:#f7fdf9}.filter-tab:active{transform:translateY(1px)}.listing-search{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.listing-search input{min-height:44px}.filter-status{margin:0;font-size:13px}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.category-card,.tool-card,.workflow-links a{border:1px solid var(--line);text-decoration:none}.category-card,.tool-card{position:relative;display:grid;align-content:start;min-height:148px;padding:16px;background:#fff;transition:transform .14s ease,box-shadow .18s ease,border-color .14s ease,background-color .18s ease}.category-card:hover,.tool-card:hover{border-color:var(--ink);background:#f7fdf9}.category-card::after,.tool-card::after{content:"";position:absolute;right:13px;top:13px;width:13px;height:13px;border-top:2px solid rgba(35,112,79,.28);border-right:2px solid rgba(35,112,79,.28);transition:transform .18s ease,border-color .18s ease}.category-card:hover::after,.tool-card:hover::after{border-color:var(--green);transform:translate(2px,-2px)}.category-card:active,.shelf-item:active,.tool-card:active,.workflow-card:active{transition-duration:.06s}.category-card strong,.tool-card strong{display:block;margin-bottom:8px;font-size:18px}.category-meta,.tool-card em,.tool-chip{color:var(--muted);font-size:12px;font-style:normal}.category-icon,.title-icon,.tool-icon{display:inline-grid;place-items:center;border:1px solid var(--line-strong);color:var(--green);background:var(--surface-3)}.category-icon,.tool-icon{width:42px;height:42px;margin-bottom:12px}[data-tool-category=pdf] .category-icon,[data-tool-category=pdf] .tool-icon{background:#fff0ee;color:var(--red)}[data-tool-category=image] .category-icon,[data-tool-category=image] .tool-icon{background:#eef5ff;color:var(--blue)}[data-tool-category=ai] .category-icon,[data-tool-category=ai] .tool-icon{background:#f4eeff;color:#7c3aed}[data-tool-category=calc] .category-icon,[data-tool-category=calc] .tool-icon{background:#fffaee;color:var(--yellow)}[data-tool-category=dev] .category-icon,[data-tool-category=dev] .tool-icon{background:#eefbfb;color:var(--cyan)}[data-tool-category=text] .category-icon,[data-tool-category=text] .tool-icon{background:#f4f6f8;color:#52606d}[data-tool-category=office] .category-icon,[data-tool-category=office] .tool-icon{background:#fff7e8;color:#af6f08}[data-tool-category=seo] .category-icon,[data-tool-category=seo] .tool-icon{background:#eef8f1;color:var(--green)}[data-tool-category=video] .category-icon,[data-tool-category=video] .tool-icon{background:#fff0f6;color:#b83280}[data-tool-category=query] .category-icon,[data-tool-category=query] .tool-icon{background:#f3f0ff;color:#5b4bb2}[data-tool-category=test] .category-icon,[data-tool-category=test] .tool-icon{background:#eefdf8;color:#0f9f7a}.category-icon svg,.title-icon svg,.tool-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.title-icon svg{width:30px;height:30px}.category-meta{display:block;margin-bottom:8px;font-family:var(--mono);font-weight:800}.category-card p,.shelf-item p,.tool-card p,.workflow-card p{margin-bottom:0;font-size:14px;line-height:1.65}.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tool-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.shelf-card,.workflow-card{border:1px solid var(--line);background:#fff}.workflow-card{display:grid;gap:10px;padding:16px}.workflow-card strong{font-size:18px}.shelf-item p,.workflow-card p{font-size:13px}.workflow-links{display:flex;flex-wrap:wrap;gap:8px}.workflow-links a{padding:6px 9px;color:var(--green);background:var(--surface-3);font-size:12px;font-weight:900}.workflow-links a:hover{border-color:var(--green);background:#fff}.shelf-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shelf-card{padding:16px}.shelf-card h3{margin-bottom:10px;font-size:18px}.shelf-grid,.shelf-item{display:grid;gap:10px}.shelf-item{gap:4px;border:1px solid var(--line);background:var(--surface-3);text-decoration:none;cursor:pointer}.shelf-item strong{font-size:16px}.shelf-item span{color:var(--muted);font-size:12px;font-weight:800}.shelf-item p{line-height:1.6}.shelf-empty{padding:14px;border:1px dashed var(--line-strong);background:rgba(255,255,255,.58);color:var(--muted);font-size:13px}.shelf-item:hover,.workflow-card:hover{border-color:var(--ink)}.tool-chip{display:inline-block;margin-bottom:10px;padding:3px 7px;border:1px solid var(--line)}.new-badge{position:absolute;top:12px;right:36px;padding:2px 7px;border:1px solid var(--green);background:#eaf7ef;font-size:12px;font-weight:900}.tool-card strong,.tool-title h1{display:flex;align-items:center;gap:8px}.tool-page{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;margin-top:16px}.side-box,.tool-copy,.tool-main,.tool-side{border:1px solid var(--line);background:var(--surface)}.tool-title{padding:24px;border-bottom:1px solid var(--line)}.tool-title h1{gap:14px;font-size:clamp(34px,5vw,62px)}.title-icon{flex:0 0 auto;width:54px;height:54px;background:var(--green);border-color:var(--ink);box-shadow:5px 5px 0 var(--ink)}.tool-runtime{padding:20px}.runtime-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px}.runtime-form,.runtime-result{min-width:0}.runtime-form,label{display:grid;gap:12px}label{gap:7px;color:var(--muted);font-size:13px;font-weight:800}input,select,textarea{width:100%;border:1px solid var(--line-strong);background:#fff;color:var(--ink);font-size:16px;outline:0}input,select{height:42px;padding:0 10px}textarea{min-height:160px;padding:10px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(35,112,79,.14)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.check-row{display:flex;flex-wrap:wrap;gap:12px}.check-row label{display:inline-flex;align-items:center;gap:6px}.check-row input{width:auto;height:auto}.ghost-btn,.primary-btn{min-height:44px;cursor:pointer;touch-action:manipulation}.runtime-result{border:1px solid var(--line);background:#f9fbfa}.result-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;border-bottom:1px solid var(--line)}.mini-btn{min-height:44px;padding:5px 10px;font-size:12px}#toolOutput{min-height:220px;max-height:520px;margin:0;overflow:auto;white-space:pre-wrap;word-break:break-word;padding:12px;color:var(--ink);font-family:var(--mono);font-size:13px;line-height:1.65}#toolOutput.tool-output-empty{display:grid;align-content:center;justify-items:center;gap:8px;white-space:pre-line;text-align:center;color:var(--muted);background:radial-gradient(circle at 50% 30%,rgba(35,112,79,.12),transparent 34%),linear-gradient(180deg,#fff,#f7fbf8)}#toolOutput.tool-output-empty::before{content:"";width:38px;height:38px;border:1px solid var(--line-strong);background:linear-gradient(90deg,transparent 45%,var(--green) 45% 55%,transparent 55%),linear-gradient(transparent 45%,var(--green) 45% 55%,transparent 55%),#eef7f2;opacity:.9}.quiz-list,.test-panel{display:grid;gap:12px}.test-arena,.test-stage{display:grid;min-height:190px;place-items:center;gap:8px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#fff,#f8fafc);text-align:center;touch-action:manipulation;user-select:none}.choice-cue,.memory-grid button,.test-arena,.test-stage{border:1px solid var(--line);color:var(--ink)}.choice-cue{display:grid;place-items:center;gap:8px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#fff,#f8fafc);text-align:center;touch-action:manipulation;user-select:none}.choice-cue strong,.test-stage strong{font-size:clamp(28px,7vw,54px);line-height:1}.choice-cue span,.test-arena span,.test-stage span{color:var(--muted);font-size:14px;font-weight:800}.reaction-stage.is-waiting{background:linear-gradient(135deg,#fff1f2,#fee2e2);color:#b91c1c}.reaction-stage.is-go{background:linear-gradient(135deg,#ecfdf5,#bbf7d0);color:#047857}.reaction-stage.is-fault{background:linear-gradient(135deg,#fff7ed,#fed7aa);color:#c2410c}.reaction-stage.is-done,.scroll-stage.is-running,.tap-stage.is-running{background:linear-gradient(135deg,var(--primary-light),#fff);color:var(--primary)}.aim-arena{position:relative;min-height:320px;overflow:hidden;cursor:crosshair}.aim-target{position:absolute;display:block;min-height:auto;padding:0;border:0;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,transparent 18%),linear-gradient(135deg,#7c3aed,#06b6d4);box-shadow:0 8px 20px rgba(124,58,237,.28);cursor:pointer}.choice-buttons,.memory-grid,.music-grid{display:grid;gap:8px}.memory-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.memory-grid button{min-height:48px;border-radius:var(--radius);background:#fff}.memory-grid button,.music-grid button{font-weight:900;cursor:pointer;touch-action:manipulation}.choice-buttons button,.music-grid button,.quiz-row{border:1px solid var(--line);border-radius:var(--radius);background:#fff}.choice-buttons button{min-height:48px;font-weight:900;cursor:pointer;touch-action:manipulation;border-color:color-mix(in srgb,var(--choice-color) 35%,var(--line));color:var(--choice-color)}.memory-grid button.is-lit{background:var(--primary);color:#fff;box-shadow:0 0 0 4px rgba(124,58,237,.16)}.memory-grid button.is-hit{background:#dcfce7;color:#166534}.memory-grid button.is-error{background:#fee2e2;color:#991b1b}.quiz-row{padding:12px}.tap-stage{min-height:240px}.scroll-stage{min-height:230px;cursor:ns-resize}.choice-cue{min-height:160px;border-color:color-mix(in srgb,var(--cue-color, var(--primary)) 35%,var(--line));background:radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--cue-color, var(--primary)) 18%,transparent),transparent 42%),#fff}.choice-buttons{grid-template-columns:repeat(4,minmax(0,1fr))}.test-canvas{width:100%;max-width:100%;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-sm);touch-action:none}.sandbox-canvas{image-rendering:pixelated}.music-grid button.is-active,.particle-tools .is-active{background:var(--primary);color:#fff}.music-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.music-grid button{min-height:42px;padding:0;color:var(--muted);font-size:11px}.music-grid button.is-step{box-shadow:inset 0-4px 0#f59e0b}.hint{margin-bottom:0;padding:10px 12px;border-left:3px solid var(--yellow);background:#fff8df;color:#685b24;font-size:13px}.notice-box{padding:14px;border-top:3px solid var(--green);background:#eef7f2}.notice-box p{margin-bottom:0}.preview-img{display:block;width:100%;max-height:320px;object-fit:contain;border-bottom:1px solid var(--line);background:#fff}.result-note{color:var(--muted);font-size:12px;font-weight:700}input[type=range]{height:28px;padding:0;accent-color:var(--green);cursor:pointer}.mask-actions,.mask-stage{border-bottom:1px solid var(--line)}.mask-stage{position:relative;width:100%;overflow:hidden;background:#202824}.mask-stage canvas{display:block;width:100%;height:auto}.mask-stage canvas+canvas{position:absolute;inset:0;touch-action:none;cursor:crosshair}.mask-actions{padding:12px}.media-stage{display:grid;min-height:220px;place-items:center;padding:30px 18px;background:radial-gradient(circle at 50%0,rgba(35,112,79,.12),transparent 45%),#f9fbfa;text-align:center}.media-stage p{margin:14px 0 0}.loading-orbit{width:42px;height:42px;border:3px solid rgba(35,112,79,.18);border-top-color:var(--green);border-radius:50%;animation:orbitSpin .8s linear infinite}.checker-stage{background-color:#fff;background-image:linear-gradient(45deg,#e8eeea 25%,transparent 25%),linear-gradient(-45deg,#e8eeea 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e8eeea 75%),linear-gradient(-45deg,transparent 75%,#e8eeea 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.checker-stage .preview-img{max-height:420px;border-bottom:0;background:0 0}.catalog-head,.video-preview{border-bottom:1px solid var(--line)}.video-preview{display:block;width:100%;max-height:420px;background:#111}.catalog-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:14px 12px}.catalog-head span{color:var(--muted);font-size:12px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;max-height:430px;overflow:auto}.catalog-item{display:grid;min-height:74px;gap:4px;padding:10px;border:1px solid var(--line);background:#fff;color:var(--ink);text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.catalog-item:focus-visible,.catalog-item:hover{border-color:var(--green);box-shadow:3px 3px 0 rgba(31,36,33,.16);transform:translateY(-2px)}.catalog-item strong{min-height:28px;font-size:22px;line-height:1.15}.catalog-item em,.catalog-item span{overflow:hidden;color:var(--muted);font-size:11px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.catalog-item em{color:var(--green)}.catalog-empty{grid-column:1/-1;padding:28px 12px;color:var(--muted);text-align:center}.color-swatch{height:48px;border:1px solid var(--line);background:var(--green)}.tool-copy{padding:22px;border-right:0;border-left:0;border-bottom:0}.article-page h2,.tool-copy h2{margin-top:24px;font-size:20px}.intro-copy,.seo-article{display:grid;gap:12px;color:var(--ink);line-height:1.85}.intro-copy p,.seo-article p{margin:0}.seo-article ul{margin:0;padding-left:20px}.compare-table{width:100%;border-collapse:collapse;overflow:hidden;border:1px solid var(--line);background:#fff}.compare-table td,.compare-table th{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;font-size:14px;vertical-align:top}.compare-table th,.inline-tool-links a{background:var(--surface-3);color:var(--ink)}.inline-tool-links,.site-footer nav{display:flex;flex-wrap:wrap;gap:8px}.inline-tool-links a{padding:6px 10px;border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--green);font-size:13px;font-weight:900;text-decoration:none}.tool-side{display:grid;align-content:start;gap:12px;padding:12px;background:0 0;border:0}.side-box{padding:14px}.side-box p{margin-bottom:8px;font-size:13px}.article-page{max-width:920px}.article-page p{font-size:16px}.site-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;width:min(1440px,calc(100% - 32px));margin:0 auto 24px;padding:20px 20px calc(20px + env(safe-area-inset-bottom));border-top:1px solid var(--line-strong);color:var(--muted)}.breadcrumbs strong,.site-footer strong{color:var(--ink)}.site-footer p{margin-bottom:0;font-size:13px}.site-footer nav{justify-content:flex-end;gap:10px}.footer-records,.site-footer a{color:var(--muted);font-size:13px}.site-footer a{text-decoration:none}.footer-records{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px}.footer-records a{color:inherit;text-decoration:none}.footer-records a:hover{color:var(--primary)}.footer-copyright,.footer-police-record{display:inline-flex;align-items:center;gap:5px}.police-badge-icon{display:inline-grid;width:16px;height:16px;place-items:center;color:var(--primary)}.police-badge-icon svg,.safe-lock svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.empty-box{padding:22px;border:1px solid var(--line);background:var(--surface-2);color:var(--muted)}.step-grid b,.toast{border:1px solid var(--ink)}.toast{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:50;max-width:min(360px,calc(100vw - 36px));padding:12px 14px;background:var(--ink);color:#fff;opacity:0;transform:translateY(8px);transition:opacity .16s ease,transform .16s ease}.toast.is-visible{opacity:1;transform:translateY(0)}.tool-detail{display:grid;gap:14px;margin-top:16px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--muted)}.breadcrumbs a{color:var(--green);font-weight:900;text-decoration:none}.tool-hero-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 330px;min-height:310px;border:1px solid var(--line-strong);background:radial-gradient(circle at 88% 20%,rgba(43,104,168,.16),transparent 28%),linear-gradient(135deg,rgba(255,255,255,.98),rgba(235,243,238,.92))}.tool-hero-card::before{content:"";position:absolute;inset:18px;pointer-events:none;border:1px solid rgba(31,36,33,.08)}.tool-hero-copy{position:relative;z-index:1;padding:clamp(26px,5vw,58px)}.tool-hero-copy h1{display:flex;gap:16px;align-items:center;max-width:980px;margin-bottom:16px;font-size:clamp(38px,6vw,76px)}.tool-hero-copy p{max-width:820px;font-size:17px}.tool-actions,.tool-hero-side,.tool-pills{display:flex;flex-wrap:wrap;gap:8px}.tool-hero-side span,.tool-pills span{padding:7px 10px;border:1px solid var(--line);background:rgba(255,255,255,.78);color:var(--muted);font-size:13px;font-weight:900}.tool-actions{gap:10px;margin:18px 0 14px}.tool-preset-row{display:grid;gap:10px;margin-bottom:16px}.alias-cloud a,.tool-preset-label{color:var(--muted);font-size:13px;font-weight:900}.tool-preset-list{display:flex;flex-wrap:wrap;gap:8px}.preset-chip{display:inline-flex;align-items:center;min-height:34px;padding:6px 10px;border:1px solid var(--line);background:rgba(255,255,255,.82);color:var(--ink);font-size:12px;font-weight:800;cursor:pointer}.preset-chip:hover{border-color:var(--green)}.tool-hero-side{position:relative;z-index:1;align-content:end;padding:24px;border-left:1px solid var(--line);background:linear-gradient(180deg,rgba(24,34,29,.94),rgba(24,34,29,.9)),var(--ink);color:#eaf5ef}.tool-hero-side strong{flex-basis:100%;font-size:20px}.tool-hero-side p{flex-basis:100%;color:#c7ded1}.tool-hero-side span{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#eaf5ef}.side-kpis{display:grid;gap:10px;width:100%;margin-top:10px}.side-kpis div{padding:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06)}.side-kpis strong{display:block;margin-bottom:4px;color:#fff;font-size:14px}.side-kpis span{color:#c7ded1;font-size:12px}.tool-workbench{border:1px solid var(--ink);background:var(--surface)}.workbench-head{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(35,112,79,.08),transparent),var(--surface-3)}.step-grid p,.workbench-head h2{margin-bottom:0}.step-grid div,.workbench-safe{border:1px solid var(--line);background:#fff}.workbench-safe{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;color:var(--muted);font-size:13px;font-weight:900}.safe-lock{display:inline-grid;width:22px;height:22px;place-items:center;border:1px solid rgba(35,112,79,.18);background:#eef7f2}.safe-lock svg{width:15px;height:15px;stroke-width:2.2}.tool-info-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;margin-top:16px}.modern-copy{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(249,251,248,.98)),var(--surface)}.step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 6px}.step-grid div{position:relative;min-height:156px;padding:16px}.step-grid b{display:grid;width:34px;height:34px;place-items:center;margin-bottom:12px;background:var(--yellow);color:var(--ink);font-family:var(--mono);box-shadow:3px 3px 0 var(--ink);border:0;border-radius:10px;background:#fef3c7;color:#92400e;box-shadow:none}.step-grid strong{display:block;margin-bottom:8px}.step-grid p{font-size:13px;line-height:1.7}.alias-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.alias-cloud a{padding:6px 9px;color:var(--green);background:var(--surface-3);font-size:12px;text-decoration:none}.faq-list{display:grid;gap:10px}.alias-cloud a,.faq-item{border:1px solid var(--line)}.faq-item{background:#fff}.faq-item summary{position:relative;list-style:none;padding:14px 46px 14px 16px;cursor:pointer;font-weight:900}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:"+";position:absolute;top:50%;right:16px;width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface-3);transform:translateY(-50%);transition:transform .2s ease,background-color .2s ease;border:0;border-radius:50%;background:var(--primary-light);color:var(--primary)}.faq-item[open] summary::after{background:#eef7f2;transform:translateY(-50%) rotate(45deg)}.faq-item p{margin:0;padding:0 16px 16px}.tool-bottom-ad{margin-top:16px}@media (hover:hover) and (prefers-reduced-motion:no-preference){body::after{animation:driftGlow 24s ease-in-out infinite alternate}.category-icon::after,.title-icon::after,.tool-icon::after{animation:shimmer 5.8s ease-in-out infinite}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,::after,::before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (max-width:1180px){.category-grid,.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.runtime-grid,.shelf-columns,.tool-grid--compact,.tool-hero-card,.tool-info-grid,.tool-page,.workflow-grid{grid-template-columns:1fr}.tool-hero-side{border-top:1px solid var(--line);border-left:0}}@media (max-width:860px){.site-header{grid-template-columns:1fr;gap:10px}.top-nav{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.top-nav a{flex:0 0 auto;text-align:center;white-space:nowrap}.hero{grid-template-columns:1fr}.hero-panel{border-top:1px solid var(--line);border-left:0}.hero-search{grid-template-columns:42px minmax(0,1fr)}.hero-search button{grid-column:1/-1}.category-grid,.hero-metrics,.shelf-columns,.stats-strip,.step-grid,.tool-grid,.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer{grid-template-columns:1fr}.site-footer nav{justify-content:flex-start}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.site-footer,.top-ad,main{width:calc(100% - 24px)}.article-page,.hero-copy,.listing-hero,.section,.tool-hero-copy,.tool-hero-side,.tool-runtime,.tool-title{padding:16px}.tool-hero-copy h1,.tool-title h1,h1{font-size:clamp(28px,8vw,40px)}.tool-hero-copy h1,.tool-title h1{align-items:flex-start;flex-direction:column}.title-icon{width:46px;height:46px;box-shadow:3px 3px 0 var(--ink)}.ghost-btn,.hero-search button,.hero-search input,.primary-btn,.primary-link,.secondary-link{width:100%}.hero-tags span,.hero-tags--links a{flex:1 1 calc(50% - 8px);text-align:center}.hero-tags--links a{justify-content:center}.category-grid,.form-grid,.hero-metrics,.shelf-columns,.stats-strip,.step-grid,.tool-grid,.tool-grid--compact,.workflow-grid{grid-template-columns:1fr}.hero-search{gap:8px}.catalog-grid{grid-template-columns:1fr}.choice-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.music-grid{gap:6px}.music-grid button{min-height:38px;font-size:10px}.listing-search{grid-template-columns:1fr}.filter-tab,.memory-grid button{min-height:44px}.workbench-head{align-items:flex-start;flex-direction:column;padding:16px}.tool-workbench{box-shadow:4px 4px 0 var(--ink)}}.site-header{border-bottom:1px solid rgba(229,231,235,.72);background:rgba(255,255,255,.88)}.brand-mark,.global-search{border:0;border-radius:var(--radius-pill)}.brand-mark{background:linear-gradient(135deg,var(--primary),#a855f7);box-shadow:0 4px 12px rgba(124,58,237,.28)}.global-search{box-shadow:var(--shadow-sm)}.global-search:focus-within,.hero-search:focus-within{border-color:transparent;box-shadow:0 0 0 3px rgba(124,58,237,.16),var(--shadow-sm)}.top-nav a{border:0;border-radius:var(--radius-pill);background:rgba(255,255,255,.72);padding:8px 16px;font-weight:700}.top-nav a:hover,.top-nav a[aria-current=page]{border-color:transparent;background:var(--primary-light);color:var(--primary)}.top-nav a[aria-current=page]{font-weight:900}.search-suggestions{border:0;border-radius:var(--radius);box-shadow:var(--shadow-lg)}.search-suggestions a:focus,.search-suggestions a:hover{background:var(--primary-light)}.ad-placeholder,.top-ad{border-radius:var(--radius)}.ad-placeholder{border:0;box-shadow:var(--shadow-sm);background:var(--surface)}.hero{border:0;border-radius:var(--radius-lg);box-shadow:var(--shadow)}.category-card::after,.hero::before,.stats-strip div::after,.tool-card::after{display:none}.hero-panel{border-left:0;background:linear-gradient(135deg,rgba(124,58,237,.08),transparent 58%),#fafaff}.hero-metrics div,.hero-search,.stats-strip div{border:0;border-radius:var(--radius);box-shadow:var(--shadow-sm)}.hero-search button{border:0;border-radius:var(--radius-pill);background:var(--primary)}.hero-search button:hover{box-shadow:0 6px 16px rgba(124,58,237,.28)}.ghost-btn,.mini-btn,.primary-btn,.primary-link,.secondary-link{border:0;border-radius:var(--radius-pill);box-shadow:var(--shadow-sm)}.primary-btn,.primary-link,.primary-link.is-active,.secondary-link.is-active{background:var(--primary);color:#fff}.primary-btn:hover,.primary-link:hover{background:var(--primary-dark);box-shadow:0 6px 18px rgba(124,58,237,.3);transform:translateY(-2px)}.ghost-btn,.mini-btn,.secondary-link{border:1px solid var(--line);background:var(--surface);color:var(--ink)}.ghost-btn:hover,.mini-btn:hover,.secondary-link:hover{border-color:var(--primary-light);background:var(--primary-light);color:var(--primary);box-shadow:var(--shadow-sm)}.ghost-btn:active,.hero-search button:active,.mini-btn:active,.primary-btn:active,.primary-link:active,.secondary-link:active{box-shadow:0 2px 8px rgba(15,23,42,.08)}.command-window{border:0;border-radius:var(--radius);box-shadow:var(--shadow-lg)}.window-bar{border-radius:var(--radius) var(--radius)0 0}.stats-strip strong{color:var(--primary)}.article-page,.listing-hero,.section{border:0;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:var(--surface)}.listing-controls{border:0;border-radius:var(--radius);box-shadow:var(--shadow-sm)}.filter-tab{border:0;border-radius:var(--radius-pill);background:var(--surface-2)}.filter-tab.is-active,.filter-tab:hover{border-color:transparent;background:var(--primary-light);color:var(--primary)}.category-card,.tool-card{border:0;box-shadow:var(--shadow-sm)}.category-card,.shelf-card,.tool-card,.workflow-card{border-radius:var(--radius)}.category-card:hover,.shelf-item:hover,.tool-card:hover,.workflow-card:hover{border-color:transparent;background:var(--surface);box-shadow:var(--shadow);transform:translateY(-4px)}.category-card:active,.shelf-item:active,.tool-card:active,.workflow-card:active{transform:translateY(-1px) scale(.985);box-shadow:var(--shadow-sm)}.category-icon,.title-icon,.tool-icon{border:0;border-radius:var(--radius-sm)}.alias-cloud a,.hero-tags--links a,.preset-chip,.tool-chip,.tool-hero-side span,.tool-pills span,.workflow-links a{border:0;border-radius:var(--radius-pill)}.tool-chip{background:var(--surface-2)}.new-badge{border:0;border-radius:var(--radius-pill);background:var(--primary-light);color:var(--primary)}.featured-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}.featured-card{display:flex;min-width:0;align-items:center;gap:12px;padding:18px 16px;border-radius:var(--radius);background:linear-gradient(135deg,#1e1b4b,#312e81);color:#fff;text-decoration:none;box-shadow:0 5px 18px rgba(30,27,75,.2);transition:transform .16s ease,box-shadow .18s ease}.featured-card:hover{color:#fff;transform:translateY(-3px);box-shadow:0 10px 26px rgba(30,27,75,.3)}.featured-card:active{transform:translateY(-1px) scale(.985)}.featured-icon{display:inline-grid;flex:0 0 auto;width:42px;height:42px;place-items:center;border-radius:12px;background:rgba(255,255,255,.13)}.featured-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.featured-card:nth-child(1) .featured-icon{color:#fb7185}.featured-card:nth-child(2) .featured-icon{color:#60a5fa}.featured-card:nth-child(3) .featured-icon{color:#c084fc}.featured-card:nth-child(4) .featured-icon{color:#fbbf24}.featured-copy{display:grid;min-width:0;gap:4px}.featured-copy small,.featured-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.featured-copy strong{color:#fff;font-size:15px}.featured-copy small{color:rgba(255,255,255,.62);font-size:12px}.featured-cta{margin-left:auto;color:rgba(255,255,255,.68);font-size:12px;font-weight:800;white-space:nowrap}.hot-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hot-item{display:flex;min-width:0;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius);background:var(--surface-3);color:var(--ink);text-decoration:none;box-shadow:var(--shadow-sm);transition:transform .14s ease,background-color .14s ease,box-shadow .18s ease}.hot-item:hover{background:var(--primary-light);box-shadow:var(--shadow);transform:translateY(-2px)}.hot-item:active{transform:scale(.985)}.hot-rank{width:24px;color:var(--muted);font-family:var(--mono);font-size:13px;font-weight:900;text-align:center}.hot-icon,.hot-item.rank-top .hot-rank{color:var(--primary)}.hot-icon{display:inline-grid;flex:0 0 auto;width:34px;height:34px;place-items:center;border-radius:10px;background:var(--primary-light)}.hot-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.hot-name{flex:1;min-width:0;overflow:hidden;font-size:14px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.hot-views{color:var(--muted);font-size:12px;white-space:nowrap}.hot-arrow,.hot-arrow::after{border-top:2px solid currentColor}.hot-arrow{position:relative;flex:0 0 auto;width:12px;height:12px;border-right:2px solid currentColor;color:var(--primary);transform:translate(-2px,2px)}.hot-arrow::after{content:"";position:absolute;top:4px;right:-2px;width:13px;transform:rotate(-45deg);transform-origin:right center}.shelf-card,.shelf-item,.workflow-card{border:0;box-shadow:var(--shadow-sm)}.alias-cloud a:hover,.preset-chip:hover,.workflow-links a:hover{border-color:transparent;background:var(--primary-light);color:var(--primary)}.tool-hero-card{border:0;border-radius:var(--radius-lg);box-shadow:var(--shadow);background:radial-gradient(circle at 88% 20%,rgba(124,58,237,.14),transparent 28%),linear-gradient(135deg,rgba(255,255,255,.98),rgba(245,243,255,.96))}.tool-hero-card::before{display:none}.title-icon{background:linear-gradient(135deg,var(--primary),#a855f7);color:#fff;box-shadow:0 6px 18px rgba(124,58,237,.22)}.tool-hero-side{border-left:0;background:linear-gradient(160deg,#1e1b4b,#312e81)}.tool-workbench{overflow:hidden;border:0;border-radius:var(--radius-lg);box-shadow:var(--shadow)}.workbench-head{border-bottom:0;border-radius:var(--radius-lg) var(--radius-lg)0 0;background:linear-gradient(90deg,rgba(124,58,237,.08),transparent),var(--surface-3)}.empty-box,.faq-item,.modern-copy,.side-box,.step-grid div,.workbench-safe{border:0;border-radius:var(--radius);box-shadow:var(--shadow-sm)}.safe-lock{border:0;border-radius:8px;background:var(--primary-light);color:var(--primary)}.site-footer{border-top:0}.toast{border:0;border-radius:var(--radius-pill);box-shadow:var(--shadow-lg)}@media (max-width:860px){.featured-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.featured-strip,.hot-list{grid-template-columns:1fr}.featured-card{padding:15px}.hot-item{min-height:54px}}:focus-visible{outline:3px solid rgba(124,58,237,.72);outline-offset:2px}.output-wrap{position:relative;min-height:220px;background:linear-gradient(135deg,rgba(124,58,237,.04),rgba(59,130,246,.04))}.output-wrap #toolOutput{background:0 0}#toolOutput.tool-output-empty{display:none}#toolOutput.tool-output-error{color:#b42318}.empty-state{display:grid;min-height:220px;place-items:center;align-content:center;gap:8px;padding:28px 18px;color:var(--muted);text-align:center}.empty-state strong{color:var(--ink);font-size:16px}.empty-state span{font-size:13px}.empty-icon{width:48px;height:48px;margin-bottom:4px;color:var(--primary);opacity:.34;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.progress-bar{position:relative;display:flex;height:32px;align-items:center;margin:0 12px 10px;overflow:hidden;border-radius:var(--radius-pill);background:var(--surface-2);color:var(--primary-dark)}.progress-fill{position:absolute;inset:0 auto 0 0;min-width:10px;border-radius:inherit;background:linear-gradient(90deg,var(--primary),#3b82f6);transition:width .22s ease}.progress-text{position:relative;z-index:1;width:100%;padding:0 12px;color:#fff;font-size:12px;font-weight:900;text-align:center}.progress-bar.is-indeterminate .progress-fill{animation:progressIndeterminate 1.05s ease-in-out infinite}.catalog-item.is-success,.ghost-btn.is-success,.mini-btn.is-success,.primary-btn.is-success,.primary-link.is-success,.secondary-link.is-success{border-color:var(--primary);background:var(--primary);color:#fff}.input-stats{display:flex;justify-content:flex-end;gap:10px;margin-top:-2px;color:var(--muted);font-family:var(--mono);font-size:12px;font-weight:700}.file-drop{padding:12px;border:1px dashed var(--line-strong);border-radius:var(--radius);background:rgba(255,255,255,.72);transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.file-drop.is-dragging{border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 3px rgba(124,58,237,.12)}input.is-invalid,select.is-invalid,textarea.is-invalid{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.12)}.is-loading{pointer-events:none}.spinner{display:inline-block;width:14px;height:14px;margin-right:7px;border:2px solid rgba(255,255,255,.38);border-top-color:#fff;border-radius:50%;vertical-align:-2px;animation:spin .62s linear infinite}.expand-output-btn{display:block;width:calc(100% - 24px);min-height:38px;margin:0 12px 12px;border:0;border-radius:var(--radius-pill);background:var(--primary-light);color:var(--primary);font-weight:900;cursor:pointer}.search-suggestions mark{padding:0 2px;border-radius:4px;background:rgba(124,58,237,.15);color:var(--primary-dark);font-weight:900}.shelf-item{position:relative;padding:0}.shelf-main{display:grid;gap:4px;min-height:100%;padding:14px 64px 14px 14px;color:inherit;text-decoration:none}.shelf-main p{margin-bottom:0}.shelf-remove{position:absolute;top:10px;right:10px;min-height:30px;padding:0 9px;border:0;border-radius:var(--radius-pill);background:var(--surface-2);color:var(--muted);font-size:12px;font-weight:900;cursor:pointer}.shelf-remove:focus-visible,.shelf-remove:hover{background:var(--primary-light);color:var(--primary)}.filter-tabs,.top-nav{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.filter-tabs::-webkit-scrollbar,.top-nav::-webkit-scrollbar{height:4px}.filter-tabs::-webkit-scrollbar-thumb,.top-nav::-webkit-scrollbar-thumb{border-radius:999px;background:var(--line-strong)}.filter-tabs{position:relative}.filter-tabs::after{content:"";position:sticky;right:0;flex:0 0 34px;margin-left:-34px;background:linear-gradient(to right,transparent,rgba(245,245,247,.96));pointer-events:none}.breadcrumbs{margin-top:4px;font-size:14px}.highlight-pulse{animation:highlightPulse 1.45s ease-in-out}@media (hover:none){.category-card:hover,.hot-item:hover,.shelf-item:hover,.tool-card:hover,.workflow-card:hover{transform:none;box-shadow:var(--shadow-sm)}}@media (max-width:860px){.toast{top:calc(76px + env(safe-area-inset-top));right:12px;bottom:auto;left:12px;max-width:none}}@media (max-width:560px){.tool-runtime{padding:12px}.ad-placeholder{grid-template-columns:1fr;min-height:64px;padding:12px;text-align:center}.ad-slot-list_middle .ad-placeholder,.ad-slot-tool_inline .ad-placeholder,.ad-slot-tool_sidebar .ad-placeholder{min-height:96px}.tool-side .ad-container{position:static}.tool-workbench{border-radius:var(--radius)}.runtime-grid{gap:12px}.shelf-main{padding-right:58px}}