/* Hallmark · macrostructure: Catalogue · tone: notebook · anchor hue: green */
/* Hallmark · pre-emit critique: P4 H4 E4 S4 R5 V4 */
@import url('/tokens.css');
html,body{overflow-x:clip}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body)}h1,h2,h3{font-family:var(--font-display);font-style:normal;overflow-wrap:anywhere;min-width:0}button,a,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}button:disabled{opacity:.55;cursor:wait}button,a{white-space:nowrap}[hidden]{display:none!important}
.topbar,.blog-top{max-width:1240px;margin:auto;background:var(--color-paper);border-bottom:1px solid var(--color-rule);padding:20px 32px;box-shadow:none}.brand-name>span,.blog-brand>span{display:none}.brand-mark{background:var(--color-accent);color:var(--color-surface);border-radius:8px}.wechat-button{background:var(--color-accent);color:var(--color-surface)}.top-nav{gap:24px}.top-nav a.active{color:var(--color-accent)}
.tools-section{max-width:1240px;margin:auto;padding:32px}.section-heading{margin-bottom:20px;align-items:center}.section-heading h1{font-size:30px;line-height:1.3;margin:0}.section-heading p{margin:8px 0 0;color:var(--color-muted)}.collection-count{border:0;padding:0}.collection-count strong{font-size:24px}.tool-controls{border:1px solid var(--color-rule);background:var(--color-surface);border-radius:var(--radius-ui);padding:20px;margin-bottom:20px}.search-box{background:var(--color-paper);border:1px solid var(--color-rule);border-radius:8px}.filter-row{margin-top:16px}.category-row{border-top:1px solid var(--color-rule);margin-top:16px;padding-top:16px;gap:8px;flex-wrap:wrap}.category-chip,.filter-pill{border-radius:6px}.category-chip.active,.filter-pill.active{background:var(--color-accent);color:var(--color-surface)}.category-label{display:none}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tool-card{background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius-ui);padding:24px;animation:none;box-shadow:none}.tool-card:hover{transform:none;border-color:var(--color-accent);box-shadow:none}.tool-name{font-size:19px}.tool-description{font-size:14px;line-height:1.7}.tool-card-foot{border-color:var(--color-rule)}.tool-logo{border-radius:10px}.tool-link{color:var(--color-accent)}.results-pulse,.results-meta i{display:none}.footer{max-width:1176px;margin:32px auto;padding:24px 0;border-top:1px solid var(--color-rule)}.footer a{color:var(--color-muted)}
.blog-wrap{max-width:1180px;padding:32px;margin:auto}.blog-hero{padding:0 0 24px;min-height:0;border:0}.blog-hero h1{font-size:30px;line-height:1.3;margin:0 0 8px}.blog-hero p{font-size:14px;color:var(--color-muted)}.blog-hero .eyebrow,.post-heading .eyebrow{display:none}.post-section{padding-top:0}.post-heading{margin-bottom:16px}.post-heading h2{font-size:20px}.post-heading i{display:none}.post-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.post-card{border:1px solid var(--color-rule);border-radius:10px;background:var(--color-surface);padding:24px;color:var(--color-ink)}.post-card h3{font-size:21px}.post-card:hover{transform:none;border-color:var(--color-accent)}.post-card p,.post-foot,.post-meta{color:var(--color-muted)}.blog-search{width:100%;padding:14px 16px;background:var(--color-surface);border:1px solid var(--color-rule);border-radius:8px;color:var(--color-ink);font:inherit;margin:0 0 16px}.filters{flex-wrap:wrap;gap:8px}.filters button{border-radius:6px}.filters button.active{background:var(--color-accent);color:var(--color-surface)}.article-wrap{max-width:840px;padding:32px 24px;margin:auto}.article-body{background:var(--color-surface);border:1px solid var(--color-rule);padding:40px;border-radius:12px}.article-body h1{font-size:32px}.article-content{font-size:16px;line-height:1.95;color:var(--color-ink)}.article-content pre{white-space:pre-wrap;overflow-wrap:anywhere}.article-content img,.article-cover{max-width:100%;height:auto}.blog-footer{color:var(--color-muted);border-color:var(--color-rule)}
.admin-shell{max-width:1320px;padding:24px}.admin-header{flex-wrap:wrap;gap:16px}.dashboard-heading h1{font-size:28px}.dashboard-heading .eyebrow,.panel-heading .eyebrow,.syndication-title .eyebrow{display:none}.panel{background:var(--color-surface);border:1px solid var(--color-rule);border-radius:12px;box-shadow:none}.primary-button{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-surface);border-radius:8px}.quiet-button{border-radius:8px}.studio-layout{grid-template-columns:280px minmax(0,1fr)}.draft-row{padding:16px 8px;border-color:var(--color-rule);border-radius:6px}.draft-row strong{font-size:14px}.draft-row span{font-size:12px}.draft-row.active{background:var(--color-soft)}.writing-panel .form-grid label{font-size:13px}.writing-panel .form-grid input,.writing-panel .form-grid textarea,.writing-panel .form-grid select{font-size:14px;padding:12px;border-color:var(--color-rule);border-radius:6px}.writing-panel textarea[name=content]{font:14px/1.8 var(--font-mono);min-height:460px}.editor-tools button{font-size:13px!important;padding:10px 12px!important}.writing-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:10px;background:var(--color-paper);border:1px solid var(--color-rule);border-bottom:0;border-radius:6px 6px 0 0}.writing-toolbar button{border:1px solid var(--color-rule);border-radius:4px;background:var(--color-surface);color:var(--color-ink);padding:6px 10px;font:inherit}.editor-status{color:var(--color-muted);font-size:12px;line-height:1.7;margin:12px 0}.draft-search{width:100%;padding:10px;border:1px solid var(--color-rule);border-radius:6px;margin-top:16px}.draft-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.danger-button{color:var(--color-danger)}.preview-area .article-content{font-size:16px}.platform-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-header nav{flex-wrap:wrap}.back-link{font-size:13px}.table-wrap{overflow:auto}.syndication-title{gap:12px;flex-wrap:wrap}
@media(max-width:900px){.tool-grid,.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-layout{grid-template-columns:1fr}.drafts-panel{position:static}.article-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.topbar,.blog-top{padding:16px;gap:12px;flex-wrap:wrap}.brand-name,.blog-brand{font-size:17px}.brand-mark{width:32px;height:32px}.top-nav{gap:16px}.wechat-button{padding:8px 10px;font-size:12px}.tools-section,.blog-wrap{padding:24px 16px}.section-heading h1,.blog-hero h1{font-size:25px}.section-heading p{font-size:13px}.tool-controls{padding:12px}.filter-row{align-items:start;gap:12px;flex-wrap:wrap}.filter-group{flex-wrap:wrap;gap:6px}.sort-select{margin-left:auto}.tool-grid,.post-grid{grid-template-columns:minmax(0,1fr)}.tool-card,.post-card{padding:20px}.collection-count strong{font-size:20px}.collection-count span{font-size:12px}.footer{margin:24px 16px;gap:12px;flex-wrap:wrap}.footer>span:nth-child(2){display:none}.admin-shell{padding:16px}.dashboard-heading{gap:12px;flex-wrap:wrap}.writing-panel{padding:16px}.form-grid{grid-template-columns:minmax(0,1fr)!important}.form-grid .span-2{grid-column:auto}.article-list{grid-template-columns:minmax(0,1fr)}.article-wrap{padding:24px 16px}.article-body{padding:24px 20px}.article-body h1{font-size:26px}.platform-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-head-actions{flex-direction:row}.blog-contact{display:none}.blog-top nav{gap:16px}.tool-description{min-height:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.tools-section{background:var(--color-paper);border:0}.tool-name,.section-heading h1,.empty-state strong{color:var(--color-ink)}.tool-description,.tool-pricing,.collection-count,.results-meta,.clear-filters,.sort-select,.footer-copy{color:var(--color-muted)}.collection-count strong{color:var(--color-accent)}.search-box input,.sort-select select{color:var(--color-ink)}.search-box input::placeholder{color:var(--color-muted)}.sort-select option{background:var(--color-surface)}.filter-pill,.category-chip{color:var(--color-muted);border-color:var(--color-rule);background:var(--color-surface)}.filter-pill.active,.category-chip.active{color:var(--color-surface);background:var(--color-accent)}.filter-pill:hover,.category-chip:hover{color:var(--color-accent);border-color:var(--color-accent)}.filter-pill.active:hover,.category-chip.active:hover{color:var(--color-surface)}.tool-logo{color:var(--color-accent);outline:0}.tool-tag,.tool-badge,.tool-badge.type-ai,.tool-badge.type-built,.tool-badge.status-review{background:var(--color-soft);color:var(--color-muted);border-color:var(--color-rule)}.tool-card{border-left:1px solid var(--color-rule)}.tool-card:hover{border-left-color:var(--color-accent)}.tool-link:hover,.clear-filters:hover,.text-button,.clear-filters span{color:var(--color-accent)}.contact-dialog,.contact-card{background:var(--color-surface);color:var(--color-ink);border-color:var(--color-rule)}.contact-card h3,.contact-dialog h2{color:var(--color-ink)}.dialog-message,.contact-card p,.dialog-footnote{color:var(--color-muted)}.dialog-done{background:var(--color-accent);color:var(--color-surface)}.tool-controls .filter-row{border:0}.blog-top a,.blog-brand,.post-heading h2,.article-body h1,.article-content h2,.article-content h3{color:var(--color-ink)}.blog-top .selected,.back-articles{color:var(--color-accent)}button:active{opacity:.8}
.writing-panel .form-grid .span-2>textarea{width:100%;padding:12px;border:1px solid var(--color-rule);border-radius:0 0 6px 6px;background:var(--color-surface);color:var(--color-ink)}.writing-panel .form-grid .span-2>label{display:block;margin-bottom:8px}