/* Skill store: a fresh identity for professional creators. */
:root{--canvas:#fff;--paper:#fff;--ink:#182022;--muted:#5f686c;--blue:#244ce5;--blue-soft:#edf1ff;--line:#e5e8e9;--surface:#f5f6f8;--lime:#d9fa74;--coral:#ff957e;font-family:"Avenir Next","Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink)}
body{background:var(--canvas);font-size:15px;line-height:1.65}html{scrollbar-gutter:stable;scroll-padding-top:110px}html:has(.modal[open]){overflow:hidden}::selection{background:var(--lime);color:var(--ink)}:focus-visible{outline:3px solid var(--blue);outline-offset:4px}button:disabled{cursor:not-allowed}a,button{touch-action:manipulation}
.announcement{display:flex;align-items:center;justify-content:center;gap:12px;background:var(--ink);color:#fff;min-height:35px;font-size:12px;padding:7px 20px}.announcement a{display:flex;gap:7px;align-items:center;color:var(--lime);margin-left:14px}.announcement svg{width:14px;height:14px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--lime)}
.topbar{background:#fffffff5;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.header-inner{max-width:1440px;padding:0 56px;min-height:86px;gap:48px}.brand{gap:10px}.brandmark{background:var(--ink);color:var(--lime);width:38px;height:38px;border-radius:11px;transform:rotate(-7deg);box-shadow:none}.brandmark svg{width:25px;transform:rotate(7deg)}.brand strong{display:flex;flex-direction:column;gap:0;align-items:flex-start;font-size:21px;letter-spacing:-.6px;line-height:1.2}.brand small{font-size:10px;letter-spacing:1px;font-weight:600;margin-top:4px}.topnav{gap:28px}.topnav a{font-size:13px;font-weight:500;padding:30px 0;color:var(--muted)}.topnav a:hover,.topnav a[aria-current=page]{color:var(--blue)}.topnav a[aria-current=page]:after{display:none}.header-tools{margin-left:auto;gap:20px}.sidebar-search{max-width:100px}.sidebar-search input{font-size:12px}.publish-link{min-height:44px;background:var(--ink);border:1px solid var(--ink);border-radius:24px;color:#fff;padding:10px 19px;font-size:13px;gap:13px}.publish-link:hover{background:var(--blue);border-color:var(--blue);color:#fff}.publish-link svg{width:16px}
.portal-main{max-width:1440px;margin:auto;padding:0 56px}.portal-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:42px;align-items:center;padding:56px 0 55px;min-height:590px;scroll-margin-top:110px}.hero-context{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted);margin-bottom:19px}.little-asterisk{font-size:27px;line-height:1;color:var(--blue)}.portal-hero h1{font-size:clamp(64px,6.4vw,94px);font-weight:700;line-height:.99;letter-spacing:-5.5px;white-space:normal}.hero-lead{font-size:22px;font-weight:600;letter-spacing:.5px;margin-top:26px}.hero-description{font-size:14px;line-height:1.9;color:var(--muted);margin-top:11px}.hero-search-area{margin-top:27px;max-width:470px}.hero-search{width:100%;min-height:58px;padding:6px 7px 6px 19px;gap:12px;background:#f5f6f8;border:1px solid #dfe3e6;border-radius:15px;box-shadow:none}.hero-search:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #244ce510}.hero-search input{font-size:14px}.hero-search button{width:42px;height:42px;border-radius:11px;background:var(--ink);color:white}.hero-search button:hover{background:var(--blue)}.hero-search input::-webkit-search-cancel-button{-webkit-appearance:none}.hero-search .search-clear{background:#e7ebef;color:var(--muted);width:32px;height:42px}.search-suggestions{display:flex;align-items:center;gap:18px;margin-top:7px;font-size:12px;color:var(--muted);padding-left:4px}.search-suggestions button{padding:6px 0;min-height:34px;font-size:12px;color:var(--muted)}.search-suggestions button:hover{color:var(--blue)}
.hero-art{position:relative;height:455px;min-width:0;isolation:isolate}.art-grid{position:absolute;inset:0;background-image:radial-gradient(#c9d0d7 1px,transparent 1px);background-size:22px 22px;mask-image:radial-gradient(ellipse,#000 40%,transparent 71%)}.orbit-ring{position:absolute;left:6%;top:24%;width:90%;height:55%;border:1px solid #d7dce1;border-radius:50%;transform:rotate(-30deg)}.ring-two{transform:rotate(35deg);width:75%;left:13%}.floating-app{position:absolute;display:flex;flex-direction:column;box-shadow:10px 22px 30px #18202219;overflow:hidden}.app-ip{width:54%;height:275px;background:var(--blue);color:white;top:94px;left:19%;border-radius:36px;transform:rotate(-11deg);z-index:3;padding:23px;box-shadow:inset 0 2px 2px #ffffff50,10px 18px 0 #1837b9,16px 30px 36px #244ce528}.mini-caption{font-size:10px;font-weight:500;letter-spacing:.2px}.ip-symbol{width:100%;height:180px;stroke-width:8;stroke-linecap:square;stroke-linejoin:miter}.ip-symbol>circle{fill:var(--lime);stroke:var(--blue);stroke-width:7}.ip-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin-top:auto}.ip-bottom>span{font-size:23px}.app-paper{right:7%;top:20px;width:39%;height:203px;border-radius:26px;background:var(--coral);transform:rotate(14deg);padding:20px;box-shadow:inset 0 2px 2px #ffffff60,7px 10px 0 #d77765,12px 20px 30px #1820221a}.app-paper b{font-size:94px;line-height:1.2;font-weight:600;letter-spacing:-7px}.paper-lines{border-top:2px solid #18202260;border-bottom:2px solid #18202260;height:9px;width:55%}.app-workflow{right:0;bottom:17px;width:35%;height:175px;background:var(--lime);border-radius:27px;transform:rotate(9deg);z-index:4;padding:20px;box-shadow:inset 0 2px 2px #ffffff90,5px 8px 0 #b7d856,8px 18px 28px #18202219}.app-workflow>span:first-child svg{width:28px;height:28px;stroke-width:1.6}.app-workflow b{font-size:25px;line-height:1.06;letter-spacing:-.8px;margin-top:10px}.workflow-dot{position:absolute;width:25px;height:25px;border:1px solid #182022;right:19px;top:20px;border-radius:50%}.art-sticker{position:absolute;z-index:5;bottom:20px;left:3%;display:flex;gap:7px;align-items:center;padding:11px 16px;background:#fff;border:1px solid #dfe3e6;border-radius:9px;font-size:10px;font-weight:500;transform:rotate(-7deg);box-shadow:0 5px 20px #18202208}.art-sticker svg{width:15px;height:15px;color:var(--blue)}.art-spark{position:absolute;line-height:1;font-size:55px}.spark-one{left:7%;top:34px;color:var(--blue);transform:rotate(15deg)}.spark-two{right:0;top:51%;font-size:39px;color:#73818c}
.domain-section{display:flex;align-items:center;gap:38px;padding:25px 0;border-block:1px solid var(--line);margin-bottom:47px}.domain-intro{flex-shrink:0}.domain-intro>span{color:var(--muted);font-size:11px}.domain-intro h2{font-size:17px;letter-spacing:-.4px;margin-top:4px;font-weight:600}.domain-rail{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;flex:1}.domain-entry{display:flex;align-items:center;justify-content:center;gap:10px;text-align:left;padding:7px 10px;min-height:52px;border-radius:12px}.domain-entry>span:first-child{width:39px;height:39px;display:grid;place-items:center;background:#f1f4f7;border-radius:12px;color:var(--ink)}.domain-entry strong{display:block;font-size:13px;font-weight:600;white-space:nowrap}.domain-entry small{display:block;font-size:10px;color:var(--muted);white-space:nowrap}.domain-entry:hover,.domain-entry[aria-pressed=true]{background:var(--blue-soft)}.domain-entry[aria-pressed=true] strong{color:var(--blue)}
.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-heading h2{font-size:22px;letter-spacing:-.5px}.section-heading h2 span{font-size:12px;color:var(--muted);font-weight:400;margin-left:17px;letter-spacing:0}.section-heading>a{display:flex;align-items:center;gap:8px;font-size:12px;min-height:44px}.section-heading>a svg{width:16px}.topic-grid{display:grid;grid-template-columns:1.16fr 1fr 1fr 1fr;gap:17px;margin-bottom:58px}.topic-card{min-width:0;display:flex;flex-direction:column;position:relative;text-align:left;height:225px;padding:22px;border-radius:18px;overflow:hidden;isolation:isolate;transition:box-shadow .2s}.topic-card:hover{box-shadow:0 8px 22px #18202216}.topic-label{font-size:11px;position:relative;z-index:2}.topic-card strong{font-size:25px;line-height:1.4;font-weight:600;letter-spacing:-.8px;margin-top:15px;z-index:2}.topic-foot{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-top:auto;z-index:2}.topic-foot svg{width:17px;height:17px}.topic-violet{background:var(--blue);color:white}.topic-lime{background:#eaf3d5;color:#263c25}.topic-peach{background:#fae9df;color:#56382c}.topic-blue{background:#eef0f7;color:#343a61}.collection-glyph{position:absolute;right:4px;top:40px;font-size:125px;line-height:1;font-weight:400;color:#fff;opacity:.23;z-index:-1}.code-glyph{font-size:92px;color:#648847;right:-8px;top:57px;transform:rotate(12deg);letter-spacing:-6px;opacity:.17}.paper-glyph{font-size:115px;top:52px;right:-6px;color:#aa5831;opacity:.14;transform:rotate(12deg);font-weight:600;letter-spacing:-9px}.star-glyph{font-size:145px;right:-16px;top:36px;color:#697ab8;opacity:.18}
.catalog{margin:0;scroll-margin-top:110px}.catalog-heading{margin-bottom:26px}.catalog-heading h2{font-size:29px;letter-spacing:-.8px;font-weight:600}.catalog-heading p{font-size:13px;color:var(--muted);margin-top:9px}.view-switch{gap:24px}.view-switch .side-item{font-size:12px;min-height:44px}.directory-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:17px}.tabs{background:var(--surface);border-radius:12px;padding:5px;gap:2px}.tabs:before{background:var(--ink);border-radius:9px;box-shadow:none}.tabs button{min-height:40px;padding:8px 19px;font-size:13px}.tabs button[aria-pressed=true]{color:white}.tabs small{font-size:11px;color:inherit;opacity:.8;margin-left:6px}.sort-label{font-size:12px;gap:10px}.sort-label select{min-height:44px;font-size:12px;background:white;width:auto;max-width:230px;border-radius:10px}.filter-rows{padding:14px 0 18px;border-block:1px solid var(--line)}.filter-row{gap:19px;align-items:flex-start;margin:5px 0}.filter-label{font-size:12px;line-height:40px;color:var(--muted);flex-shrink:0}.filter-group{gap:5px}.side-item{border-radius:8px;font-size:12px;padding:8px 12px;min-height:40px;color:var(--muted)}.side-item:hover{background:var(--surface)}.side-item[aria-pressed=true]{background:var(--blue-soft);color:var(--blue)}.side-item svg{width:15px;height:15px}.category-row .side-item svg{display:none}.result-line{font-size:12px;margin:17px 0}.text-button{color:var(--blue);font-size:12px;min-height:44px}.active-filters{display:flex;gap:8px;flex-wrap:wrap;padding-top:14px}.filter-chip{display:flex;align-items:center;gap:8px;padding:6px 12px;min-height:36px;border-radius:7px;border:1px solid #cfdaff;background:var(--blue-soft);font-size:12px;color:var(--blue);max-width:100%;text-align:left}.filter-chip span{min-width:0;overflow-wrap:anywhere}.filter-chip svg{width:13px;height:13px;flex-shrink:0}
.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.skill-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:292px;padding:23px 23px 0;border:1px solid var(--line);border-radius:18px;background:white;isolation:isolate;transition:border-color .2s,box-shadow .2s}.skill-card:hover,.skill-card:focus-within{border-color:#b9c7df;background:white;box-shadow:0 7px 24px #18202208}.skill-title:after{border-radius:18px}.card-top{align-items:flex-start;gap:15px;min-height:77px}.card-top>.app-icon{width:59px;height:59px;border-radius:17px;margin-top:3px;box-shadow:inset 0 1px 1px #ffffff90,0 3px 5px #18202205}.card-top>.app-icon svg{width:30px;height:30px;stroke-width:1.7}.app-glyph{font-size:30px;font-weight:600}.card-heading{min-width:0;flex:1}.card-category{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.card-heading h3{font-size:17px;line-height:1.45;min-height:49px}.skill-title{font-weight:600}.skill-card .summary{font-size:13px;line-height:1.8;color:var(--muted);margin:13px 0 17px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:47px}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.card-provider{font-size:11px;color:var(--muted);margin:0}.billing-tag{border-radius:5px;font-size:11px;background:#f5ede3;color:#7d5424;padding:2px 7px;white-space:nowrap}.billing-tag.is-free{background:#edf5df;color:#425f22}.star-inline{font-size:10px}.star-inline svg{fill:#78816c;stroke:#78816c}.card-bottom{flex-direction:row;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-bottom:15px;min-height:53px}.billing-caption{font-size:13px;font-weight:500;font-variant-numeric:tabular-nums;text-align:left;color:var(--ink)}.get-pill{background:var(--blue-soft);color:var(--blue);min-height:35px;min-width:66px;border-radius:20px;font-size:12px;padding:6px 13px;gap:5px;font-weight:600;box-shadow:none}.get-pill svg{width:12px;height:12px}.get-pill:hover{background:#dfe7ff;color:#1535b4}.card-actions{width:100%;border-top:1px solid var(--line);min-height:46px;gap:24px;margin:0}.card-actions a,.card-actions button{font-size:11px;min-height:44px;color:var(--muted)}.card-actions a:hover,.card-actions button:hover{color:var(--blue)}.card-actions .save{margin-left:auto;min-width:44px;border-radius:8px}.save[aria-pressed=true]{background:var(--blue-soft);color:var(--blue)}.save[aria-pressed=true] svg{fill:#d4dfff}.app-violet{background:#e8e4fb;color:#6645bd}.app-mint{background:#dff0d4;color:#487537}.app-blue{background:#244ce5;color:white}.app-peach{background:#ffe0cf;color:#964b2a}.app-pink{background:#f7e1ea;color:#994265}.app-ice{background:#daf0ed;color:#24746d}.app-graphite{background:#e8edf0;color:#415664}.pagination{margin:29px 0 22px}.pagination button{border-radius:10px;font-size:12px;min-height:44px}.pagination button:disabled{opacity:.55}.collection-note{font-size:12px;color:var(--muted);text-align:center;line-height:1.8}.personal-shelf{padding:22px;background:var(--blue-soft);border:1px solid #d8e1ff;border-radius:14px;margin-top:18px}.personal-shelf h2{font-size:18px}.personal-monogram{background:var(--blue);color:#fff}.button{border-radius:24px;font-size:13px;min-height:44px;padding:10px 19px;box-shadow:none}.button.primary{background:var(--ink);border-color:var(--ink);color:white;box-shadow:none}.button.primary:hover{background:var(--blue);border-color:var(--blue);box-shadow:none}.button:hover{background:var(--surface)}
.creator-callout{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:42px 44px;margin:60px 0;background:var(--lime);border:0;border-radius:23px}.creator-callout>div{padding:0}.callout-label{font-size:12px;color:#47552e}.creator-callout h2{font-size:clamp(24px,3vw,40px);line-height:1.2;letter-spacing:-1.5px;margin-top:12px;font-weight:600}.creator-callout p{font-size:13px;color:#47552e;margin-top:16px}.creator-callout .button{flex-shrink:0}.footer{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--surface);border-top:1px solid var(--line);padding:29px 56px max(29px,env(safe-area-inset-bottom));font-size:11px;color:var(--muted)}.footer>div{display:flex;gap:23px}.footer a:hover{color:var(--blue)}
/* Shared secondary pages */
.page-wrap{max-width:1200px;margin:40px auto 75px}.page-heading h1{font-size:46px;letter-spacing:-1.5px;font-weight:600;line-height:1.25}.page-heading p{font-size:15px}.panel{border-radius:18px;border-color:var(--line);box-shadow:none}.panel h2{font-weight:600}.detail-app-header{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:34px}.detail-app-heading h1{font-weight:600}.detail-main{box-shadow:none}.detail-description-section p{color:var(--muted)}.detail-info-list>div{border-color:var(--line)}.detail-primary-actions .button{min-height:44px}.detail-primary-actions .save{border:1px solid var(--line);border-radius:12px}.detail-share button{min-height:44px}.modal{border-radius:24px 0 0 24px;background:white;border-color:var(--line);overscroll-behavior:contain}.modal::backdrop{background:#18202245;backdrop-filter:blur(4px)}.modal-content{padding:34px}.modal-top{position:sticky;top:0;z-index:4;display:grid;grid-template-columns:48px 1fr 44px;gap:13px;align-items:center;margin:-34px -34px 25px;padding:18px 24px;background:#fffffff7;backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}.modal-top .app-icon{width:48px;height:48px;border-radius:13px}.modal-top .app-icon svg{width:26px;height:26px}.preview-label{font-size:13px;font-weight:600}.preview-label small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:3px}.modal h2{text-wrap:balance;line-height:1.4}.close-button{background:var(--surface);color:var(--muted)}.source-badge{background:var(--surface);color:var(--muted)}.detail-grid{border-color:var(--line)}.modal-actions{gap:12px}.agent-card{border-radius:18px;background:var(--surface)}.agent-hero h1{font-size:42px;font-weight:600}.toast{background:var(--ink);border-radius:12px;box-shadow:0 6px 22px #18202220}.empty,.loading{grid-column:1/-1;border:1px dashed #cdd5df;border-radius:18px;background:var(--surface);padding:46px 24px;text-align:center}.empty h3{font-size:23px;line-height:1.5;font-weight:600}.empty p{max-width:450px;margin:12px auto 25px;font-size:14px;line-height:1.8;color:var(--muted)}.empty-icon{width:54px;height:54px;display:grid;place-items:center;margin:0 auto 20px;background:var(--blue-soft);color:var(--blue);border-radius:16px}input,select,textarea{border-color:#d2d9df;border-radius:10px}input:focus,textarea:focus,select:focus{border-color:var(--blue)}input::placeholder,textarea::placeholder{color:#6d777e}.sidebar-search input{border:0;border-radius:0}.model-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:30px 0}.model-card{display:flex;flex-direction:column;padding:24px;border:1px solid var(--line);border-radius:18px;background:white}.model-card>span{font-size:12px;color:var(--blue)}.model-card h2{font-size:22px;margin:16px 0}.model-card p{font-size:13px;color:var(--muted);line-height:1.9}.model-card .button{margin-top:24px}.model-card ul{padding-left:17px;font-size:13px;line-height:2;color:var(--muted);margin-bottom:auto}.model-card:first-child{background:var(--blue-soft)}.business-intro{background:var(--lime);padding:30px;border-radius:18px;margin-top:25px}.business-intro h2{font-size:24px;margin-bottom:12px}.business-intro p{font-size:14px;max-width:780px}.revenue-table{width:100%;border-collapse:collapse;font-size:13px;margin:26px 0}.revenue-table th,.revenue-table td{text-align:left;padding:17px 15px;border-bottom:1px solid var(--line);vertical-align:top}.revenue-table th{background:var(--surface)}.table-scroll{overflow:auto}.launch-note{font-size:13px;color:var(--muted);line-height:1.9}.creator-model-link{font-size:13px;line-height:1.9;color:var(--blue);display:block;margin:20px 0}
@media(min-width:1550px){.portal-hero h1{font-size:96px}.hero-art{height:480px}}
@media(max-width:1200px){.header-inner{padding-inline:32px;gap:30px}.topnav{gap:20px}.header-tools{gap:12px}.sidebar-search{display:none}.portal-main{padding-inline:32px}.portal-hero{gap:20px}.hero-art{height:410px}.app-ip{height:245px;padding:19px}.ip-symbol{height:158px}.app-paper{height:180px}.app-paper b{font-size:80px}.app-workflow{height:158px;padding:18px}.app-workflow b{font-size:22px}.domain-section{gap:20px}.domain-entry{gap:7px;padding-inline:5px}.domain-entry>span:first-child{width:32px;height:36px}.domain-entry small{font-size:9px}.topic-card{padding:20px}.topic-card strong{font-size:22px}.skill-card{padding-inline:19px}.card-heading h3{font-size:15px}.card-top{gap:12px}.card-top>.app-icon{width:52px;height:52px}.model-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:950px){.header-inner{gap:24px}.topnav{gap:18px}.topnav a{font-size:12px}.brand strong{font-size:20px}.publish-link{padding-inline:15px;font-size:12px}.portal-hero h1{font-size:71px}.hero-lead{font-size:20px}.hero-art{height:365px}.app-ip{top:85px;height:210px;border-radius:28px}.ip-symbol{height:135px}.mini-caption,.ip-bottom{font-size:8px}.app-paper{height:155px;padding:17px}.app-paper b{font-size:67px}.app-workflow{height:133px;padding:15px}.app-workflow b{font-size:19px}.app-workflow>span:first-child svg{width:24px;height:24px}.workflow-dot{width:18px;height:18px;right:14px;top:16px}.art-sticker{font-size:8px;padding:8px 10px;bottom:9px}.domain-section{display:block}.domain-intro{display:flex;align-items:center;gap:15px;margin-bottom:15px}.domain-intro h2{margin:0}.domain-rail{gap:8px}.domain-entry{justify-content:flex-start}.topic-grid{grid-template-columns:repeat(2,1fr)}.topic-card{height:200px;padding:23px}.topic-card strong{font-size:25px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-heading h2{font-size:25px}.catalog-heading{align-items:flex-start}.view-switch{gap:16px}.view-switch .side-item{font-size:11px}.footer{padding-inline:32px}.footer>div{gap:15px}}
@media(max-width:700px){html{scroll-padding-top:130px}.announcement{font-size:10px;gap:7px;min-height:34px;padding-inline:12px}.announcement a{margin-left:5px;gap:4px}.header-inner{padding:15px 20px 0;gap:0;min-height:0;flex-wrap:wrap}.brand strong{font-size:21px}.brandmark{width:35px;height:35px}.brand small{font-size:9px}.header-tools{margin-left:auto}.publish-link{font-size:12px;min-height:40px;padding:8px 16px}.topnav{order:3;width:100%;justify-content:space-between;gap:10px}.topnav a{font-size:11px;padding:18px 0 14px}.portal-main{padding:0 22px}.portal-hero{grid-template-columns:1fr;padding:35px 0 25px;gap:10px;min-height:0}.hero-context{font-size:11px;margin-bottom:18px}.portal-hero h1{font-size:clamp(63px,13vw,88px);letter-spacing:-4px}.hero-lead{font-size:20px;margin-top:23px}.hero-description{font-size:13px}.hero-search-area{max-width:none;margin-top:22px}.hero-search{min-height:56px}.hero-search input{font-size:13px}.hero-art{height:350px;width:100%;max-width:430px;margin:auto}.app-ip{width:51%;left:18%;height:215px;top:70px}.app-paper{width:36%;right:11%;top:10px;height:163px}.app-workflow{right:4%;width:33%;bottom:14px;height:145px}.app-workflow b{font-size:21px}.art-sticker{left:4%;font-size:9px}.spark-one{font-size:45px;left:7%;top:18px}.spark-two{right:2%}.domain-section{padding:22px 0;margin-bottom:30px}.domain-intro{justify-content:space-between;margin-bottom:17px}.domain-intro h2{font-size:16px}.domain-rail{grid-template-columns:repeat(3,1fr);gap:12px 8px}.domain-entry{padding:6px 4px;gap:7px}.domain-entry strong{font-size:11px}.domain-entry small{font-size:9px}.domain-entry>span:first-child{width:29px;height:34px;border-radius:10px;flex-shrink:0}.domain-entry svg{width:18px;height:18px}.section-heading{margin-bottom:15px;gap:10px}.section-heading h2{font-size:20px}.section-heading h2 span{display:block;font-size:11px;margin:5px 0 0}.section-heading>a{font-size:11px}.topic-grid{gap:12px;margin-bottom:36px}.topic-card{height:195px;padding:17px;border-radius:15px}.topic-card strong{font-size:22px;margin-top:13px}.topic-label{font-size:10px}.topic-foot{font-size:10px;gap:4px}.topic-foot svg{width:14px}.collection-glyph{font-size:100px}.code-glyph{font-size:80px}.paper-glyph{font-size:100px}.star-glyph{font-size:125px}.catalog{scroll-margin-top:130px}.catalog-heading{display:block;margin-bottom:20px}.catalog-heading h2{font-size:25px;margin:0}.catalog-heading p{font-size:12px}.view-switch{margin-top:15px;gap:24px}.view-switch .side-item{font-size:12px}.directory-toolbar{flex-wrap:wrap;gap:10px}.tabs{width:100%;justify-content:space-between}.tabs button{flex:1;min-height:40px;font-size:12px;padding:8px 12px}.sort-label{margin-left:auto;font-size:11px}.sort-label select{font-size:11px;max-width:230px}.filter-row{gap:10px;margin:4px 0}.filter-label{font-size:11px}.filter-group{gap:4px}.side-item{font-size:11px;padding:7px 9px;min-height:38px}.side-item svg{width:14px;height:14px}.filter-chip{font-size:11px}.result-line{font-size:11px;margin-block:13px}.grid{gap:15px}.skill-card{min-height:288px;padding:20px 19px 0}.card-heading h3{font-size:16px}.card-top{min-height:72px}.card-top>.app-icon{width:54px;height:54px}.skill-card .summary{font-size:13px}.card-actions a,.card-actions button{font-size:12px}.collection-note{text-align:left;font-size:11px}.creator-callout{display:block;margin:35px 0;padding:27px;border-radius:19px}.creator-callout h2{font-size:31px;letter-spacing:-1px}.creator-callout p{font-size:12px;line-height:1.9}.creator-callout .button{margin-top:24px}.footer{display:block;padding:25px 22px;font-size:11px;line-height:1.9}.footer>div{margin-top:13px;gap:22px}.page-wrap{padding-inline:22px;margin-top:27px}.page-heading h1{font-size:34px}.page-heading p{font-size:13px}.panel{padding:23px}.detail-app-header{padding:23px 19px}.detail-app-heading h1{font-size:27px}.agent-hero h1{font-size:32px}.modal-content{padding:25px}.modal-top{margin:-25px -25px 22px;padding:15px 19px;grid-template-columns:42px 1fr 44px}.modal-top .app-icon{width:42px;height:42px}.preview-label{font-size:12px}.preview-label small{font-size:10px}.modal-actions{padding-bottom:env(safe-area-inset-bottom)}.personal-shelf h2{font-size:16px}.personal-shelf{padding:19px}.business-intro{padding:23px}.business-intro h2{font-size:22px}.model-grid{gap:13px}.model-card{padding:20px}.model-card h2{font-size:21px}.revenue-table{font-size:12px;min-width:570px}}
@media(max-width:550px){.grid{grid-template-columns:1fr}.card-heading h3{font-size:17px}.card-top>.app-icon{width:58px;height:58px}.model-grid{grid-template-columns:1fr}.model-card .button{align-self:flex-start}}
@media(max-width:360px){.portal-main{padding-inline:17px}.header-inner{padding-inline:17px}.topnav{gap:6px}.topnav a{font-size:10px}.portal-hero h1{font-size:61px}.hero-lead{font-size:18px}.hero-description{font-size:12px}.domain-entry{gap:4px}.domain-entry>span:first-child{width:26px}.domain-entry strong{font-size:10px}.domain-entry small{font-size:8px}.topic-card{padding:14px 12px;height:184px}.topic-card strong{font-size:20px}.topic-label{font-size:9px}.topic-foot{font-size:9px}.hero-art{height:320px}.app-ip{height:195px;padding:16px}.ip-symbol{height:128px}.app-paper{height:145px}.app-paper b{font-size:60px}.app-workflow{height:130px;padding:13px}.app-workflow b{font-size:19px}.art-sticker{font-size:8px}.catalog-heading h2{font-size:23px}}
@media(pointer:coarse){.side-item,.filter-chip,.text-button,.search-suggestions button,.get-pill,.domain-entry{min-height:44px}.hero-search .search-clear{width:40px}.publish-link{min-height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Keep full navigation labels and field shortcuts inside narrow screens. */
@media(max-width:700px){.publish-link{width:auto;gap:8px}.domain-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.domain-entry small{display:none}.domain-entry>span:last-child{min-width:0}.portal-hero h1{font-size:clamp(52px,13vw,80px)}}
@media(max-width:360px){.portal-hero h1{font-size:52px;letter-spacing:-3.5px}.domain-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.domain-entry strong{font-size:12px}.domain-entry{gap:9px}.domain-entry>span:first-child{width:32px}}

/* Price filters share the same scope as search and source filters. */
.directory-toolbar .billing-tabs button{min-height:44px}
.billing-tabs small{font-variant-numeric:tabular-nums}
.billing-context{margin:0 0 18px;font-size:12px;line-height:1.8;color:var(--muted)}
.billing-context p{margin:0}
.billing-context #billing-summary{color:var(--ink);font-weight:500}
@media(max-width:950px){.directory-toolbar{flex-wrap:wrap}}
@media(max-width:700px){.billing-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.billing-tabs:before{display:none}.billing-tabs button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:10px 14px;border-radius:9px;transition:background-color .18s,color .18s}.billing-tabs button[aria-pressed=true]{background:var(--ink);color:white}.billing-context{font-size:12px}}