@charset "UTF-8";
:root{--bg:#100916;--surface:#1b1024;--elevated:#291638;--line:#3b2549;--accent:#ff86e1;--accent-dark:#2b103a;--text:#f8f0fc;--muted:#b5a2c0;--dim:#897294;--radius:14px;--font:Inter,"Segoe UI",Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.65 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.35;cursor:not-allowed}button{color:inherit}input,textarea,select{color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:8px}input::placeholder,textarea::placeholder{color:#8d8491}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.18;font-weight:550}h1{font-size:58px;letter-spacing:-2.9px;margin-bottom:22px}h2{font-size:35px;letter-spacing:-1.3px;margin-bottom:14px}h3{font-size:19px;letter-spacing:-.4px}p{margin-bottom:20px}img{max-width:100%;height:auto}svg{flex-shrink:0}.icon{width:20px;height:20px;vertical-align:middle}.shell{max-width:1200px;margin-inline:auto;padding-inline:36px}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;top:12px;left:12px;background:var(--accent);color:var(--bg);padding:10px 16px;z-index:1000}.small{font-size:12px}.muted{color:var(--muted)}.icon-button{border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:var(--muted)}.icon-button:hover{color:var(--accent);background:var(--elevated)}.button{display:inline-flex;gap:12px;align-items:center;justify-content:center;padding:13px 21px;border-radius:8px;font-size:13px;line-height:1.5;font-weight:650;border:1px solid transparent;transition:background .2s,transform .2s;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--accent);color:#1a0b20}.button-primary:hover{background:#e7c0f8}.button-secondary{background:#1a0f1f;border-color:#442750;color:var(--text)}.button-secondary:hover{background:#28172f;border-color:#735a7e}.button-small{padding:9px 16px;font-size:12px}.button .icon{width:17px;height:17px}.full-width{width:100%}.text-link,.small-link{display:inline-flex;gap:10px;align-items:center;font-size:13px;font-weight:550}.text-link{color:var(--accent)}.text-link .icon,.small-link .icon{width:16px;height:16px}.small-link{font-size:12px;background:none;border:0;padding:0;color:var(--muted)}.small-link:hover,.text-link:hover{color:#f2d3ff}.section-kicker,.eyebrow{display:block;font-size:10px;letter-spacing:2.1px;font-weight:650;color:var(--accent);margin-bottom:17px}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow>span{width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px #ff86e199}.site-header{position:sticky;top:0;background:#1a0027ee;border-bottom:1px solid #3b254980;backdrop-filter:blur(18px);z-index:50}.header-inner{height:79px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;font-size:24px;letter-spacing:-1px;font-weight:700;line-height:1}.brand-light{font-weight:450}.brand-dot{color:var(--accent)}.brand-mark{width:30px;height:33px;display:grid;place-items:center;color:var(--accent)}.brand-mark .icon{width:30px;height:30px;stroke-width:1.8}.main-nav{display:flex;gap:27px;align-items:center}.main-nav a{font-size:12px;font-weight:500;color:#b5afb8;position:relative;padding-block:29px}.main-nav a:hover,.main-nav a[aria-current]{color:var(--accent)}.main-nav a[aria-current]:after{content:"";position:absolute;bottom:0;height:2px;background:var(--accent);left:0;right:0}.header-actions{display:flex;align-items:center;gap:14px}.mobile-menu{display:none}.hero{position:relative;isolation:isolate;overflow:hidden;min-height:630px;text-align:center;background:radial-gradient(ellipse at 50% 30%,#2b153566,transparent 55%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#6a55730c 1px,transparent 1px),linear-gradient(90deg,#6a55730c 1px,transparent 1px);background-size:65px 65px;mask-image:radial-gradient(ellipse at center,black,transparent 68%);z-index:-1}.hero-content{padding-top:72px;padding-bottom:62px;position:relative;z-index:2}.hero .eyebrow{justify-content:center;border:1px solid #4d3856;border-radius:30px;padding:6px 13px;width:max-content;margin:0 auto 26px;font-size:9px;letter-spacing:1.5px;color:#ccbed2;background:#1c102199}.hero h1{font-size:76px;letter-spacing:-4.3px;font-weight:550;line-height:1.04;margin-bottom:24px}.hero h1 span,.page-hero h1 span,.chat-welcome h1 span{color:var(--accent)}.hero-content>p{color:#a69eaa;font-size:15px;line-height:1.8;margin-bottom:28px}.hero-composer{max-width:644px;text-align:left;margin:0 auto;background:linear-gradient(135deg,#24152a,#1b1020);border:1px solid #5f446b;border-radius:13px;padding:15px 15px 11px 22px;box-shadow:0 0 0 5px #ff86e104,0 14px 40px #0003;display:grid;grid-template-columns:1fr 40px;gap:12px}.hero-composer>input{font-size:14px;border:0;outline:0!important;min-width:0;background:transparent;line-height:35px}.send-button{border:0;border-radius:8px;background:var(--accent);color:#23112b;width:37px;height:37px;display:grid;place-items:center}.send-button:hover{background:#f2d3ff}.composer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:10px;color:#988c9d;font-size:10px;padding:6px 0 1px}.composer-bottom>span{display:flex;align-items:center;gap:5px}.composer-bottom .icon{width:13px;height:13px}.composer-bottom>span:last-child{color:#cfc2d5}.prompt-chips{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:17px;align-items:center}.prompt-chips>span{font-size:10px;color:var(--dim);margin-right:2px}.prompt-chips a{font-size:10px;display:flex;align-items:center;gap:6px;border:1px solid #331d3c;border-radius:25px;padding:6px 10px;color:#c0b8c4;background:#160d1a88}.prompt-chips a:hover{border-color:var(--accent)}.prompt-chips .icon{width:12px;height:12px;color:var(--accent)}.hero-orbit{position:absolute;width:600px;height:600px;border:1px solid #92779d20;z-index:-1;border-radius:50%;top:115px}.hero-orbit:after,.hero-orbit:before{content:"";position:absolute;inset:38px;border:1px solid #92779d16;border-radius:50%}.hero-orbit:after{inset:77px}.hero-orbit-a{left:-440px;transform:rotate(-25deg) scaleX(1.2)}.hero-orbit-b{right:-440px;transform:rotate(25deg) scaleX(1.2)}.hero-coordinate{position:absolute;bottom:51px;color:#705c78;font:8px/1.5 monospace;letter-spacing:2px;writing-mode:vertical-rl}.coordinate-left{left:35px;transform:rotate(180deg)}.coordinate-right{right:35px}.product-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:25px;gap:25px}.product-strip>a{display:flex;align-items:center;gap:15px;position:relative}.product-strip>a:not(:last-child){border-right:1px solid var(--line);padding-right:25px}.product-strip>a>.icon:last-child{margin-left:auto;color:#7c6d82;width:17px}.strip-icon{display:grid;place-items:center;color:var(--accent);border:1px solid #40254b;border-radius:10px;width:39px;height:42px;flex-shrink:0;background:#1c1021}.product-strip h2{font-size:14px;letter-spacing:-.2px;margin:0 0 6px}.product-strip p{font-size:11px;color:var(--muted);margin:0}.section{padding-block:76px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:31px}.section-heading .section-kicker{margin-bottom:10px}.section-heading h2{margin:0;font-size:32px}.section-heading>.text-link{margin-bottom:5px;white-space:nowrap;font-size:12px}.tool-grid,.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tool-card,.directory-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:23px;display:flex;flex-direction:column;min-width:0;transition:transform .2s,border-color .2s,background .2s}.tool-card:hover,.directory-card:hover{transform:translateY(-4px);border-color:#634a6d;background:#1b1020}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.tile-icon{display:grid;place-items:center;border:1px solid #4a3653;border-radius:11px;background:#2a1832;color:var(--accent);width:43px;height:43px}.tile-icon .icon{width:21px;height:21px}.tone-1{background:#2b1932;color:#d3d2ac;border-color:#433848}.tone-2{background:#242a35;color:#bdcde9;border-color:#384757}.tone-3{background:#2c2528;color:#e3bcc9;border-color:#48383d}.card-arrow{width:16px;color:#6e5e75}.tool-card h3,.directory-card h3{font-size:16px;font-weight:600;letter-spacing:-.3px;margin:0 0 10px}.tool-card p,.directory-card p{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:21px;max-width:300px}.card-bottom{border-top:1px solid #3b254999;padding-top:15px;margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;color:#948799}.micro-tag{font-size:9px;border:1px solid #3a2244;background:#1f1224;color:#c3b6c9;padding:3px 7px;border-radius:4px;white-space:nowrap}.feature-band{background:#140c18;border-block:1px solid #361f40}.feature-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:65px;align-items:center}.feature-copy h2{font-size:46px;line-height:1.12;letter-spacing:-2px;margin-bottom:23px}.feature-copy h2 em{color:var(--accent);font-family:Georgia,serif;font-weight:400}.feature-copy p{max-width:385px;color:var(--muted);font-size:13px;line-height:1.9;margin-bottom:25px}.topic-links{display:flex;gap:23px;margin-top:25px}.topic-links a{font-size:11px;color:#c4bac8}.topic-links .icon{width:12px;height:12px;margin-left:5px}.feature-visual{border:1px solid #493850;border-radius:16px;overflow:hidden;transform:rotate(-1.5deg)}.feature-visual:hover{transform:rotate(0)}.feature-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#1e1123;padding:20px 23px}.feature-caption small{display:block;color:var(--accent);font-size:8px;letter-spacing:1.5px;margin-bottom:6px}.feature-caption strong{font-size:14px;font-weight:500}.feature-caption>.icon{color:var(--accent)}.editorial-art{height:196px;position:relative;isolation:isolate;overflow:hidden;background:#201226;display:flex;align-items:center;justify-content:center;border-radius:11px}.art-large{height:325px}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#aa93b411 1px,transparent 1px),linear-gradient(90deg,#aa93b411 1px,transparent 1px);background-size:32px 32px;z-index:-1}.art-orbit{position:absolute;border:1px solid #a586b266;border-radius:50%;width:230px;height:110px;transform:rotate(-40deg)}.orbit-two{transform:rotate(20deg);width:220px;height:140px}.orbit-three{transform:rotate(80deg);width:220px;height:130px}.art-core{width:64px;height:64px;border:1px solid #ad88bd;border-radius:16px;background:#331d3c;box-shadow:0 0 70px #cc94e433;display:grid;place-items:center;transform:rotate(-12deg);color:var(--accent)}.art-core>.icon{width:35px;height:35px}.art-label{position:absolute;bottom:16px;left:19px;font:7px/1.5 monospace;letter-spacing:2px;color:#a18fa8}.art-1{background:#242529}.art-1 .art-grid{background-image:linear-gradient(#c6cada0c 1px,transparent 1px),linear-gradient(90deg,#c6cada0c 1px,transparent 1px)}.art-paper{background:#c8bdcd;color:#351f3e;border:1px solid #e9d8f0;width:185px;height:140px;transform:rotate(-7deg);border-radius:8px;padding:17px 18px;box-shadow:12px 10px 0 #ffffff0b}.art-paper>span{font:7px monospace;letter-spacing:1.5px}.art-paper>div{width:90%;height:3px;background:#5e516355;margin-top:10px}.art-paper>div:nth-child(3){width:65%}.art-paper>div:nth-child(4){width:78%}.art-paper b{display:flex;gap:6px;align-items:center;font-size:7px;margin-top:17px}.art-paper .icon{width:11px;height:11px}.art-2{background:#202b32}.art-cube{width:95px;height:95px;transform:rotate(-25deg);border:1px solid #92c2d4;background:#6b94ac22;box-shadow:15px -15px 0 -1px #2c414b,15px -15px 0 0 #6d98ac;position:relative}.art-cube:before{content:"";position:absolute;inset:12px;border:1px solid #95b5c377}.art-cube:after{content:"✦";position:absolute;font-size:48px;color:#acc8d5;inset:8px;text-align:center}.art-3{background:#dec5ed;color:#321d3b}.art-3 .art-grid{background-image:linear-gradient(#2f1b3714 1px,transparent 1px),linear-gradient(90deg,#2f1b3714 1px,transparent 1px);background-size:48px 48px}.art-3 .art-label{color:#503b59}.art-word{font-size:39px;line-height:1.08;letter-spacing:-1.7px;transform:rotate(-6deg);font-weight:550;z-index:1}.art-word em{font:italic 1.05em Georgia,serif}.art-quotes{font:190px/1 Georgia,serif;position:absolute;top:0;right:36px;color:#a28dab;transform:rotate(12deg)}.art-large .art-word{font-size:59px}.art-large .art-quotes{font-size:260px;top:14px}.art-large .art-orbit{width:330px;height:180px}.art-large .art-core{width:86px;height:86px}.art-large .art-core .icon{width:47px;height:47px}.art-large .art-paper{transform:rotate(-8deg) scale(1.4)}.art-large .art-cube{transform:rotate(-25deg) scale(1.5)}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.article-card{display:block;min-width:0}.article-card:hover h3{color:var(--accent)}.article-card .editorial-art{transition:filter .2s}.article-card:hover .editorial-art{filter:brightness(1.12)}.article-meta{display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.3px;margin:19px 0 12px;color:var(--accent)}.article-meta>span:last-child{color:var(--muted)}.article-meta .icon{width:11px;height:11px;margin-right:3px}.article-card h3{font-size:18px;line-height:1.45;letter-spacing:-.4px;font-weight:500;margin-bottom:15px}.article-card .small-link{font-size:10px}.how-section{padding-block:42px;display:grid;grid-template-columns:1.1fr 1.7fr;gap:45px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.how-section h2{font-size:27px;margin:0}.how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.how-steps>div>span{font:12px monospace;color:var(--accent);display:block;margin-bottom:15px}.how-steps h3{font-size:13px;margin-bottom:9px}.how-steps p{font-size:11px;color:var(--muted);line-height:1.8;margin:0}.faq-section{display:grid;grid-template-columns:1fr 1.5fr;gap:75px;padding-block:80px}.faq-section h2{font-size:32px}.faq-list details{border-bottom:1px solid var(--line);padding:18px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:22px;font-weight:300;color:var(--accent)}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details p{color:var(--muted);font-size:12px;line-height:1.9;margin:14px 30px 0 0}.cta-banner{background:#221428;border:1px solid #503c59;border-radius:16px;position:relative;isolation:isolate;overflow:hidden;display:flex;justify-content:space-between;align-items:center;padding:45px 50px;margin-bottom:72px;gap:30px}.cta-banner h2{font-size:37px;margin:0;letter-spacing:-1.4px}.cta-banner .eyebrow{font-size:8px;letter-spacing:1.8px}.cta-orbit{position:absolute;border:1px solid #906e9f33;border-radius:50%;width:520px;height:520px;right:-70px;top:-190px;z-index:-1}.cta-orbit:before,.cta-orbit:after{content:"";position:absolute;inset:45px;border:1px solid #906e9f33;border-radius:50%}.cta-orbit:after{inset:90px}.site-footer{border-top:1px solid var(--line);padding-top:50px;background:#160b1f}.footer-main{display:grid;grid-template-columns:2.1fr 1fr 1fr 1.1fr;gap:38px;padding-bottom:42px}.footer-brand .brand{font-size:25px}.footer-brand p{color:var(--muted);font-size:12px;line-height:1.9;margin:19px 0}.footer-brand>.small{font-size:9px}.footer-main>div>h3{font-size:11px;letter-spacing:0;margin-bottom:20px}.footer-main>div>a:not(.brand){display:block;font-size:11px;color:var(--muted);margin-bottom:11px}.footer-main>div>a:hover{color:var(--accent)}.footer-note{font-size:11px;color:#75687b;line-height:1.9;display:block;margin-top:17px}.footer-bottom{border-top:1px solid var(--line);padding-block:22px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:var(--muted)}.footer-bottom>span:last-child{display:flex;align-items:center;gap:8px}.footer-bottom .icon{width:12px;height:12px}.divider{margin-inline:8px;color:#584d5d}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--accent)}.breadcrumb{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:10px;color:var(--muted);margin-bottom:46px;line-height:1.8}.breadcrumb .icon{width:10px;height:10px;color:#675c6b}.breadcrumb>span{color:#cdc6d0}.breadcrumb a:hover{color:var(--accent)}.page-hero{padding-top:25px;padding-bottom:44px}.page-hero h1{line-height:1.08;margin-bottom:23px}.page-hero .eyebrow{font-size:9px}.page-hero>p{color:var(--muted);font-size:14px;line-height:1.9;margin:0}.listing-section{padding-bottom:65px}.filter-toolbar{display:flex;gap:28px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:23px;margin-bottom:22px}.search-field{position:relative;display:flex;align-items:center;gap:12px;border:1px solid #42274e;background:var(--surface);border-radius:9px;padding:10px 15px;flex:1}.search-field .icon{width:17px;height:17px;color:var(--muted)}.search-field input{border:0;background:transparent;outline:none;flex:1;min-width:0;font-size:12px;line-height:25px}.search-field:focus-within{border-color:var(--accent)}kbd{color:#86788c;border:1px solid var(--line);font:10px monospace;border-radius:4px;padding:2px 5px}.sort-control{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px}.sort-control select{padding:12px 30px 12px 13px;font-size:11px;background:var(--surface)}.filter-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.filter-chip{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:6px;padding:8px 14px;font-size:11px}.filter-chip.active,.filter-chip:hover{color:var(--accent);background:#291730;border-color:#513a5b}.results-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;font-size:11px;color:#dcd5df;margin-bottom:18px}.results-heading .muted{font-size:10px}.empty-state{text-align:center;padding:70px 20px;border:1px dashed var(--line);border-radius:12px}.empty-state>.icon{width:35px;height:35px;color:var(--dim);margin-bottom:20px}.empty-state h2{font-size:25px}.empty-state p{font-size:13px;color:var(--muted)}[hidden]{display:none!important}.compact-callout{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:30px;border-block:1px solid var(--line);margin-bottom:60px}.compact-callout>div{display:flex;gap:15px;align-items:center;font-size:14px;color:var(--muted)}.compact-callout strong{color:var(--text);font-weight:500}.compact-callout .icon{color:var(--accent)}.app-monogram{width:47px;height:47px;display:grid;place-items:center;background:#cf88ed;color:#25132d;border-radius:11px;font-size:29px;letter-spacing:-2px;font-weight:650;line-height:1}.mono-1{background:#c9c1e6;color:#44345e}.mono-2{background:#e3c9a8;color:#634521}.mono-3{background:#bdd8ed;color:#23425e}.mono-4{background:#e1c4cc;color:#63333d}.card-title{display:flex;gap:9px;align-items:baseline}.card-title>.icon{width:13px;height:13px;color:var(--muted)}.directory-card p{min-height:65px}.save-tool[aria-pressed=true]{color:var(--accent);background:#2f1b38}.save-tool[aria-pressed=true] .icon{fill:#a36cbb55}.saved-toggle{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);cursor:pointer}.saved-toggle input{accent-color:var(--accent)}.saved-toggle .icon{width:13px;height:13px}.catalog-note{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:23px;margin-top:35px;text-align:center}.catalog-note a{color:var(--accent);margin-left:5px}.catalog-note .icon{width:13px;height:13px}.featured-story{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:15px}.featured-story>div:last-child{padding-right:25px}.featured-story h2{font-size:29px;line-height:1.3;letter-spacing:-.9px}.featured-story p{font-size:13px;color:var(--muted);line-height:1.9}.featured-story .section-kicker{font-size:9px}.featured-story .editorial-art{height:300px}.tool-heading{padding-top:25px;padding-bottom:34px}.tool-heading .breadcrumb{margin-bottom:30px}.detail-title{display:flex;gap:14px;align-items:center;margin-bottom:20px}.tool-heading h1{font-size:42px;letter-spacing:-1.8px;margin-bottom:15px}.tool-heading>p{font-size:13px;color:var(--muted);max-width:740px;line-height:1.9;margin:0}.workspace{display:grid;grid-template-columns:.95fr 1.2fr;gap:22px}.writer-input,.writer-output{border:1px solid var(--line);border-radius:13px;background:var(--surface);overflow:hidden;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 23px;border-bottom:1px solid var(--line);min-height:65px}.panel-heading h2{font-size:13px;letter-spacing:0;display:flex;gap:10px;align-items:center;margin:0}.panel-heading h2>.icon{color:var(--accent);width:16px;height:16px}.panel-heading>span{font:10px monospace;color:#796681}.panel-heading>div{display:flex}.panel-body{padding:24px}.panel-body label{font-size:12px;display:block;margin-bottom:8px;font-weight:500}.field-help{font-size:10px;color:var(--muted);margin-bottom:13px}.panel-body textarea{width:100%;resize:vertical;padding:14px;font-size:12px;line-height:1.9;min-height:170px}.character-count{display:flex;justify-content:space-between;gap:15px;margin:8px 0 22px;font-size:9px;color:var(--dim)}.character-count .small-link{font-size:10px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:25px}.field-row select{padding:12px;width:100%;font-size:12px}.preview-note{color:var(--dim);font-size:9px;text-align:center;line-height:1.7;margin:13px 0 0}.writer-output{display:flex;flex-direction:column}.output-empty{padding:65px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center}.output-spark{width:68px;height:68px;display:grid;place-items:center;border-radius:18px;background:#24152a;border:1px solid #43274f;color:var(--accent);margin-bottom:25px}.output-spark .icon{width:31px;height:31px}.output-empty h3{font-size:22px;line-height:1.4;letter-spacing:-.6px;font-weight:450;margin-bottom:15px}.output-empty p{color:var(--muted);font-size:11px;line-height:1.9;margin:0}.output-footer{border-top:1px solid var(--line);padding:17px 22px;font-size:9px;color:var(--dim);display:flex;gap:10px;align-items:center;justify-content:space-between}.output-footer .small-link{color:var(--accent);font-size:10px}.output-ready{white-space:pre-wrap;flex:1;padding:26px;font-size:13px;line-height:1.95;color:#d6ceda;overflow-wrap:anywhere}.guide-grid{padding-block:70px;display:grid;grid-template-columns:1fr 1.2fr;gap:65px;border-bottom:1px solid var(--line)}.guide-grid h2{font-size:30px}.guide-grid h3{font-size:15px;letter-spacing:-.2px;margin-bottom:10px}.guide-grid p{font-size:12px;color:var(--muted);line-height:1.9;max-width:500px}.guide-grid p:last-child{margin-bottom:0}.chat-layout{display:grid;grid-template-columns:245px 1fr;min-height:calc(100dvh - 80px)}.chat-sidebar{background:#150d1d;border-right:1px solid var(--line);padding:25px 18px;display:flex;flex-direction:column;min-width:0}.chat-sidebar .button{font-size:11px;justify-content:flex-start}.sidebar-label{font-size:8px;letter-spacing:1.5px;color:#7f7185;display:block;margin:32px 7px 15px}.sidebar-empty{font-size:10px;color:#776a7c;padding:0 7px;line-height:1.8}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:20px 5px 0}.sidebar-bottom>a{display:flex;align-items:center;gap:9px;font-size:11px}.sidebar-bottom>a .icon{width:14px;height:14px;color:var(--accent)}.sidebar-bottom>a .icon:last-child{margin-left:auto}.sidebar-bottom p{font-size:9px;color:var(--dim);margin:17px 0 10px}.sidebar-bottom .small-link{font-size:9px}.sidebar-bottom .icon{width:12px;height:12px}.history-item{border:0;background:transparent;width:100%;padding:9px 10px;text-align:left;color:#b8acbd;font-size:11px;border-radius:6px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block}.history-item:hover{background:var(--elevated);color:var(--accent)}.chat-main{display:flex;flex-direction:column;min-width:0;background:radial-gradient(ellipse at 50% 42%,#25152c33,transparent 55%)}.chat-topbar{height:63px;border-bottom:1px solid #3b254955;padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:15px}.chat-topbar strong{font-size:12px;font-weight:500;display:flex;align-items:center;gap:10px}.chat-topbar strong>.icon{color:var(--accent);width:15px;height:15px}.preview-label{color:var(--dim);font-size:9px;border:1px solid var(--line);padding:3px 8px;border-radius:4px}.chat-stage{flex:1;padding:40px 35px 20px;display:flex;justify-content:center;align-items:center;min-height:420px}.chat-welcome{max-width:635px;width:100%;text-align:center}.welcome-mark{display:grid;place-items:center;width:61px;height:61px;margin:0 auto 25px;background:#25162c;border:1px solid #533b5d;border-radius:18px;box-shadow:0 0 60px #c58fdc0b}.welcome-mark>.icon{width:31px;height:31px;color:var(--accent)}.chat-welcome .section-kicker{font-size:8px;letter-spacing:1.9px;margin-bottom:16px}.chat-welcome h1{font-size:45px;line-height:1.12;letter-spacing:-2px;margin-bottom:18px}.chat-welcome>p{font-size:12px;color:var(--muted);margin-bottom:30px}.suggestion-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;text-align:left}.suggestion{display:flex;gap:12px;align-items:flex-start;border:1px solid #382142;border-radius:10px;background:#190f1d;padding:17px;text-align:left}.suggestion>.icon{color:var(--accent);width:17px;height:17px;margin-top:1px}.suggestion>.icon:last-child{margin-left:auto;width:12px;height:12px;color:#7a6484}.suggestion>span{font-size:12px;line-height:1.5}.suggestion small{display:block;font-size:10px;color:#918298;line-height:1.7;margin-top:8px}.suggestion:hover{border-color:#9679a2}.chat-composer-wrap{width:100%;max-width:840px;margin:0 auto;padding:15px 35px 15px}.chat-composer{border:1px solid #4a3b51;background:#1d1122;border-radius:13px;padding:15px 17px 12px;box-shadow:0 8px 30px #0002}.chat-composer textarea{resize:vertical;max-height:220px;width:100%;background:none;border:0;outline:0!important;font-size:12px;line-height:1.8;min-height:40px;padding:0}.chat-composer>div{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:5px}.chat-composer>div>span{font-size:9px;color:#9c8aa4}.chat-composer>div>span>.icon{width:12px;height:12px;margin-right:5px}.chat-disclaimer{font-size:9px;text-align:center;color:var(--dim);margin:11px 0 0}.chat-disclaimer a{color:var(--accent)}.chat-disclaimer .icon{width:10px;height:10px}#chat-messages{max-width:720px;width:100%}#chat-messages:empty{display:none}.message-user{border:1px solid #4b3953;background:#27162e;border-radius:13px 13px 3px 13px;margin:0 0 30px auto;padding:16px 20px;max-width:85%;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.message-assistant{display:flex;gap:15px;padding:12px 0;align-items:start;font-size:13px;color:#ccc3d0}.message-assistant>.icon{color:var(--accent);margin-top:4px}.message-assistant p{margin-bottom:15px}.message-assistant .button{font-size:11px;padding:10px 15px}.message-assistant small{display:block;font-size:10px;color:var(--muted);margin:15px 0}.directory-detail-head{display:flex;align-items:center;gap:22px;margin-bottom:25px}.directory-detail-head>.app-monogram{width:75px;height:75px;font-size:44px;border-radius:16px}.directory-detail-head h1{margin-bottom:0}.directory-detail-head .section-kicker{font-size:9px;margin-bottom:8px}.detail-actions{display:flex;gap:12px;margin-left:auto}.detail-actions .button{font-size:11px;padding:11px 16px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:37px;padding-top:12px}.detail-main{min-width:0}.product-showcase{height:330px;background:#25162c;border:1px solid #472954;border-radius:14px;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.showcase-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#b497c111 1px,transparent 1px),linear-gradient(90deg,#b497c111 1px,transparent 1px);background-size:30px 30px}.showcase-label{position:absolute;left:22px;top:20px;font:8px monospace;letter-spacing:2px;color:#9b87a3}.showcase-monogram{position:relative;font-size:72px;line-height:1;font-weight:600;letter-spacing:-4px;color:#dca8f2;margin-top:20px}.showcase-monogram>span{position:absolute;right:-30px;top:-15px;font-size:30px;color:#836092}.product-showcase>strong{font-size:22px;font-weight:500;letter-spacing:-.7px}.product-showcase>span:last-child{font-size:10px;color:#967da1}.anchor-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin:25px 0}.anchor-tabs a{font-size:12px;padding:13px 0}.anchor-tabs a:hover{color:var(--accent)}.info-panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:24px}.info-panel h2{font-size:17px;letter-spacing:-.3px}.info-panel dl{margin:25px 0}.info-panel dt{font-size:10px;color:var(--dim);margin-top:20px}.info-panel dd{font-size:12px;margin:5px 0 0}.info-panel .button{white-space:normal;font-size:10px;padding:11px 13px}.aside-note{padding:26px;display:flex;gap:12px;color:var(--muted);font-size:12px;line-height:1.8}.aside-note>.icon{color:var(--accent);margin-top:4px}.prose{font-size:14px;line-height:1.95;color:#bbafc0}.prose h2{font-size:25px;letter-spacing:-.7px;color:var(--text);margin:35px 0 20px}.prose h2:first-child{margin-top:0}.prose h3{color:var(--text);font-size:19px}.prose p{margin-bottom:24px}.prose ul{padding-left:22px;margin:20px 0 30px}.prose li{padding-left:7px;margin-bottom:10px}.prose li::marker{color:var(--accent)}.prose a:not(.button){color:var(--accent)}.prose blockquote{border-left:2px solid var(--accent);margin:35px 0;padding:8px 0 8px 27px;color:var(--text);font-size:24px;line-height:1.6;font-weight:400;letter-spacing:-.7px}.article-header{padding-top:25px;max-width:970px}.article-header .breadcrumb{margin-bottom:35px}.article-header>h1{font-size:48px;line-height:1.15;letter-spacing:-2px;margin:0 0 30px;max-width:850px}.article-byline{display:flex;gap:12px;align-items:center;margin-bottom:35px}.author-avatar{width:35px;height:35px;border:1px solid #4c3855;background:#25162c;display:grid;place-items:center;font-size:15px;border-radius:50%;color:var(--accent)}.article-byline>span:nth-child(2){font-size:10px}.article-byline .muted{display:block;font-size:9px;margin-top:3px}.article-byline>.icon-button{margin-left:auto}.article-cover{max-width:970px}.article-cover .editorial-art{height:365px}.article-cover .art-orbit{width:450px;height:210px}.article-cover .art-core{width:100px;height:100px}.article-layout{display:grid;grid-template-columns:205px minmax(0,675px);justify-content:center;gap:52px;padding-top:48px;padding-bottom:35px}.article-toc{align-self:start;position:sticky;top:115px}.article-toc .sidebar-label{margin:0 0 20px}.article-toc>a{display:block;border-left:1px solid var(--line);font-size:11px;color:var(--muted);padding:10px 0 10px 16px}.article-toc>a:hover{color:var(--accent);border-color:var(--accent)}.toc-cta{border:1px solid var(--line);border-radius:10px;padding:21px;margin-top:35px;background:var(--surface)}.toc-cta>.icon{color:var(--accent);display:block;margin-bottom:15px}.toc-cta strong{font-size:12px;font-weight:500}.toc-cta p{font-size:10px;line-height:1.8;color:var(--muted);margin:8px 0 15px}.toc-cta .text-link{font-size:10px}.article-lead{font-size:19px;line-height:1.8;color:#dad1de;letter-spacing:-.2px}.editorial-note{padding:15px 18px;background:#211327;border:1px solid #452851;border-radius:7px;font-size:11px;line-height:1.8;color:#9e8da5;margin:25px 0}.editorial-note a{display:inline;color:var(--accent)}.editorial-note .icon{width:12px;height:12px}.article-tip{border:1px solid #523e5b;background:#201226;border-radius:10px;padding:23px;display:flex;align-items:start;gap:15px;margin:35px 0}.article-tip>.icon{color:var(--accent);margin-top:5px}.article-tip strong{font-size:13px;color:#dfd2e5}.article-tip p{font-size:12px;margin:6px 0 0;line-height:1.9}.article-end{border-top:1px solid var(--line);padding-top:25px;margin-top:40px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}.basic-layout{display:grid;grid-template-columns:220px minmax(0,690px);gap:65px;padding-block:25px 80px}.basic-layout>aside>a{display:block;color:var(--muted);font-size:12px;padding:10px 0}.basic-layout>aside>a:hover{color:var(--accent)}.contact-card{padding:30px;border:1px solid var(--line);border-radius:12px;background:var(--surface);margin-top:30px}.contact-card>.icon{color:var(--accent);width:30px;height:30px;margin-bottom:23px}.contact-card p{font-size:12px}.sitemap-list{display:grid;grid-template-columns:1fr 1fr;gap:11px;font-size:12px}.design-swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:17px;margin-bottom:60px}.design-swatches>div>span{display:block;height:95px;border-radius:10px;border:1px solid var(--line);margin-bottom:13px}.design-swatches strong{font-size:12px;font-weight:500;display:block}.design-swatches code{font-size:11px;color:var(--muted)}.type-example{font-size:50px;margin-top:40px}.design-buttons{display:flex;gap:17px;align-items:center;margin:35px 0 65px}.not-found{padding-block:100px 140px}.not-found p{color:var(--muted)}dialog{color:var(--text);background:var(--surface);border:1px solid #4d3b55;border-radius:15px;width:min(650px,calc(100% - 32px));max-height:80dvh;padding:22px;box-shadow:0 30px 150px #0009}dialog::backdrop{background:#070408bb;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.dialog-top strong{font-size:14px;font-weight:500}.search-results{max-height:50vh;overflow:auto;padding-top:15px}.search-results>p{font-size:12px;padding:15px 5px}.search-result{display:flex;gap:13px;align-items:center;padding:12px;border-radius:7px;font-size:12px}.search-result:hover{background:#291831;color:var(--accent)}.search-result>.icon{width:17px;height:17px;color:var(--accent)}.search-result small{font-size:9px;display:block;color:var(--muted)}.search-result>.icon:last-child{margin-left:auto}#toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,15px);background:#eed6f8;color:#1e1123;box-shadow:0 4px 30px #0006;padding:12px 20px;border-radius:8px;font-size:12px;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100vw - 40px);text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){.shell{max-width:1280px}.hero-content{padding-top:90px;padding-bottom:76px}.hero h1{font-size:88px}.hero{min-height:700px}.hero-composer{max-width:690px}.hero-content>p{font-size:16px}.product-strip{padding-block:29px}}
@media(max-width:1100px){.main-nav{gap:17px}.header-inner{gap:17px}.brand{font-size:22px}.main-nav a{font-size:11px}.header-actions{gap:7px}.header-actions>.button{font-size:10px;padding:9px 12px}.shell{padding-inline:28px}.feature-layout{gap:40px}.tool-card,.directory-card{padding:20px}.product-strip{gap:18px}.product-strip>a{gap:10px}.product-strip h2{font-size:12px}.product-strip p{font-size:10px}.product-strip>a:not(:last-child){padding-right:18px}.chat-layout{grid-template-columns:210px 1fr}.suggestion{padding:14px}.chat-stage{padding-inline:27px}.detail-layout{grid-template-columns:minmax(0,1fr) 260px;gap:25px}.detail-actions{flex-direction:column;gap:7px}.featured-story{gap:30px}.featured-story h2{font-size:26px}.article-layout{grid-template-columns:175px minmax(0,1fr);gap:32px}}
@media(max-width:850px){.main-nav{display:none}.mobile-menu{display:inline-flex}.header-inner{height:70px}.main-nav.is-open{display:flex;position:absolute;top:70px;left:0;right:0;background:#170e1b;border-bottom:1px solid var(--line);padding:18px 28px;gap:0;flex-direction:column;align-items:stretch;box-shadow:0 15px 35px #0005}.main-nav.is-open a{padding:13px 0;font-size:14px}.main-nav a[aria-current]:after{display:none}.hero{min-height:590px}.hero-content{padding-top:58px;padding-bottom:50px}.hero h1{font-size:67px}.hero-coordinate{display:none}.prompt-chips>span{width:100%;margin-bottom:3px}.tool-grid,.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-layout{gap:28px}.feature-copy h2{font-size:37px}.feature-copy p{font-size:12px}.feature-visual .art-large{height:300px}.art-large .art-word{font-size:48px}.article-grid{gap:17px}.article-card h3{font-size:16px}.article-meta{font-size:8px;flex-wrap:wrap;gap:5px}.editorial-art{height:166px}.art-word{font-size:34px}.art-paper{transform:rotate(-7deg) scale(.8)}.art-orbit{width:180px!important;height:110px!important}.art-core{width:50px;height:50px}.how-section{grid-template-columns:1fr;gap:28px}.how-section h2 br{display:none}.faq-section{gap:35px}.footer-main{grid-template-columns:2fr 1fr 1fr;gap:30px}.footer-main>div:last-child{grid-column:1/-1;display:flex;gap:20px;flex-wrap:wrap;align-items:baseline}.footer-main>div:last-child h3{margin:0}.footer-main>div:last-child>a{margin:0}.footer-note{display:none}.featured-story{grid-template-columns:1fr 1fr;padding:16px;gap:25px}.featured-story>div:last-child{padding-right:10px}.featured-story h2{font-size:22px}.featured-story p{font-size:11px}.featured-story .editorial-art{height:280px}.chat-layout{grid-template-columns:1fr;min-height:calc(100dvh - 71px)}.chat-sidebar{display:none}.chat-stage{min-height:430px}.chat-welcome{max-width:650px}.workspace{gap:15px;grid-template-columns:1fr 1fr}.panel-body{padding:18px}.panel-heading{padding:15px 18px}.field-row{grid-template-columns:1fr}.output-footer>span{display:none}.output-footer{justify-content:center}.output-empty h3{font-size:20px}.detail-layout{grid-template-columns:minmax(0,1fr)}.detail-aside{display:grid;grid-template-columns:1fr 1fr}.info-panel dl{display:flex;flex-wrap:wrap;gap:6px 20px}.info-panel dt{margin-top:0;width:100%}.info-panel dd{margin:0 0 10px}.article-layout{grid-template-columns:minmax(0,1fr);max-width:780px}.article-toc{position:static;border-bottom:1px solid var(--line);padding-bottom:20px}.article-toc>a{display:inline-block;border:0;padding:5px 20px 5px 0}.article-toc .sidebar-label{margin-bottom:10px}.toc-cta{display:none}.basic-layout{gap:30px;grid-template-columns:170px 1fr}.guide-grid{gap:35px}.cta-banner{padding:35px}.cta-banner h2{font-size:32px}.filter-toolbar{gap:20px}.sort-control{font-size:0}.sort-control select{font-size:11px}.design-swatches{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.shell{padding-inline:21px}.header-inner{height:66px;gap:10px}.brand{font-size:22px;gap:6px}.brand-mark{width:25px}.brand-mark .icon{width:25px}.header-actions{gap:3px}.header-actions>.button{font-size:10px;padding:8px 10px;gap:7px}.header-actions>.button .icon{width:13px}.header-actions>.icon-button{width:31px}.main-nav.is-open{top:66px}.hero{min-height:auto}.hero-content{padding-top:45px;padding-bottom:38px}.hero .eyebrow{font-size:8px;letter-spacing:1px;padding:5px 10px;margin-bottom:25px}.hero h1{font-size:57px;letter-spacing:-3px;line-height:1.04;margin-bottom:23px}.hero-content>p{font-size:13px;line-height:1.85;padding-inline:10px;margin-bottom:25px}.desktop-only{display:none}.hero-composer{padding:13px 12px 10px 15px;gap:6px;border-radius:11px;grid-template-columns:1fr 33px}.hero-composer>input{font-size:12px;line-height:33px}.send-button{width:33px;height:33px}.composer-bottom{font-size:8px;padding-top:7px}.composer-bottom>span:last-child{display:none}.prompt-chips{gap:6px;margin-top:17px}.prompt-chips>span{font-size:9px;margin-bottom:3px}.prompt-chips a{font-size:9px;padding:5px 8px;gap:5px}.prompt-chips a:last-child{display:none}.hero-orbit{top:80px;opacity:.5}.product-strip{grid-template-columns:1fr;padding-block:7px;gap:0;margin-inline:21px;padding-inline:0}.product-strip>a{padding:16px 0!important;border-right:0!important;gap:14px}.product-strip>a:not(:last-child){border-bottom:1px solid var(--line)}.product-strip h2{font-size:13px;margin-bottom:5px}.product-strip p{font-size:11px}.strip-icon{width:38px;height:40px}.section{padding-block:45px}.section-heading{align-items:start;flex-direction:column;gap:14px;margin-bottom:23px}.section-kicker{font-size:8px;letter-spacing:1.6px}.section-heading h2{font-size:27px;letter-spacing:-1px;line-height:1.25}.section-heading>.text-link{font-size:11px;margin:0}.tool-grid,.directory-grid{grid-template-columns:1fr;gap:12px}.tool-card,.directory-card{padding:21px}.card-top{margin-bottom:19px}.tool-card h3,.directory-card h3{font-size:17px;margin-bottom:9px}.tool-card p,.directory-card p{font-size:12px;max-width:none;margin-bottom:18px}.card-bottom{padding-top:14px}.feature-layout{grid-template-columns:1fr;padding-block:43px;gap:30px}.feature-copy h2{font-size:39px;letter-spacing:-1.7px}.feature-copy p{font-size:13px;max-width:100%}.feature-copy .button{font-size:12px}.topic-links{margin-top:21px}.feature-visual{transform:none}.feature-visual .art-large{height:270px}.art-large .art-word{font-size:57px}.feature-caption{padding:20px}.feature-caption strong{font-size:13px}.article-grid{grid-template-columns:1fr;gap:30px}.editorial-art{height:210px}.article-card h3{font-size:21px;line-height:1.35;margin-bottom:13px}.article-meta{font-size:10px;margin:16px 0 10px}.article-card .small-link{font-size:11px}.article-card .art-word{font-size:45px}.art-core{width:65px;height:65px}.art-orbit{width:240px!important;height:130px!important}.art-paper{transform:rotate(-7deg)}.how-section{margin-inline:21px;padding-inline:0;padding-block:33px;gap:26px}.how-section h2{font-size:26px}.how-section .section-kicker{line-height:1.8}.how-steps{gap:18px;grid-template-columns:1fr}.how-steps>div{display:grid;grid-template-columns:32px 1fr;gap:5px 8px}.how-steps>div>span{grid-row:1/3;margin:0}.how-steps h3{font-size:13px;margin:0}.how-steps p{grid-column:2}.faq-section{grid-template-columns:1fr;gap:20px;padding-block:44px}.faq-section h2{font-size:28px}.faq-list summary{font-size:12px}.faq-list details p{font-size:11px}.cta-banner{padding:28px;align-items:start;flex-direction:column;gap:24px;margin-bottom:43px}.cta-banner h2{font-size:31px}.cta-banner .eyebrow{font-size:7px;letter-spacing:1.3px}.cta-banner .button{font-size:12px}.site-footer{padding-top:35px}.footer-main{grid-template-columns:1fr 1fr;gap:26px}.footer-brand{grid-column:1/-1}.footer-brand p{font-size:12px;margin-block:17px}.footer-main>div:last-child{display:block;grid-column:auto}.footer-main>div:last-child h3{margin-bottom:20px}.footer-main>div:last-child>a{margin-bottom:11px}.footer-bottom{font-size:8px;flex-direction:column;gap:13px;padding-block:20px}.page-hero{padding-top:18px;padding-bottom:30px}.breadcrumb{font-size:9px;gap:7px;margin-bottom:32px}.page-hero .eyebrow{font-size:8px;letter-spacing:1.4px}.page-hero h1{font-size:42px;letter-spacing:-2px;line-height:1.1;margin-bottom:20px}.page-hero>p{font-size:13px;line-height:1.8}.filter-toolbar{gap:12px;flex-wrap:wrap;padding-bottom:17px;margin-bottom:18px}.search-field{padding:8px 12px;min-width:0;width:100%}.filter-toolbar .search-field{flex-basis:100%}.search-field input{font-size:12px}.sort-control{font-size:10px;margin-left:auto}.sort-control select{font-size:10px;padding:8px 23px 8px 10px}.filter-chips{gap:7px;margin-bottom:24px}.filter-chip{font-size:10px;padding:7px 10px}.results-heading{font-size:10px;gap:12px}.results-heading>.muted{display:none}.listing-section{padding-bottom:35px}.compact-callout{flex-direction:column;align-items:start;gap:20px;margin:0 21px 40px;padding-inline:0}.compact-callout>div{font-size:12px;gap:12px}.compact-callout .button{font-size:11px}.catalog-note{font-size:10px;line-height:1.9}.catalog-note a{display:block}.directory-card p{min-height:0}.saved-toggle{font-size:10px;gap:5px}.featured-story{grid-template-columns:1fr;gap:24px;padding:15px}.featured-story .editorial-art{height:235px}.featured-story>div:last-child{padding:0 5px 7px}.featured-story h2{font-size:24px;letter-spacing:-.8px}.featured-story p{font-size:12px}.featured-story .section-kicker{font-size:8px}.tool-heading{padding-top:18px;padding-bottom:27px}.tool-heading .breadcrumb{margin-bottom:25px}.tool-heading h1{font-size:33px;line-height:1.14;letter-spacing:-1.2px}.tool-heading>p{font-size:12px}.workspace{grid-template-columns:1fr}.writer-output{min-height:385px}.panel-heading{padding:16px 20px;min-height:60px}.panel-heading h2{font-size:12px}.panel-body{padding:20px}.field-row{grid-template-columns:1fr 1fr}.panel-body label{font-size:11px}.panel-body textarea{font-size:12px;min-height:150px}.preview-note{font-size:9px}.output-empty{padding:35px 20px}.output-footer{justify-content:space-between}.output-footer>span{display:inline;font-size:8px}.output-footer .small-link{font-size:9px}.guide-grid{padding-block:40px;grid-template-columns:1fr;gap:15px}.guide-grid h2{font-size:28px}.guide-grid h3{font-size:14px}.guide-grid p{font-size:12px}.chat-layout{min-height:calc(100dvh - 67px)}.chat-topbar{padding-inline:20px;height:50px}.chat-topbar strong{font-size:11px;gap:7px}.chat-topbar .micro-tag{font-size:8px}.preview-label{font-size:8px}.chat-stage{padding:30px 21px 15px;min-height:400px}.welcome-mark{width:48px;height:48px;border-radius:14px;margin-bottom:20px}.welcome-mark>.icon{width:25px;height:25px}.chat-welcome .section-kicker{font-size:7px;letter-spacing:1.4px}.chat-welcome h1{font-size:37px;letter-spacing:-1.8px}.chat-welcome>p{font-size:11px;line-height:1.8;margin-bottom:25px}.suggestion-grid{gap:9px}.suggestion{padding:13px 10px;gap:8px}.suggestion>.icon{width:13px;height:13px}.suggestion>.icon:last-child{display:none}.suggestion>span{font-size:10px}.suggestion small{font-size:9px;line-height:1.6;margin-top:6px}.chat-composer-wrap{padding:13px 18px}.chat-composer{padding:13px}.chat-composer textarea{font-size:12px}.chat-disclaimer{font-size:8px;line-height:1.8}.chat-composer>div>span{font-size:8px}.message-user{font-size:12px;padding:14px 16px;max-width:90%}.message-assistant{font-size:12px;gap:10px}.message-assistant .button{font-size:10px}.directory-detail-head{gap:15px;flex-wrap:wrap;margin-bottom:22px}.directory-detail-head>.app-monogram{width:59px;height:59px;font-size:35px}.directory-detail-head>div:nth-child(2){flex:1;min-width:0}.directory-detail-head h1{font-size:30px;overflow-wrap:anywhere}.directory-detail-head .section-kicker{font-size:8px}.detail-actions{width:100%;flex-direction:row;margin-top:6px}.detail-actions .button{font-size:10px;padding:10px 14px}.detail-layout{padding-top:4px;gap:15px}.product-showcase{height:265px}.anchor-tabs{gap:23px}.anchor-tabs a{font-size:11px}.detail-aside{grid-template-columns:1fr}.aside-note{padding:23px 4px}.aside-note p{margin:0}.prose{font-size:13px;line-height:1.95}.prose h2{font-size:23px}.prose blockquote{font-size:22px;padding-left:20px}.article-header{padding-top:18px}.article-header .breadcrumb{margin-bottom:28px}.article-header>h1{font-size:35px;letter-spacing:-1.2px;line-height:1.17;margin-bottom:25px}.article-byline{margin-bottom:25px}.article-cover .editorial-art{height:240px}.article-layout{padding-top:25px;gap:26px}.article-toc>a{font-size:10px}.article-lead{font-size:17px}.article-tip{padding:18px;gap:12px}.article-end{font-size:10px;align-items:start;flex-direction:column;gap:12px}.basic-layout{grid-template-columns:1fr;gap:25px;padding-bottom:45px}.basic-layout>aside{display:flex;flex-wrap:wrap;gap:8px 20px;border-bottom:1px solid var(--line);padding-bottom:15px}.basic-layout>aside>a{font-size:10px;padding:0}.sitemap-list{font-size:11px}.contact-card{padding:23px}.design-swatches{gap:12px}.design-swatches>div>span{height:70px}.type-example{font-size:36px;letter-spacing:-1.5px}.design-buttons{flex-wrap:wrap;gap:12px}.design-buttons .button{font-size:11px}.not-found{padding-block:75px 100px}.not-found h1{font-size:43px;letter-spacing:-2px}.not-found p{font-size:13px}.dialog-top strong{font-size:12px}.search-result{font-size:11px;padding:12px 7px}.search-result small{font-size:9px}dialog{padding:17px}.search-results>p{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Original GPTOnline identity: aubergine, vivid purple, and pink highlights. */
:root{--brand:#9a08d6;--brand-hover:#8100b7;--brand-border:#cd51ff}
.site-header{background:#1a0027f5;border-color:#4c245e}.site-footer{background:#1a0027;border-color:#542366}
.button-primary,.send-button,.submit-tool,.chat-send{background:var(--brand);color:#fff;border-color:var(--brand-border)}
.button-primary:hover,.send-button:hover,.submit-tool:hover,.chat-send:hover{background:var(--brand-hover);color:#fff}
.hero h1 span,.page-hero h1 span{color:#ff86e1}.brand-mark,.brand-dot{color:#ff86e1}