@charset "UTF-8";
:root{--ink:#242535;--muted:#9294a6;--purple:#7662ec;--purple-deep:#6351d8;--purple-light:#eeeafd;--line:#ececf3;--page:#f7f8fc;--sidebar:226px;--radius:16px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--page);font-synthesis:none;font-weight:400;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b4a7ff;outline-offset:4px}button:disabled{cursor:default}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;display:block;flex-shrink:0}[data-icon]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}[hidden]{display:none!important}.skip-link{position:fixed;top:-60px;left:240px;background:var(--ink);color:#fff;padding:12px 20px;z-index:100}.skip-link:focus{top:12px}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#fff;border-right:1px solid var(--line);padding:31px 22px 21px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:11px;padding:0 4px}.brand-symbol{position:relative;display:flex;align-items:center;justify-content:center;width:41px;height:43px;border-radius:13px;background:var(--purple);color:white;font-size:40px;font-weight:800;line-height:1;padding-bottom:10px;letter-spacing:-5px;padding-right:7px;box-shadow:0 5px 12px #7662ec1a}.brand-symbol>span{position:absolute;font-size:19px;right:4px;top:0;letter-spacing:0}.brand-word{font-size:21px;letter-spacing:1px;font-weight:750;white-space:nowrap}.brand-word small{display:block;font-size:8px;font-weight:500;color:#9c9bab;letter-spacing:2.5px;margin-top:6px}.side-caption{font-size:11px;color:#a0a1b1;margin:31px 13px 16px;letter-spacing:1px}.side-nav{display:flex;flex-direction:column;gap:7px}.nav-item{display:flex;align-items:center;gap:12px;min-height:45px;text-align:left;border-radius:9px;padding:0 14px;font-size:13px;color:#717383;transition:background .2s,color .2s}.nav-item .icon{width:18px;height:18px;stroke-width:1.7}.nav-item:hover{background:#f6f4fd;color:var(--purple)}.nav-item.active{background:var(--purple-light);color:var(--purple-deep);font-weight:650}.nav-dot{width:5px;height:5px;background:var(--purple);border-radius:50%;margin-left:auto}.nav-item:not(.active) .nav-dot{display:none}.nav-count{font-size:11px;margin-left:auto;border-radius:5px;background:#f2f2f7;color:#9695a7;min-width:20px;text-align:center;padding:2px 4px}.nav-divider{height:1px;background:var(--line);margin:17px 13px 9px}.nav-label{font-size:10px;color:#acacba;padding:3px 14px 11px;letter-spacing:1.5px}.side-bottom{margin-top:auto;padding-top:32px}.side-invite{position:relative;padding:41px 15px 17px;border:1px solid #eeeafb;border-radius:13px;background:linear-gradient(145deg,#f8f5ff,#f4f6ff);overflow:hidden}.invite-orbit{position:absolute;right:12px;top:-10px;line-height:1;font-size:65px;color:#d5ccff;transform:rotate(12deg)}.side-invite strong{position:relative;font-size:12px;font-weight:650}.side-invite p{color:#a09caf;font-size:10px;margin:8px 0 17px;white-space:nowrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:22px;font-size:12px;font-weight:600;border-radius:9px;padding:13px 21px;min-height:44px;transition:transform .2s,box-shadow .2s,background .2s;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button .icon{width:16px;height:16px}.button-white{background:white;color:var(--ink);box-shadow:0 2px 4px #1f1c5010}.side-invite .button{width:100%;font-size:11px;gap:24px;min-height:34px;padding:8px 13px}.side-help{font-size:11px;color:#8a8c9c;display:flex;align-items:center;gap:9px;width:100%;padding:22px 10px 15px}.side-help .icon{width:15px;height:15px}.side-help>span:last-child{margin-left:auto}.side-copyright{display:block;text-align:center;color:#b0b1bf;font-size:9px;letter-spacing:.5px}
.page{margin-left:var(--sidebar)}.topbar{height:77px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:#ffffffd9;border-bottom:1px solid var(--line);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.top-left,.top-actions{display:flex;align-items:center}.breadcrumb{font-size:11px;color:#999baa;display:flex;align-items:center;gap:15px}.breadcrumb>span{color:#d8d8e2}.breadcrumb b{font-weight:500;color:#555768}.top-actions{gap:22px}.live-label{color:#9698a6;font-size:10px;display:flex;align-items:center;gap:7px}.live-label i{width:5px;height:5px;background:#83bd99;border-radius:50%;box-shadow:0 0 0 3px #83bd990e}.text-button{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#656879}.text-button .icon{width:15px;height:15px}.text-button:hover{color:var(--purple)}.top-divider{height:18px;width:1px;background:#e8e8f0}.avatar{position:relative;width:32px;height:32px;background:#eeeafb;color:var(--purple);border:3px solid white;border-radius:50%;font-size:15px;font-weight:700;box-shadow:0 0 0 1px #e9e6f5}.avatar>span{position:absolute;right:-1px;bottom:-1px;width:7px;height:7px;background:#84cba9;border:2px solid white;border-radius:50%}.icon-button{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:8px;color:#9291a4}.icon-button:hover{background:#efecfb;color:var(--purple)}.menu-button{display:none}.main{max-width:1450px;margin:0 auto;padding:30px 40px 0;outline:none}
.hero{position:relative;display:grid;grid-template-columns:1.03fr 1fr;min-height:357px;overflow:hidden;border:1px solid #eeecf6;border-radius:18px;background:radial-gradient(ellipse at 77% 65%,#e9e6ff66,transparent 55%),linear-gradient(110deg,#f0edff 0%,#f7f6ff 48%,#f0f3ff 100%)}.hero-copy{z-index:2;padding:30px 0 26px 35px}.eyebrow{font-size:10px;color:#8b7eb7;display:inline-flex;gap:7px;align-items:center;letter-spacing:.8px}.eyebrow i{width:5px;height:5px;background:#aa99ea;border-radius:50%}.hero h1{font-size:41px;line-height:1.43;letter-spacing:1px;font-weight:800;margin:16px 0 12px;color:#2f2c49}.hero-highlight{position:relative;color:#7c63e9;white-space:nowrap}.hero-highlight svg{position:absolute;inset:auto 0 -9px;width:100%;height:11px;stroke:#d9cdfa;stroke-width:4;fill:none;stroke-linecap:round}.hero-copy>p{font-size:11px;line-height:1.95;color:#9390a9;margin:0 0 22px;letter-spacing:.2px}.button-dark{background:#2b293b;color:#fff;box-shadow:0 4px 9px #2b293b12}.button-dark:hover{background:#48415e;box-shadow:0 5px 14px #2b293b22}.hero .button{font-size:11px;min-height:38px;padding:10px 18px;gap:25px}.hero-note{display:flex;align-items:center;gap:9px;font-size:9px;color:#a5a0b8;margin-top:17px}.tiny-stars{color:#b8ace0;font-size:10px;letter-spacing:-2px}.hero-art{position:relative;min-width:0;isolation:isolate}.art-grid{position:absolute;inset:0;background-image:radial-gradient(#d7d1ee 1px,transparent 1px);background-size:22px 22px;opacity:.38;mask-image:radial-gradient(ellipse at 50% 50%,#000,transparent 70%)}.art-orbit{position:absolute;top:50%;left:50%;width:327px;height:327px;border:1px solid #ded8f0;border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg);z-index:-1}.orbit-two{width:417px;height:235px;transform:translate(-50%,-50%) rotate(-32deg);border-color:#e3dff1}.art-star{position:absolute;color:#a18bdd;line-height:1}.star-one{top:22px;left:8%;font-size:50px;transform:rotate(17deg)}.star-two{right:7%;bottom:28px;font-size:38px;color:#a3aecc}.design-card{position:absolute;left:8%;top:52px;width:238px;transform:rotate(-10deg);padding:12px;border:1px solid #ffffffc9;border-radius:15px;background:#ffffffd9;box-shadow:-2px 17px 37px #7c6aaa1c,0 0 0 6px #ffffff21;backdrop-filter:blur(4px);animation:float-main 8s ease-in-out infinite}.design-top{display:flex;gap:3px;align-items:center;font-size:6px;color:#9994ab;padding:0 0 10px}.design-top>span{margin-right:auto;letter-spacing:.9px}.design-top i{background:#e3deed;width:4px;height:4px;border-radius:50%}.design-landscape{height:179px;border-radius:8px;position:relative;overflow:hidden;background:linear-gradient(155deg,#b9c8f2,#decff1 40%,#edd6d9 82%)}.sun{position:absolute;top:25px;right:31px;width:43px;height:43px;background:linear-gradient(#ffe8cd,#fce1bc);border-radius:50%;box-shadow:0 0 18px #fff8dc44}.mountain{position:absolute;left:-25%;width:150%;height:140px;border-radius:50%;transform:rotate(-18deg)}.mountain-back{bottom:-73px;left:5%;background:linear-gradient(140deg,#a0b8cc,#b4bdc7)}.mountain-front{bottom:-89px;left:-37%;height:158px;transform:rotate(20deg);background:linear-gradient(165deg,#677780,#b8aaab)}.landscape-label{position:absolute;top:28px;left:20px;color:#fff;font-family:Georgia,serif;font-size:25px;line-height:1.18;letter-spacing:-.8px;text-shadow:0 1px 4px #5f567214}.landscape-label em{font-weight:400}.design-bottom{display:flex;justify-content:space-between;align-items:center;font-size:6px;color:#b1a9ba;letter-spacing:1.2px;padding-top:11px}.design-bottom>span:last-child{font-size:15px;color:#777184}.type-card{position:absolute;left:50%;top:123px;width:164px;height:158px;transform:rotate(11deg);border-radius:15px;padding:16px 17px;background:linear-gradient(140deg,#8c72ed,#6f58d2);box-shadow:0 15px 35px #8572c82c;animation:float-small 7s ease-in-out infinite}.type-card>span{color:#d7cafa;font-size:7px;letter-spacing:.7px}.type-card>b{display:block;font-family:Georgia,serif;font-size:62px;color:#fbf4e8;line-height:1.3;letter-spacing:-3px;position:relative}.type-card>b>span{font-size:25px;position:absolute;right:0;top:4px;color:#dbcdff}.type-card small{display:block;font-size:7px;color:#dbd1fb;letter-spacing:1px}.play-orb{position:absolute;top:41px;left:63%;width:69px;height:69px;border-radius:22px;transform:rotate(17deg);background:linear-gradient(130deg,#e3f7c8,#b6dca0);box-shadow:inset 3px 4px 9px #f8ffecc2,inset -3px -5px 10px #91b78444,4px 12px 26px #b2c59e30;display:flex;align-items:center;justify-content:center;color:#658450}.play-orb svg{width:38px;height:38px;filter:drop-shadow(1px 2px 2px #8fa46b33)}.floating-label{position:absolute;left:5%;bottom:36px;display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #ffffffc9;background:#ffffffc9;border-radius:7px;font-size:8px;color:#80778f;transform:rotate(-5deg);box-shadow:0 5px 15px #766b9110}.floating-label>span{font-size:17px;line-height:1;color:#9c86d4}.color-chips{position:absolute;right:14%;bottom:39px;display:flex;transform:rotate(9deg)}.color-chips i{width:21px;height:21px;border-radius:50%;border:2px solid #fff;margin-left:-5px;background:#9f8ae2;box-shadow:0 2px 4px #81779011}.color-chips i:nth-child(2){background:#d1bada}.color-chips i:nth-child(3){background:#bfd7b0}.color-chips i:nth-child(4){background:#f3dcae}@keyframes float-main{0%,100%{transform:translateY(0) rotate(-10deg)}50%{transform:translateY(-7px) rotate(-8deg)}}@keyframes float-small{0%,100%{transform:translateY(0) rotate(11deg)}50%{transform:translateY(6px) rotate(13deg)}}
.search-section{margin:25px auto 31px;max-width:810px}.search-box{display:flex;align-items:center;gap:13px;min-height:53px;background:#fff;border:1px solid #e6e3f1;border-radius:11px;padding:6px 7px 6px 18px;box-shadow:0 4px 14px #56508004;transition:border-color .2s,box-shadow .2s}.search-box:focus-within{border-color:#b6a8f2;box-shadow:0 0 0 3px #7662ec0c}.search-box>.icon,.search-box>[data-icon]{color:#9e97b9}.search-box .icon{width:19px;height:19px}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;font-size:12px;color:var(--ink);height:35px;padding:0}.search-box input:focus-visible{outline:none}.search-box input::placeholder{color:#b5b2c5;letter-spacing:.4px}.search-box kbd{font-family:inherit;color:#b6b2c3;border:1px solid #eeeaf4;border-radius:5px;width:23px;height:23px;display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}.search-box>button{display:flex;align-items:center;gap:16px;flex-shrink:0;white-space:nowrap;padding:12px 16px;border-radius:7px;color:#fff;background:var(--purple);font-size:11px}.search-box>button:hover{background:var(--purple-deep)}.search-box>button .icon{width:15px;height:15px}.hot-search{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:12px;color:#9997a9;font-size:10px;flex-wrap:wrap}.hot-search>span{color:#b4b2c0;font-size:9px}.hot-search>button{font-size:10px;padding:2px 0}.hot-search>button:hover{color:var(--purple)}
.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.section-heading>div:first-child{display:flex;align-items:center;gap:10px}.section-heading h2{font-size:16px;letter-spacing:.3px;margin:0;font-weight:700}.section-icon{font-size:22px;color:var(--purple);line-height:1}.section-icon .icon{width:18px;height:18px}.section-subtitle{font-size:10px;color:#b0aebe;margin-left:4px}.editor-pick{font-size:8px;color:#b0aabb;letter-spacing:1px;display:flex;gap:10px;align-items:center}.editor-pick>span{font-size:14px}.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.featured-card{position:relative;display:block;overflow:hidden;border:1px solid #eeeaf5;border-radius:13px;padding:21px 21px 18px;min-height:149px;background:var(--feature-bg);transition:transform .2s,box-shadow .2s}.featured-card:hover{transform:translateY(-4px);box-shadow:0 8px 22px #4b416813}.featured-card:after{content:"";position:absolute;right:-25px;top:-35px;width:130px;height:130px;border-radius:50%;border:18px solid #ffffff33;pointer-events:none}.featured-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.featured-card .tool-logo{width:39px;height:39px;border-radius:11px;background:#ffffffb3;box-shadow:0 3px 6px #4c395006}.feature-badge{font-size:9px;color:#77829d;background:#ffffff8c;padding:5px 8px;border-radius:5px;position:relative;z-index:1}.featured-card:nth-child(2) .feature-badge{color:#5d9c80}.featured-card:nth-child(3) .feature-badge{color:#9771b5}.featured-card h3{margin:0 0 6px;font-size:15px;font-weight:700}.featured-card p{font-size:10px;color:#9397a6;margin:0;line-height:1.7}.featured-go{position:absolute;right:20px;bottom:24px;color:#959ab1}.featured-go .icon{width:18px;height:18px}
.directory{margin-top:34px;scroll-margin-top:98px}.directory-heading{margin-bottom:19px}.tool-total{background:#eeecf5;border-radius:5px;color:#9a96ad;font-size:9px;padding:3px 6px;margin-left:0}.view-controls{display:flex;gap:2px;padding:3px;border:1px solid #e9e7f1;border-radius:7px;background:#f1f0f7}.view-controls>button{display:flex;align-items:center;justify-content:center;width:27px;height:24px;border-radius:4px;color:#aaa5bc}.view-controls>button.active{background:white;color:var(--purple);box-shadow:0 1px 4px #625b830d}.view-controls .icon{width:14px;height:14px}.filter-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:20px}.filter{font-size:10px;color:#8d8b9e;padding:9px 13px;border-radius:7px;border:1px solid transparent;white-space:nowrap;transition:background .2s,color .2s}.filter:hover{background:#eeebfa;color:var(--purple)}.filter.active{color:var(--purple-deep);background:#eeeafb;border-color:#e6dffb;font-weight:600}.tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.tool-card{position:relative;min-width:0;background:white;border:1px solid #edeef4;border-radius:12px;transition:transform .2s,box-shadow .2s,border-color .2s}.tool-card:hover{transform:translateY(-3px);border-color:#dcd5f5;box-shadow:0 7px 17px #7468890a}.tool-link{display:flex;flex-direction:column;height:100%;padding:18px 17px 15px;min-height:160px}.tool-card-top{display:flex;align-items:center;gap:10px;padding-right:19px}.tool-logo{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--logo-bg,#f1edff);color:#6454cb;flex-shrink:0;overflow:hidden}.tool-logo svg{width:26px;height:26px;display:block}.tool-logo.canva{font-family:Georgia,serif;font-style:italic;font-size:27px;font-weight:700;line-height:1;color:#00bfc6;background:linear-gradient(140deg,#00c7cb,#8b3fee);color:#fff;letter-spacing:-5px;padding-right:4px}.tool-logo.kimi{font-family:Arial,sans-serif;font-size:27px;font-weight:900;color:#fff;background:#242838;letter-spacing:-4px;padding-right:3px}.tool-logo.notion{font-family:Georgia,serif;font-size:27px;font-weight:bold;color:#272526;background:#f8f7f4;text-shadow:1px 1px #fff}.tool-logo.huaban{font-family:serif;font-size:26px;color:#f35e69;background:#fff1f0}.tool-logo.gaoding{color:#3c6cf6;font-size:23px;font-weight:800;font-family:Arial,sans-serif;font-style:italic}.tool-logo.tinypng{font-size:26px;background:#edf6e6}.tool-logo.excalidraw{font-family:Georgia,serif;font-style:italic;font-weight:bold;font-size:27px;color:#8d70df}.tool-title h3{font-size:12px;margin:0;font-weight:650;line-height:1.6;white-space:nowrap}.tool-title .domain{display:block;font-size:8px;color:#b4b2c0;line-height:1.7;max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.2px}.tool-description{font-size:10px;line-height:1.9;color:#9b9aaa;margin:13px 0 13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px}.tool-card-bottom{margin-top:auto;display:flex;align-items:center;gap:5px}.tool-tag{font-size:8px;color:#a29eaf;background:#f6f5f9;border-radius:4px;padding:4px 6px;line-height:1}.tool-open{margin-left:auto;color:#c0bccf}.tool-open .icon{width:13px;height:13px}.tool-favorite{position:absolute;right:10px;top:17px;z-index:2;width:26px;height:26px;display:flex;align-items:center;justify-content:center;color:#c7c3d3;border-radius:6px;transition:color .2s,background .2s}.tool-favorite:hover{background:#f4f0ff;color:var(--purple)}.tool-favorite.active{color:#9b86e9}.tool-favorite.active .icon{fill:#e8e0ff}.tool-favorite .icon{width:14px;height:14px}.tools-grid.list-view{grid-template-columns:repeat(2,minmax(0,1fr))}.list-view .tool-link{min-height:121px;padding:16px 19px}.list-view .tool-description{min-height:0;margin:10px 0}.list-view .tool-title .domain{max-width:180px}.empty-state{text-align:center;padding:55px 20px;background:#fff;border:1px dashed #ded8f0;border-radius:14px}.empty-state>[data-icon]{background:#f1edfc;padding:18px;border-radius:50%;color:#9b89d9;margin-bottom:8px}.empty-state h3{font-size:16px;font-weight:600}.empty-state p{font-size:12px;color:#a29aac;margin-bottom:22px}.empty-state .button{font-size:11px}.directory-end{display:flex;justify-content:center;align-items:center;gap:12px;color:#b6b2c4;font-size:9px;letter-spacing:.6px;margin:26px 0 29px}.directory-end>span{display:block;width:50px;height:1px;background:#e7e4ee}.directory-end>i{font-style:normal;color:#b4a5d5;font-size:13px}
.bottom-banner{display:flex;align-items:center;gap:23px;position:relative;overflow:hidden;background:linear-gradient(105deg,#eeebfb,#f1edfc 70%,#eaeafc);border:1px solid #e9e4f7;border-radius:13px;padding:24px 29px}.banner-spark{font-size:58px;color:#b6a6e8;line-height:1;transform:rotate(15deg);font-weight:300}.bottom-banner h2{font-size:15px;font-weight:650;letter-spacing:.2px;margin:0 0 9px;color:#56506f}.bottom-banner p{font-size:10px;margin:0;color:#a39bb7}.bottom-banner .button{margin-left:auto;min-height:35px;padding:9px 14px;font-size:10px;gap:21px;color:#7a6e9c}.bottom-banner .button .icon{width:14px;height:14px}.footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:28px 0 24px;font-size:9px;color:#aaa6b8}.footer>div{display:flex;align-items:center;gap:17px}.footer-brand{font-size:11px;font-weight:600;color:#9490a4;display:flex;align-items:center;gap:7px}.footer-brand>span{font-size:8px;letter-spacing:1px;color:#b7b1c7}.footer-slogan{font-size:9px;color:#bbb5c8}.footer button{font-size:9px;color:#a9a3b8;padding:0}.footer button:hover{color:var(--purple)}.footer>div:last-child>span{padding-left:6px}.back-top{position:fixed;right:18px;bottom:26px;background:white;border:1px solid #e6e2f1;box-shadow:0 4px 14px #5c4c8912;z-index:15}.toast{position:fixed;bottom:32px;left:calc(50% + var(--sidebar)/2);transform:translate(-50%,15px);z-index:100;background:#302b43;color:#fff;padding:13px 22px;border-radius:10px;font-size:12px;opacity:0;pointer-events:none;transition:transform .25s,opacity .25s;max-width:calc(100vw - 32px);box-shadow:0 8px 25px #251d4630;line-height:1.6}.toast.visible{transform:translate(-50%,0);opacity:1}.modal{position:fixed;padding:32px;border:1px solid #ebe6f6;border-radius:20px;max-width:460px;width:calc(100% - 36px);max-height:90vh;color:var(--ink);background:#fff;box-shadow:0 24px 90px #29213e30;overflow-y:auto}.modal::backdrop{background:#27203355;backdrop-filter:blur(5px)}.modal-close{position:absolute;right:14px;top:14px}.modal-mark{display:flex;align-items:center;justify-content:center;width:53px;height:53px;border-radius:15px;background:#efebfd;color:#9680de;font-size:32px;margin-bottom:19px}.modal h2{font-size:21px;letter-spacing:.3px;margin:0 0 13px}.modal p{font-size:12px;color:#8a849b;line-height:1.9;margin:10px 0}.modal h3{font-size:12px;margin:23px 0 7px}.modal ul{font-size:11px;line-height:2;color:#8a849b;padding-left:19px}.modal .modal-hint{font-size:10px;color:#aaa2b7}.modal-label{display:block;font-size:11px;color:#7e748f;margin:18px 0 8px}.modal-input{width:100%;min-width:0;border:1px solid #e8e2f1;border-radius:8px;background:#faf8ff;padding:11px 12px;font-size:12px;color:#625674}.copy-field{display:flex;gap:8px;margin:10px 0}.copy-field .modal-input{font-size:10px;flex:1}.copy-field .button{font-size:11px;padding:10px 14px}.modal-primary{width:100%;margin-top:17px}.privacy-status{display:flex;align-items:center;gap:10px;background:#f7f4fd;padding:12px;border-radius:8px;font-size:11px;margin-top:18px;color:#8b7dab}.recommend-list{padding:0!important;list-style:none}.recommend-list li{padding:8px 0;border-bottom:1px solid #f0edf6}.recommend-list strong{color:#7d718f;display:block;font-size:11px}.noscript-notice{position:fixed;inset:auto 0 0;background:#302b43;color:white;padding:15px;font-size:13px;z-index:101;text-align:center}.noscript-notice a{text-decoration:underline;margin-left:12px}
@media(min-width:1600px){.main{padding-top:36px}.hero{min-height:388px}.hero-copy{padding:36px 0 30px 43px}.hero h1{font-size:46px}.hero-copy>p{font-size:13px}.hero-art{margin-right:30px}.design-card{left:15%;top:60px;width:255px}.design-landscape{height:191px}.type-card{left:54%;top:139px;width:172px;height:166px}.play-orb{left:67%;top:49px}.featured-card{min-height:160px}.tool-link{min-height:172px;padding:20px}.tool-title h3{font-size:13px}.tool-description{font-size:11px}.tool-tag{font-size:9px}.hero .button{font-size:12px}.hero-note{font-size:10px}}
@media(max-width:1200px){:root{--sidebar:204px}.sidebar{padding:28px 16px 20px}.brand-word{font-size:19px}.brand-symbol{width:37px;height:39px;font-size:36px;border-radius:12px}.brand-word small{font-size:7px;letter-spacing:2px}.nav-item{font-size:12px;gap:10px}.main{padding:26px 28px 0}.topbar{padding:0 28px}.hero h1{font-size:36px}.hero-copy{padding:30px 0 27px 27px}.hero{min-height:344px}.design-card{width:205px;left:7%;top:56px}.design-landscape{height:163px}.type-card{left:50%;width:145px;height:143px;padding:15px;top:133px}.type-card>b{font-size:54px}.play-orb{left:64%;width:59px;height:59px}.art-orbit{width:285px;height:285px}.orbit-two{width:340px;height:220px}.floating-label{left:3%;bottom:31px;font-size:7px}.color-chips{bottom:32px}.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-link{padding:17px;min-height:155px}.featured-card{padding:18px 16px}.featured-card p{font-size:9px}.feature-badge{font-size:8px;padding:4px 6px}.featured-go{right:14px;bottom:22px}.section-subtitle{font-size:9px}.footer-slogan{display:none}}
@media(max-width:1020px){.hero h1{font-size:32px}.hero-copy{padding:31px 0 27px 24px}.hero-copy>p{font-size:10px}.eyebrow{font-size:9px;letter-spacing:0}.hero{grid-template-columns:1.08fr 1fr}.design-card{width:183px;left:5%;top:61px}.design-landscape{height:152px}.landscape-label{font-size:22px;left:15px}.type-card{left:46%;top:145px;width:130px;height:132px;padding:13px}.type-card>b{font-size:48px}.type-card>span{font-size:6px}.type-card small{font-size:6px}.play-orb{width:53px;height:53px;left:61%;top:52px;border-radius:17px}.art-orbit{width:250px;height:250px}.orbit-two{width:290px;height:190px}.star-one{top:34px;font-size:39px}.star-two{right:5%;font-size:28px;bottom:38px}.floating-label{left:-5%;bottom:31px}.color-chips{right:10%;bottom:24px}.section-heading h2{font-size:15px}.featured-grid{gap:10px}.feature-badge{font-size:7px;padding:4px}.featured-card h3{font-size:13px}.featured-card p{font-size:8px}.featured-card .tool-logo{width:34px;height:34px}.featured-top{margin-bottom:14px}.featured-card{min-height:138px;padding:16px 13px}.featured-go{bottom:23px;right:12px}.featured-go .icon{width:14px;height:14px}.tools-grid{gap:11px}.tool-link{padding:15px 13px}.tool-card-top{gap:8px}.tool-title h3{font-size:11px}.tool-title .domain{font-size:7px;max-width:90px}.tool-description{font-size:9px}.tool-logo{width:32px;height:32px;border-radius:8px}.tool-favorite{right:5px;top:14px;width:22px}.tool-favorite .icon{width:12px;height:12px}.filter{padding:8px 10px;font-size:9px}.bottom-banner{padding:22px;gap:15px}.bottom-banner h2{font-size:13px}.bottom-banner p{font-size:9px}.banner-spark{font-size:48px}.bottom-banner .button{font-size:9px;padding:9px 12px;gap:10px}.top-actions{gap:16px}.live-label{font-size:9px}}
@media(max-width:800px){:root{--sidebar:0px}.sidebar{width:228px;transform:translateX(-100%);transition:transform .25s;box-shadow:10px 0 40px #30264415;padding:26px 22px;z-index:50}.sidebar.open{transform:translateX(0)}.mobile-shade.visible{position:fixed;inset:0;z-index:40;background:#2b224844;backdrop-filter:blur(2px)}.menu-button{display:flex;margin-right:9px;margin-left:-7px}.topbar{height:65px;padding:0 24px}.main{padding:23px 24px 0}.hero{min-height:335px;grid-template-columns:1.05fr 1fr}.hero h1{font-size:36px}.hero-copy{padding:29px 0 24px 28px}.hero-copy>p{font-size:11px}.eyebrow{font-size:9px}.design-card{width:207px;left:8%;top:53px}.design-landscape{height:158px}.type-card{left:51%;top:140px;width:135px;height:139px}.type-card>b{font-size:52px}.play-orb{left:65%;top:39px;width:59px;height:59px}.art-orbit{width:285px;height:285px}.orbit-two{width:340px;height:210px}.featured-card{padding:18px;min-height:145px}.featured-card h3{font-size:14px}.featured-card p{font-size:9px}.feature-badge{font-size:8px}.featured-card .tool-logo{width:36px;height:36px}.tool-link{padding:17px;min-height:159px}.tool-description{font-size:10px}.tool-title h3{font-size:12px}.tool-logo{width:35px;height:35px}.tool-favorite{top:16px;right:8px}.filter{font-size:10px;padding:9px 12px}.section-heading h2{font-size:16px}.toast{left:50%}.sidebar .side-bottom{padding-top:25px}.sidebar .brand-word{font-size:21px}.sidebar .nav-item{font-size:13px}.sidebar .brand-symbol{width:41px;height:43px;font-size:40px}.sidebar .side-invite p{font-size:10px}.side-caption{margin-top:30px}.skip-link{left:12px}}
@media(max-width:640px){.main{padding:18px 18px 0}.topbar{padding:0 18px}.breadcrumb{font-size:10px;gap:10px}.live-label{display:none}.top-actions{gap:13px}.text-button{font-size:10px}.top-divider{height:15px}.avatar{width:29px;height:29px;font-size:13px}.hero{min-height:339px;grid-template-columns:1fr .83fr;border-radius:14px}.hero-copy{padding:26px 0 24px 23px}.eyebrow{font-size:8px;letter-spacing:.2px;gap:5px}.hero h1{font-size:32px;letter-spacing:.3px;line-height:1.47;margin:19px 0 14px}.hero-copy>p{font-size:9px;line-height:1.95;white-space:nowrap;margin-bottom:19px}.hero .button{font-size:10px;padding:10px 14px;gap:18px}.hero-note{font-size:7px;gap:5px;margin-top:18px;white-space:nowrap}.tiny-stars{font-size:8px}.hero-art{margin-left:-19px;opacity:.95}.design-card{width:153px;left:0;top:78px;padding:9px;border-radius:11px}.design-landscape{height:132px}.design-top{font-size:4px;padding-bottom:7px;letter-spacing:0}.design-bottom{font-size:4px;letter-spacing:.5px;padding-top:8px}.design-bottom>span:last-child{font-size:12px}.landscape-label{font-size:19px;left:12px;top:25px}.sun{width:33px;height:33px;right:17px;top:19px}.type-card{width:108px;height:113px;left:46%;top:168px;padding:11px;border-radius:11px}.type-card>b{font-size:42px;line-height:1.35}.type-card>b>span{font-size:18px}.type-card>span{font-size:5px}.type-card small{font-size:5px;letter-spacing:.3px}.play-orb{width:47px;height:47px;top:50px;left:57%;border-radius:15px}.play-orb svg{width:30px;height:30px}.art-orbit{width:230px;height:230px;left:48%;top:53%}.orbit-two{width:270px;height:165px}.star-one{left:6%;top:39px;font-size:31px}.star-two{right:8%;bottom:32px;font-size:24px}.floating-label{font-size:6px;left:-6%;bottom:30px;padding:6px 8px;gap:4px}.floating-label>span{font-size:13px}.color-chips{bottom:30px;right:15%}.color-chips i{width:16px;height:16px}.search-section{margin:20px 0 26px}.search-box{gap:10px;min-height:49px;padding:5px 5px 5px 13px}.search-box input{font-size:10px;height:32px}.search-box .icon{width:17px;height:17px}.search-box>button{font-size:9px;padding:12px 11px;gap:8px}.search-box>button .icon{width:13px;height:13px}.search-box kbd{display:none}.hot-search{gap:11px;margin-top:11px}.hot-search>span{font-size:8px}.hot-search>button{font-size:9px}.section-heading{margin-bottom:14px}.section-heading h2{font-size:15px}.section-subtitle{font-size:8px;margin-left:1px}.section-heading>div:first-child{gap:7px}.editor-pick{font-size:6px;gap:5px;letter-spacing:.5px}.editor-pick>span{font-size:12px}.featured-grid{gap:9px}.featured-card{padding:13px 11px;min-height:142px;border-radius:10px}.featured-top{margin-bottom:17px}.featured-card .tool-logo{width:32px;height:32px;border-radius:8px}.featured-card .tool-logo svg{width:23px;height:23px}.feature-badge{display:none}.featured-card h3{font-size:11px}.featured-card p{font-size:8px;line-height:1.8;max-width:95%;padding-right:9px}.featured-go{right:9px;bottom:15px}.featured-go .icon{width:12px;height:12px}.directory{margin-top:28px}.directory-heading{margin-bottom:15px}.filter-row{gap:5px;margin-bottom:16px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-18px;padding-right:18px;padding-bottom:3px}.filter-row::-webkit-scrollbar{display:none}.filter{font-size:9px;padding:8px 11px}.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tool-link{padding:15px 13px 13px;min-height:154px}.tool-card{border-radius:10px}.tool-card-top{gap:9px}.tool-title h3{font-size:11px}.tool-title .domain{font-size:7px;max-width:84px}.tool-description{font-size:9px;line-height:1.9;margin:12px 0 13px;min-height:34px}.tool-logo{width:32px;height:32px}.tool-logo svg{width:24px;height:24px}.tool-favorite{top:14px;right:5px;width:21px}.tool-favorite .icon{width:12px;height:12px}.tool-tag{font-size:7px;padding:4px 5px}.tool-open .icon{width:12px;height:12px}.tools-grid.list-view{grid-template-columns:1fr}.list-view .tool-link{min-height:124px;padding:17px}.list-view .tool-title .domain{font-size:8px;max-width:220px}.list-view .tool-favorite{top:18px;right:14px}.list-view .tool-description{font-size:10px;min-height:0;margin:10px 0}.directory-end{font-size:8px;gap:9px;margin:23px 0}.directory-end>span{width:25px}.bottom-banner{padding:20px 17px;gap:13px;border-radius:11px;flex-wrap:wrap}.banner-spark{font-size:41px}.bottom-banner h2{font-size:12px;margin-bottom:7px}.bottom-banner p{font-size:8px;line-height:1.6}.bottom-banner .button{font-size:9px;padding:9px 11px;min-height:32px;gap:10px;margin-left:54px;margin-top:-2px}.footer{align-items:flex-start;flex-direction:column;gap:15px;padding:22px 3px}.footer>div{gap:15px;flex-wrap:wrap}.footer-slogan{display:inline;font-size:8px}.footer-brand{font-size:11px}.footer button{font-size:8px}.footer>div:last-child>span{font-size:8px}.back-top{right:12px;bottom:15px;width:31px;height:31px}.modal{padding:27px}.modal h2{font-size:19px}.modal p{font-size:11px}.toast{font-size:11px;bottom:24px}.copy-field{flex-wrap:wrap}.copy-field .modal-input{min-width:100%}.copy-field .button{width:100%}}
@media(max-width:380px){.main{padding:15px 13px 0}.hero-copy{padding-left:18px}.hero h1{font-size:29px}.hero-copy>p{font-size:8px}.eyebrow{font-size:7px}.hero{min-height:324px}.hero-art{margin-left:-19px}.design-card{width:137px;top:83px}.design-landscape{height:122px}.type-card{left:38%;width:99px;height:104px;top:170px;padding:10px}.type-card>b{font-size:37px}.play-orb{left:48%;width:42px;height:42px}.hero-note{font-size:6px}.floating-label{left:-9%;font-size:5px}.tool-link{padding:14px 11px}.tool-logo{width:29px;height:29px}.tool-card-top{gap:7px}.tool-title h3{font-size:10px}.tool-title .domain{max-width:75px;font-size:6px}.tool-favorite{right:3px}.tool-description{font-size:8px}.featured-card h3{font-size:10px}.featured-card p{font-size:7px}.featured-card{padding:12px 9px;min-height:134px}.section-subtitle{display:none}.search-box input{font-size:9px}.search-box>button{font-size:8px}.search-box{gap:7px}.hot-search{gap:9px}.hot-search>span{font-size:7px}.hot-search>button{font-size:8px}.hero-copy>p{white-space:normal}.filter-row{margin-right:-13px;padding-right:13px}.bottom-banner p{font-size:7px}.bottom-banner h2{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html{scroll-behavior:auto}}

/* Comfortable reading sizes, including on compact and touch screens. */
.nav-item{font-size:14px}.side-caption{font-size:12px}.nav-label{font-size:11px}.side-invite strong{font-size:13px}.side-invite p{font-size:11px;white-space:normal;line-height:1.7}.breadcrumb,.text-button{font-size:12px}.live-label{font-size:11px}.eyebrow{font-size:11px}.hero-copy>p{font-size:13px}.hero-note{font-size:10px}.hero .button{font-size:12px}.search-box input{font-size:13px}.search-box>button{font-size:12px}.hot-search,.hot-search>button{font-size:11px}.hot-search>span{font-size:10px}.section-heading h2{font-size:18px}.section-subtitle{font-size:11px}.featured-card h3{font-size:16px}.featured-card p{font-size:12px;padding-right:17px}.feature-badge{font-size:10px}.featured-card{min-height:155px}.tool-title h3{font-size:14px}.tool-title .domain{font-size:9px}.tool-description{font-size:12px;line-height:1.8;min-height:43px;margin:13px 0 15px}.tool-link{min-height:175px}.tool-tag{font-size:10px}.tool-favorite{width:28px;height:28px;right:10px;top:17px}.tool-favorite .icon{width:16px;height:16px}.filter{font-size:12px}.tool-total{font-size:10px}.tool-open .icon{width:15px;height:15px}.bottom-banner h2{font-size:17px}.bottom-banner p{font-size:12px}.bottom-banner .button{font-size:12px}.footer,.footer button,.footer-slogan{font-size:10px}.footer-brand{font-size:12px}.modal p{font-size:13px}.modal h3,.modal ul{font-size:12px}.modal .modal-hint{font-size:11px}.tool-title .domain{max-width:145px}.side-invite{padding-top:35px}.hero-art .star-one{font-family:Arial,sans-serif}.tool-favorite{top:17px;right:8px}.tool-card-top{padding-right:21px}
@media(min-width:1201px){.hero{min-height:365px}.hero-copy{padding-top:30px}.hero-copy>p{margin-bottom:19px}.hero h1{font-size:42px}.tool-link{padding:18px}.tool-card-top{gap:10px}}
@media(min-width:801px) and (max-width:1200px){.nav-item{font-size:13px}.side-caption{font-size:11px}.side-invite strong{font-size:12px}.side-invite p{font-size:10px}.hero-copy>p{font-size:11px}.hero-note{font-size:8px}.eyebrow{font-size:9px}.featured-card h3{font-size:14px}.featured-card p{font-size:10px}.featured-card{min-height:148px}.feature-badge{font-size:8px}.tool-title h3{font-size:13px}.tool-title .domain{font-size:8px;max-width:99px}.tool-description{font-size:11px;min-height:40px}.tool-tag{font-size:9px}.tool-favorite{right:5px;top:15px;width:25px}.tool-favorite .icon{width:14px;height:14px}.filter{font-size:11px}.tool-card-top{padding-right:15px}.bottom-banner h2{font-size:14px}.bottom-banner p{font-size:10px}.bottom-banner .button{font-size:10px}.section-heading h2{font-size:17px}.section-subtitle{font-size:10px}}
@media(max-width:800px){.nav-item{font-size:14px}.side-invite strong{font-size:13px}.side-invite p{font-size:11px}.tool-title h3{font-size:14px}.tool-description{font-size:12px}.featured-card h3{font-size:15px}.featured-card p{font-size:11px}.featured-card{min-height:151px}.feature-badge{font-size:9px}.hero-copy>p{font-size:12px}.section-heading h2{font-size:17px}.section-subtitle{font-size:10px}.filter{font-size:11px}.tool-favorite{right:7px;top:16px;width:25px}.tool-favorite .icon{width:14px;height:14px}.tool-title .domain{font-size:8px;max-width:108px}.bottom-banner h2{font-size:15px}.bottom-banner p{font-size:11px}}
@media(max-width:640px){.hero{display:block;min-height:350px}.hero-copy{position:relative;padding:25px 23px 23px}.hero h1{font-size:32px;line-height:1.5;margin:17px 0 14px;letter-spacing:0;white-space:nowrap}.eyebrow{font-size:9px}.hero-copy>p{font-size:10px;line-height:1.9;max-width:178px;white-space:normal;margin-bottom:18px}.hero .button{font-size:11px;padding:11px 14px;min-height:37px;gap:19px}.hero-note{font-size:7px;margin-top:16px;gap:5px}.hero-art{position:absolute;right:0;top:153px;width:168px;height:192px;margin:0;z-index:1;pointer-events:none}.hero-copy{z-index:2}.design-card{width:124px;left:12px;top:18px;padding:8px}.design-landscape{height:115px}.landscape-label{font-size:16px;left:9px;top:22px}.sun{width:26px;height:26px;right:15px;top:15px}.design-top{font-size:4px;letter-spacing:0;padding-bottom:7px}.design-bottom{font-size:4px;letter-spacing:.3px;padding-top:6px}.type-card{left:79px;top:86px;width:88px;height:94px;padding:9px;border-radius:10px}.type-card>b{font-size:36px;line-height:1.37}.type-card>b>span{font-size:15px}.type-card>span{font-size:4px}.type-card small{font-size:4px;letter-spacing:0}.play-orb{width:42px;height:42px;left:108px;top:-20px;border-radius:13px}.play-orb svg{width:28px;height:28px}.star-one{font-size:25px;left:15px;top:-20px}.star-two{font-size:20px;right:9px;bottom:-3px}.art-orbit{width:165px;height:165px;left:50%;top:52%}.orbit-two{width:215px;height:132px;transform:translate(-50%,-50%) rotate(-32deg)}.floating-label{left:17px;bottom:-6px;font-size:5px;padding:5px 6px;gap:3px}.floating-label>span{font-size:11px}.color-chips{right:23px;bottom:-15px}.color-chips i{width:12px;height:12px;border-width:1px}.search-box input{font-size:11px}.search-box>button{font-size:10px}.hot-search>button{font-size:10px}.hot-search>span{font-size:9px}.hot-search{gap:10px}.section-heading h2{font-size:16px}.section-subtitle{font-size:9px}.featured-card{min-height:144px;padding:14px 11px}.featured-card h3{font-size:13px}.featured-card p{font-size:10px;line-height:1.7;padding-right:1px;max-width:100%}.featured-top{margin-bottom:15px}.featured-go{bottom:12px;right:9px;opacity:.7}.featured-go .icon{width:11px;height:11px}.tool-title h3{font-size:12px}.tool-title .domain{font-size:8px;max-width:84px}.tool-description{font-size:11px;line-height:1.8;min-height:40px;margin:13px 0 15px}.tool-link{padding:15px 13px 14px;min-height:169px}.tool-logo{width:32px;height:32px}.tool-card-top{gap:8px;padding-right:14px}.tool-favorite{right:4px;top:15px;width:22px;height:23px}.tool-favorite .icon{width:13px;height:13px}.tool-tag{font-size:9px;padding:4px 5px}.tool-open .icon{width:12px;height:12px}.filter{font-size:10px;padding:9px 11px}.tool-total{font-size:9px}.bottom-banner h2{font-size:13px}.bottom-banner p{font-size:10px;max-width:230px}.bottom-banner .button{font-size:10px}.footer,.footer button{font-size:9px}.footer-slogan{font-size:8px}.modal p{font-size:12px}.modal h3,.modal ul{font-size:11px}.modal .modal-hint{font-size:10px}.breadcrumb,.text-button{font-size:11px}.tool-title .domain{max-width:81px}.list-view .tool-description{font-size:12px}.list-view .tool-title h3{font-size:14px}.list-view .tool-title .domain{font-size:9px;max-width:230px}}
@media(max-width:380px){.hero-copy{padding-left:19px}.hero h1{font-size:30px}.hero-copy>p{font-size:9px;max-width:162px}.hero-art{right:-8px;top:151px}.hero-note{font-size:6px}.hero{min-height:339px}.eyebrow{font-size:8px}.tool-link{padding:14px 10px;min-height:166px}.tool-logo{width:28px;height:28px}.tool-title h3{font-size:11px}.tool-title .domain{font-size:7px;max-width:78px}.tool-card-top{gap:7px;padding-right:12px}.tool-description{font-size:10px;min-height:38px}.tool-favorite{right:2px;top:13px;width:19px}.tool-favorite .icon{width:12px;height:12px}.tool-tag{font-size:8px}.featured-card h3{font-size:12px}.featured-card p{font-size:9px}.search-box input{font-size:10px}.search-box>button{font-size:9px}.hot-search>button{font-size:9px}.hot-search>span{font-size:8px}.hot-search{gap:9px}.bottom-banner h2{font-size:12px}}

/* Keep essential copy readable against the light surfaces. */
.tool-description{color:#777486}.hero-copy>p{color:#81788f}.featured-card p{color:#7b7b8e}.tool-title .domain{color:#9994a8}.tool-tag{color:#8b839c}.filter{color:#827a94}.section-subtitle{color:#9690a7}.hot-search>button{color:#8c839c}.bottom-banner p{color:#8a7e9e}.hero-note{color:#9990ac}
@media(max-width:640px){.hero-art{top:171px;height:174px}.hero-art .star-one{display:none}.hero-art .design-card{top:10px}.hero-art .type-card{top:72px}.hero-art .floating-label{bottom:0}.hero-art .color-chips{bottom:-9px}.hero-art .play-orb{top:-14px}.hero-copy>p{max-width:178px}.hero{min-height:350px}.hero-copy{padding-top:25px}}
@media(max-width:380px){.hero-art{top:166px}.hero-copy>p{max-width:164px}.hero{min-height:339px}}