:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#25282a;background:#f8f8f5;font-synthesis:none;--line:#e4e6de;--accent:#dc694b}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:white;padding:12px;z-index:30}header{background:#fff;border-bottom:1px solid var(--line);height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1200px)/2));gap:20px}header img{width:119px;height:35px}header nav{display:flex;gap:22px;font-size:13px;color:#65705e}header a[aria-current]{color:#be593c}main{max-width:1240px;margin:auto;padding:36px 20px 50px}.eyebrow{color:#967057;font-size:10px;letter-spacing:1.5px;margin:0 0 12px}.hero{background:#f3f0e7;border:1px solid #e6e0d3;border-radius:12px;padding:34px;display:grid;grid-template-columns:1.5fr 1fr;gap:32px}.hero h1{font-size:clamp(28px,3.3vw,42px);letter-spacing:-1.2px;line-height:1.4;font-weight:650;margin:0 0 14px}.hero h1 span{color:#ba5b41}.hero p{line-height:1.9;color:#6c7565;font-size:14px;max-width:600px;margin:0}.hero ol{margin:0;padding:0;list-style:none;display:grid;gap:12px;align-content:center}.hero li{display:flex;align-items:center;gap:13px;font-size:13px;color:#606b58}.hero li b{font-size:11px;font-weight:500;color:#b0654b;border:1px solid #dcd4c3;border-radius:50%;width:28px;height:28px;display:grid;place-items:center}.toolbar{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:30px 0 16px}.toolbar h2{margin:0 0 6px;font-size:22px;font-weight:600}.toolbar p,.note{color:#77816d;font-size:12px;line-height:1.8;margin:0}.search{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#6b755f;min-width:260px}input,select,textarea{background:#fff;border:1px solid #dce0d4;border-radius:6px;padding:10px 12px;color:#30372e;min-width:0}input[type=search]{width:100%}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:17px}.filters button{border:1px solid var(--line);background:#fff;color:#68735e;padding:8px 14px;border-radius:30px;font-size:12px}.filters button[aria-pressed=true]{color:#a54b32;background:#faeee7;border-color:#e6b9a7}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.card:hover{border-color:#cbb39c}.card[hidden]{display:none}.preview-open{padding:0;border:0;text-align:left;display:block;width:100%;background:none;color:inherit}.preview-open:focus-visible{outline-offset:-4px}.visual{aspect-ratio:1.5;overflow:hidden;position:relative;padding:19px 20px;background:#f4f3ec;font-family:Arial,sans-serif}.mini-nav{font-size:7px;letter-spacing:.7px;display:flex;justify-content:space-between;opacity:.8;margin-bottom:23px}.mini-nav span{font-size:6px;letter-spacing:0}.visual h3{font-size:clamp(20px,2.1vw,30px);line-height:1.05;letter-spacing:-1px;margin:10px 0;font-weight:500;position:relative;z-index:1}.visual p{font-size:8px;max-width:170px;line-height:1.6;position:relative;z-index:1}.mini-btn{display:inline-block;padding:7px 10px;font-size:7px;border-radius:3px;margin-top:7px;background:#25282a;color:white}.academic{background:#ede8df}.academic h3{font-family:Georgia,serif;font-size:32px;max-width:65%}.academic .orb{position:absolute;border:1px solid #bdb9aa;width:130px;height:170px;border-radius:50%;right:18px;top:65px;transform:rotate(30deg)}.academic .orb:after{content:'';position:absolute;inset:15px;border:1px solid #c47b5c;border-radius:50%;transform:rotate(-60deg)}.saas{background:#e8ede5}.saas h3{max-width:70%;font-weight:700;font-size:33px}.saas .mini-btn{background:#4e644b}.saas .mini-chart{position:absolute;right:18px;bottom:22px;background:#fff;padding:14px;border:1px solid #d1dacd;border-radius:5px;display:flex;gap:5px;align-items:end;height:80px;box-shadow:0 9px 20px #3c573015}.mini-chart i{display:block;width:14px;background:#a4b497;height:18px}.mini-chart i:nth-child(2){height:30px}.mini-chart i:nth-child(3){height:40px}.mini-chart i:nth-child(4){height:54px;background:#576e4b}.shop{background:#ecd4b9}.shop h3{max-width:62%;font-family:Georgia,serif;font-size:34px}.shop .object{position:absolute;width:75px;height:120px;right:28px;bottom:23px;background:linear-gradient(90deg,#afb38d,#d4d8b6 45%,#818a68);border-radius:15px 15px 25px 25px;box-shadow:12px 15px 20px #5c492b30;transform:rotate(-12deg)}.shop .object:before{content:'';position:absolute;width:48px;height:15px;background:#544e3e;top:-10px;left:13px;border-radius:5px}.shop .object:after{content:'FORM';position:absolute;font-size:9px;letter-spacing:2px;top:50px;left:18px}.portfolio{background:#242b31;color:#e6ebe9}.portfolio h3{font-size:35px;max-width:80%;font-weight:600}.portfolio p{color:#aabcb8}.portfolio .mini-btn{background:#d8e8c9;color:#293127}.portfolio .rings{position:absolute;right:10px;bottom:8px;width:100px;height:100px;border:1px solid #71988b;border-radius:50%;box-shadow:inset 0 0 0 14px #242b31,inset 0 0 0 15px #71988b,inset 0 0 0 28px #242b31,inset 0 0 0 29px #71988b}.pricing{background:#f0eee8}.pricing h3{font-family:Georgia,serif;font-size:26px;margin-bottom:17px}.mini-plans{display:flex;gap:7px}.mini-plans>div{background:#fff;border:1px solid #dddcd3;border-radius:4px;flex:1;padding:11px 8px;font-size:7px}.mini-plans strong{display:block;font-size:18px;margin:9px 0}.mini-plans>div:nth-child(2){background:#728a6b;color:white;border-color:#728a6b}.mini-plans small{font-size:6px}.mini-plans hr{border:0;border-top:1px solid #d4dacb;margin:10px 0}.gradient{background:radial-gradient(ellipse at 75% 65%,#e8b6a1,transparent 60%),radial-gradient(ellipse at 15% 15%,#a9c5b5,transparent 65%),#f3e6d5}.gradient h3{font-size:32px;max-width:80%;font-weight:600}.glass{background:#ffffff55;border:1px solid #ffffff80;border-radius:7px;padding:13px;position:absolute;right:20px;bottom:19px;font-size:8px;line-height:1.8;color:#4f6559}.dashboard{background:#ecf0ef}.dashboard .mini-nav{margin-bottom:14px}.dashboard h3{font-size:21px;letter-spacing:-.5px}.mini-metrics{display:flex;gap:6px;margin:14px 0}.mini-metrics b{flex:1;background:#fff;padding:10px 7px;font-size:14px;font-weight:500;border-radius:4px}.mini-metrics small{display:block;font-size:6px;color:#6f7b75;margin-bottom:6px}.mini-bars{height:50px;display:flex;gap:7px;align-items:end;border-bottom:1px solid #c7d6cb;padding:0 12px}.mini-bars i{height:30%;background:#9bb7ad;flex:1}.mini-bars i:nth-child(2n){height:75%}.mini-bars i:nth-child(3n){height:50%;background:#dc987c}.faq{background:#e9ebdf}.faq h3{font-family:Georgia,serif;font-size:26px}.mini-faq{margin-top:14px;font-size:8px;background:#ffffff80;padding:10px;border-radius:4px}.mini-faq div{padding:9px 0;border-bottom:1px solid #cad0bc}.mini-faq div:last-child{border:0}.mini-faq span{float:right}.card-body{padding:18px;display:flex;flex-direction:column;flex:1}.card-top{display:flex;align-items:center;gap:7px;color:#8a795f;font-size:10px;margin-bottom:8px}.card h2{font-size:17px;margin:0 0 9px;font-weight:600;letter-spacing:-.3px}.card-body p{font-size:12px;line-height:1.85;color:#76816d;margin:0 0 15px}.card-actions{display:flex;align-items:center;gap:10px;margin-top:auto}.button,.copy{padding:9px 12px;border-radius:5px;border:1px solid #e2e4db;color:#66745c;background:#fff;font-size:12px;text-align:center}.button:hover{border-color:#c9b59e}.copy{background:#dc694b;color:white;border-color:#dc694b}.status{font-size:12px;color:#65795c;min-height:22px;margin:12px 0}.empty{background:white;padding:35px;border:1px solid var(--line);border-radius:9px;text-align:center;color:#76816d}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:35px 0;background:#f0f2eb;border:1px solid var(--line);border-radius:9px;padding:24px}.how h3{font-size:14px;font-weight:600}.how p{font-size:12px;color:#78816e;line-height:1.9}.how a{color:#aa593d}.foot{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#86907d;border-top:1px solid var(--line);padding-top:20px;line-height:1.8}.foot nav{display:flex;gap:16px}dialog{border:1px solid var(--line);border-radius:12px;max-width:1000px;width:calc(100% - 32px);max-height:90dvh;padding:0;color:#30362c;background:#f8f8f5}dialog::backdrop{background:#17221cb3}.detail-head{display:flex;justify-content:space-between;padding:20px 25px;border-bottom:1px solid var(--line);align-items:center;gap:15px}.detail-head h2{font-size:20px;margin:0}.close{border:1px solid var(--line);border-radius:50%;width:32px;height:32px;background:#fff;font-size:20px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px}.detail-grid .visual{border-radius:7px}.detail-grid .visual h3{font-size:36px}.detail-copy h3{font-size:14px;font-weight:600;margin:20px 0 8px}.detail-copy p{font-size:12px;line-height:1.85;color:#76816d}.fields{display:grid;gap:12px}.fields label{display:grid;gap:6px;font-size:12px;color:#6b755f}.fields input,.fields select{width:100%}.prompt-text{width:100%;font-size:12px;line-height:1.8;resize:vertical;min-height:300px;background:#fff;padding:15px}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.detail-body{padding-bottom:0}.detail-note{font-size:11px;color:#77816d;line-height:1.8}.static-prompts{padding:22px;border:1px solid var(--line);border-radius:8px;background:#fff}.static-prompts summary{cursor:pointer;font-size:13px;color:#68735e}.static-prompts article{border-top:1px solid var(--line);padding:18px 0}.static-prompts h3{font-size:16px}.static-prompts pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.9 inherit}.detail-tools{font-size:11px;border:1px solid var(--line);padding:10px;border-radius:6px;background:#fff}.result-count{color:#87917d;font-size:11px;margin:0 0 15px}@media(min-width:780px){.card:nth-child(n+4){content-visibility:auto;contain-intrinsic-size:auto 410px}}@media(max-width:1000px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.visual h3{font-size:31px}}@media(max-width:640px){header{height:56px;padding:0 14px;gap:12px}header nav{gap:13px;font-size:12px}header nav a:nth-child(2){display:none}main{padding:20px 14px 30px}.hero{grid-template-columns:1fr;padding:25px 21px;gap:22px}.hero h1{font-size:30px}.hero p{font-size:13px}.hero ol{gap:10px}.toolbar{align-items:stretch;flex-direction:column;gap:16px}.search{min-width:0}.grid{grid-template-columns:1fr;gap:17px}.visual h3{font-size:34px}.visual{min-height:215px}.filters{gap:7px}.filters button{padding:8px 12px}.how{grid-template-columns:1fr;gap:8px;padding:20px}.foot{flex-direction:column;gap:10px}.detail-grid{grid-template-columns:1fr;padding:18px;gap:16px}.detail-head{padding:16px 18px}.detail-head h2{font-size:18px}.prompt-text{font-size:14px}.fields input,.fields select{font-size:16px}.detail-actions>*{flex:1}dialog{width:calc(100% - 20px);max-height:94dvh}.detail-grid .visual{min-height:200px}.card-actions>*{min-height:40px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media print{header,.filters,.search,.card-actions,dialog{display:none}.grid{display:block}.card{break-inside:avoid;margin-bottom:20px}.static-prompts{display:block}}

.detail-head{position:sticky;top:0;z-index:2;background:#f8f8f5}

.browse-controls{display:flex;gap:12px;align-items:end}.scope-control{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#6b755f;min-width:132px}.filters [data-filter-count]{display:inline-block;min-width:15px;margin-left:3px;font-size:10px;color:#929b87}.filters [aria-pressed=true] [data-filter-count]{color:#a54b32}.filter-help{display:flex;align-items:start;justify-content:space-between;gap:15px;margin:0 0 12px}.filter-reset{border:0;background:none;padding:0;color:#a54b32;font-size:12px;white-space:nowrap;line-height:1.8}.card-parts{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 9px}.card-parts span{font-size:10px;color:#66765a;background:#f0f3eb;border-radius:4px;padding:3px 7px}.detail-parts{font-size:11px!important;color:#8b674e!important;letter-spacing:.4px}@media(max-width:760px){.browse-controls{flex-wrap:wrap}.search{min-width:200px}.scope-control{min-width:130px}}@media(max-width:640px){.browse-controls{flex-direction:column;align-items:stretch;gap:12px}.browse-controls .search{min-width:0}.scope-control select{font-size:16px}.filter-help{gap:10px}.filters button{min-height:38px}.toolbar{margin-bottom:18px}}

.local-nav{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 12px}.local-nav a{font-size:12px;color:#6c765f;border:1px solid #dce1d3;background:white;border-radius:6px;padding:9px 14px}.local-nav a:hover{border-color:#d28d72}.sample-nav{display:flex;gap:15px;align-items:center;justify-content:space-between;background:#fff;border:1px solid #dce1d3;border-radius:5px;padding:13px 10px;font-size:7px}.sample-nav b{font-size:13px}.sample-nav em{background:#b75034;color:white;border-radius:3px;padding:7px;font-style:normal}.nav-demo{background:#eeeee5}.nav-demo h3{font-family:Georgia,serif;margin-top:25px}.sample-footer{display:flex;justify-content:space-between;border-top:1px solid #bdc6b2;margin-top:22px;padding-top:12px;font-size:7px;line-height:1.8}.sample-footer b{font-size:20px}.footer-demo{background:#e4e9dc}.footer-demo h3{font-family:Georgia,serif}.cta-demo{background:#f1ded0}.cta-demo h3{font-family:Georgia,serif;max-width:95%}.hero-demo{background:#edf0e8}.hero-demo h3{font-weight:650;max-width:85%}.sample-blocks{position:absolute;right:20px;bottom:18px}.sample-blocks i{display:block;background:#c4d0b7;width:70px;height:18px;border-radius:3px;margin-top:4px}.sample-blocks i:nth-child(2){background:#ddbc9e;width:55px}.sample-blocks i:nth-child(3){background:#9cb4a7;width:40px}.glass-demo{background:radial-gradient(at 20% 15%,#a5bfaf,transparent 65%),radial-gradient(at 80% 80%,#e4af9d,transparent 60%),#f5ead7}.sample-glass{padding:13px 15px;background:#ffffffb0;border:1px solid #ffffff;border-radius:10px;box-shadow:0 10px 25px #40543c10}.sample-glass h3{font-family:Georgia,serif;margin:0}.icons-demo{background:#f0eee7}.icons-demo h3{font-size:27px}.sample-icons{display:flex;gap:30px;align-items:center;justify-content:center;margin-top:26px}.sample-icons i{width:48px;height:48px;display:block;background:radial-gradient(at 25% 20%,#eff5d9,#9fb485 55%,#617651);border-radius:50%;box-shadow:8px 10px 15px #435a3325}.sample-icons i:nth-child(2){border-radius:10px;background:linear-gradient(135deg,#f2d1b1,#c98c65);transform:rotate(-12deg)}.sample-icons i:nth-child(3){width:30px;border-radius:25px;background:linear-gradient(100deg,#d8e7de,#8ba79b)}.code-panel{border-top:1px solid var(--line);padding-top:16px;margin-top:25px}.code-panel[hidden]{display:none}.code-panel textarea{font:11px/1.6 ui-monospace,monospace;min-height:200px}.design-kit{margin:40px 0;padding:26px;background:#f0f2eb;border:1px solid var(--line);border-radius:10px;scroll-margin-top:20px}.design-kit .toolbar{margin:0 0 22px}.kit-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:30px}.kit-preview{background:#f8f8f5;border:1px solid #d8dece;color:#25282a;border-radius:8px;padding:24px;min-height:280px}.kit-preview h3{font:600 27px/1.4 Georgia,"Songti SC",serif;margin:20px 0;overflow-wrap:anywhere}.kit-preview p{font-size:13px;line-height:1.8;color:#68736c}.kit-eyebrow{font-size:9px;letter-spacing:1.2px;color:#806b52}.kit-demo-button{display:inline-block;background:#b75034;color:white;font-size:12px;border-radius:8px;padding:11px 15px}.kit-swatch-row{display:flex;gap:10px;margin-top:22px}.kit-swatch-row i{display:block;border-radius:50%;width:22px;height:22px;border:1px solid #c4ccbb;background:#f8f8f5}.kit-swatch-row i:nth-child(2){background:#25282a}.kit-swatch-row i:nth-child(3){background:#b75034}.kit-preview[data-style=sage]{background:#eef2e9;color:#263427}.kit-preview[data-style=sage] h3{font-family:system-ui,sans-serif}.kit-preview[data-style=sage] p{color:#58664f}.kit-preview[data-style=sage] .kit-demo-button{background:#47643e}.kit-preview[data-style=sage] .kit-swatch-row i:nth-child(3){background:#47643e}.kit-preview[data-style=dark]{background:#20282d;color:#edf2ee;border-color:#43544e}.kit-preview[data-style=dark] h3{font-family:system-ui,sans-serif}.kit-preview[data-style=dark] p{color:#bac9c2}.kit-preview[data-style=dark] .kit-eyebrow{color:#c4d5bb}.kit-preview[data-style=dark] .kit-demo-button{background:#d4e5c3;color:#20282d}.kit-preview[data-style=dark] .kit-swatch-row i:first-child{background:#20282d}.kit-preview[data-style=dark] .kit-swatch-row i:nth-child(2){background:#edf2ee}.kit-preview[data-style=dark] .kit-swatch-row i:nth-child(3){background:#d4e5c3}.kit-preview[data-radius="0"],.kit-preview[data-radius="0"] .kit-demo-button{border-radius:0}.kit-preview[data-radius="16"],.kit-preview[data-radius="16"] .kit-demo-button{border-radius:16px}.kit-preview[data-density="16"]{padding:16px}.kit-preview[data-density="32"]{padding:32px}.kit-summary{color:#65735b;font-size:12px;cursor:pointer;margin:16px 0 10px}.resources-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.resource{background:white;border:1px solid var(--line);border-radius:8px;padding:18px;display:flex;flex-direction:column}.resource h3{font-size:16px;margin:0 0 12px}.resource p{font-size:12px;line-height:1.85;color:#66735c;margin:0 0 12px}.resource small{font-size:11px;line-height:1.8;color:#8a907e;margin-bottom:16px}.resource a{color:#aa5338;font-size:12px;margin-top:auto}.kit-grid details{margin-top:14px}.design-kit label{font-size:12px;color:#68735e}.design-kit .detail-actions{margin-top:4px}.design-kit .fields{align-content:start}#resources{scroll-margin-top:25px}#gallery-title{scroll-margin-top:25px}@media(max-width:900px){.resources-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.kit-grid{grid-template-columns:1fr;gap:20px}.design-kit{padding:20px 17px;margin-top:30px}.resources-grid{grid-template-columns:1fr}.resource{padding:18px}.kit-preview h3{font-size:25px}.kit-grid input,.kit-grid select{font-size:16px}.local-nav{gap:8px}.local-nav a{padding:9px 10px}.kit-grid .detail-actions{gap:8px}.sample-icons{margin-top:32px}}