@import url('/library-font.css');
:root{--paper:#faf9f6;--ink:#222a26;--muted:#747a73;--line:#e4e5df;--green:#315846;--soft:#edf0e9;--white:#fff;--radius:14px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 -apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.3;font-weight:600;letter-spacing:-.04em}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #90ad97;outline-offset:4px}.shell{max-width:1200px;margin:auto;padding:0 36px}.header{height:86px;display:flex;align-items:center;gap:42px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:650;letter-spacing:-.8px}.brand img{width:30px;height:30px;border-radius:7px}.header nav{display:flex;gap:28px;color:#62695f;font-size:14px}.header .account-link{margin-left:auto;font-size:14px}.mobile-menu{display:none}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--green);font-weight:600}.hero{display:grid;grid-template-columns:1fr .82fr;gap:80px;align-items:center;padding-top:68px;padding-bottom:68px}.hero h1{font-size:clamp(36px,4.3vw,58px);line-height:1.25;margin:21px 0}.hero .lead{max-width:460px;color:#73796f;font-size:16px;line-height:1.9}.actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--green);border:1px solid var(--green);color:white;padding:11px 22px;border-radius:7px;font-size:14px;font-weight:500;min-height:44px}.button.secondary{background:transparent;color:var(--ink);border-color:#cfd4cb}.text-link{font-size:14px;text-decoration:underline;text-underline-offset:5px}.hero-visual{position:relative;height:350px;display:flex;align-items:center;justify-content:center;background:#ebece5;border-radius:var(--radius);overflow:hidden}.hero-visual img{height:292px;width:219px;object-fit:cover;box-shadow:0 16px 35px #172d2222;border:5px solid #fff;position:absolute}.hero-visual img:first-child{transform:rotate(-10deg) translateX(-69px)}.hero-visual img:last-child{transform:rotate(8deg) translateX(65px)}.section-top{border-top:1px solid var(--line);padding-top:34px;display:flex;align-items:end;justify-content:space-between;gap:20px}.section-top h2{font-size:27px}.section-top p{color:var(--muted);font-size:14px;margin-top:8px}.filters{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:27px 0}.categories{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid transparent;background:transparent;color:#657065;padding:7px 15px;border-radius:6px}.filter[aria-pressed=true]{background:var(--soft);color:var(--green);border-color:#dfe5da}.filter-select{background:transparent;border:1px solid var(--line);border-radius:6px;padding:7px 10px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 26px}.card{display:block;min-width:0}.card-picture{background:#eeede7;border:1px solid #e6e5dd;overflow:hidden;border-radius:12px;padding:24px 37px;transition:background .2s}.card-picture img{width:100%;aspect-ratio:3/4;object-fit:cover;box-shadow:0 5px 14px #2222;transition:transform .22s}.card:hover .card-picture img{transform:translateY(-3px)}.card-info{padding:15px 1px 0;display:flex;justify-content:space-between;gap:12px}.card-info h3{font-size:17px;letter-spacing:0}.card-info p{font-size:12px;color:var(--muted);margin-top:5px}.card-price{font-size:15px;white-space:nowrap}.card-price.free{color:var(--green)}.section{margin-top:70px}.collections{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:26px}.collection{display:grid;grid-template-columns:128px 1fr;align-items:center;gap:25px;border:1px solid var(--line);border-radius:12px;padding:25px;background:#f3f3ed}.collection img{aspect-ratio:3/4;object-fit:cover;border-radius:3px}.collection h3{font-size:22px}.collection p{font-size:13px;color:var(--muted);margin:9px 0}.collection .price{font-size:20px;color:var(--ink);margin-bottom:12px}.product-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:42px 0;border-top:1px solid var(--line)}.product-section h2{font-size:31px;margin-bottom:14px}.product-section p{color:var(--muted);max-width:480px}.product-lines{display:grid;gap:18px}.product-lines p{font-size:14px}.product-lines strong{display:block;color:var(--ink);margin-bottom:4px;font-weight:500}.downloads{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.downloads a{font-size:12px;border:1px solid #d4d9d0;padding:6px 12px;border-radius:5px}.footer{margin-top:65px;border-top:1px solid var(--line);padding-top:28px;padding-bottom:34px;color:var(--muted);font-size:12px;display:flex;justify-content:space-between;gap:26px}.footer-links{display:flex;gap:18px;margin-top:8px;flex-wrap:wrap}.footer strong{color:var(--ink);font-size:16px;font-weight:500}.breadcrumb{padding:30px 0;font-size:13px;color:var(--muted)}.detail{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.85fr);gap:64px;align-items:start}.preview-stage{background:#edeee7;border-radius:12px;padding:32px 60px}.preview-stage img{width:100%;aspect-ratio:3/4;box-shadow:0 6px 20px #19261d1a}.thumbs{display:flex;gap:10px;margin-top:14px;overflow:auto;padding:2px 2px 8px}.thumbs button{flex:0 0 64px;background:none;padding:3px;border:1px solid transparent;border-radius:4px}.thumbs button[aria-pressed=true]{border-color:var(--green)}.thumbs img{width:100%;aspect-ratio:3/4}.preview-caption{font-size:12px;color:var(--muted);margin-top:8px}.detail-summary{padding-top:15px;position:sticky;top:25px}.detail-summary h1{font-size:37px;margin:13px 0 17px}.detail-summary .description{color:var(--muted);font-size:15px}.detail-price{font-size:33px;margin:25px 0 15px}.detail-price small{font-size:13px;color:var(--muted);font-weight:400}.facts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;gap:17px;margin:24px 0}.facts dt{font-size:12px;color:var(--muted)}.facts dd{margin:3px 0 0;font-size:14px}.full{width:100%}.fine{font-size:12px;color:var(--muted);line-height:1.8}.detail-summary .fine{margin-top:13px}.outline{margin-top:26px;font-size:14px}.outline h2{font-size:17px;margin-bottom:12px}.outline ol{padding-left:20px;color:var(--muted);line-height:2}.detail-extra{max-width:720px;border-top:1px solid var(--line);padding-top:30px;margin-top:42px}.detail-extra h2{font-size:22px;margin-bottom:14px}.detail-extra p{color:var(--muted);margin:10px 0}.notice{border:1px solid #d9e1d3;background:#f0f3eb;padding:13px 16px;font-size:14px;border-radius:7px;margin:18px 0;overflow-wrap:anywhere}.notice.error{background:#faf0ed;border-color:#ead7d0;color:#864937}[hidden]{display:none!important}.empty{padding:55px 20px;text-align:center;border:1px dashed #d6dace;border-radius:10px;color:var(--muted);grid-column:1/-1}.empty h2{font-size:23px;color:var(--ink);margin-bottom:12px}.empty a{display:inline-block;margin-top:17px}.page-title{padding:48px 0 30px}.page-title h1{font-size:36px;margin-bottom:12px}.page-title p{color:var(--muted)}.auth-box{max-width:450px;margin:45px auto 85px}.auth-box h1{font-size:30px;margin-bottom:12px}.auth-box>p{color:var(--muted);margin-bottom:26px}label{display:block;font-size:14px;margin:17px 0 7px}input{width:100%;background:white;border:1px solid #d8ddd3;padding:12px 13px;border-radius:7px;min-height:46px}input[type=checkbox]{width:auto;min-height:initial;margin-right:7px}.form-actions{display:flex;justify-content:space-between;margin-top:18px;font-size:13px}.link-button{background:none;border:0;color:var(--green);padding:0;text-decoration:underline;text-underline-offset:4px}.account-bar{display:flex;align-items:center;justify-content:space-between;gap:18px}.orders{margin-top:25px}.order-row{display:grid;grid-template-columns:1fr auto auto;gap:25px;padding:20px 0;border-bottom:1px solid var(--line);font-size:14px}.order-row small{display:block;color:var(--muted);margin-top:5px}.order-panel{max-width:760px;margin:25px auto 80px;background:#fff;border:1px solid var(--line);padding:35px;border-radius:12px}.order-panel h1{font-size:29px}.order-product{display:flex;gap:23px;align-items:center;margin:30px 0}.order-product img{width:110px;border-radius:5px}.order-product h2{font-size:23px;margin-bottom:10px}.order-product p{color:var(--muted);font-size:14px}.order-total{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;align-items:center}.order-total strong{font-size:28px;font-weight:500}.prose{max-width:760px;margin:45px auto 70px}.prose h1{font-size:32px;margin-bottom:28px}.prose h2{font-size:20px;margin:28px 0 10px}.prose p{margin:12px 0;color:#626a60}.recovery-code{font:16px/1.7 monospace;background:#fff;padding:12px;display:block;word-break:break-all;border:1px solid var(--line);margin:15px 0}.skeleton{height:300px;background:var(--soft);border-radius:12px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:900px){.hero{gap:35px}.hero-visual{height:310px}.hero-visual img{height:250px;width:187px}.grid{gap:25px 18px}.card-picture{padding:18px 25px}.detail{gap:32px;grid-template-columns:1fr 1fr}.preview-stage{padding:25px}.collection{grid-template-columns:95px 1fr;gap:18px;padding:20px}.header{gap:25px}.header nav{gap:18px}}
@media(max-width:650px){.shell{padding-left:20px;padding-right:20px}.header{height:70px;gap:18px}.brand{font-size:20px}.header nav{display:none}.header .account-link{font-size:13px}.mobile-menu{display:block;position:relative}.mobile-menu summary{cursor:pointer;font-size:13px}.mobile-menu div{position:absolute;right:0;top:35px;width:160px;background:var(--white);border:1px solid var(--line);border-radius:8px;padding:12px;z-index:10;box-shadow:0 8px 25px #0001}.mobile-menu a{display:block;padding:7px}.hero{grid-template-columns:1fr;gap:30px;padding-top:37px;padding-bottom:38px}.hero h1{font-size:38px;margin:14px 0}.hero .lead{font-size:14px;max-width:350px}.hero-visual{height:255px}.hero-visual img{height:220px;width:165px}.hero-visual img:first-child{transform:rotate(-10deg) translateX(-55px)}.hero-visual img:last-child{transform:rotate(8deg) translateX(55px)}.actions{margin-top:22px}.section-top{padding-top:28px}.section-top h2{font-size:24px}.section-top p{font-size:12px}.filters{flex-wrap:wrap;margin-top:20px}.filter{padding:6px 10px;font-size:13px}.filter-select{font-size:12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 13px}.card-picture{padding:14px;border-radius:8px}.card-info{display:block;padding-top:10px}.card-info h3{font-size:15px}.card-info p{font-size:11px}.card-price{display:block;margin-top:7px;font-size:13px}.collections{grid-template-columns:1fr}.collection{grid-template-columns:110px 1fr}.section{margin-top:45px}.product-section{grid-template-columns:1fr;gap:28px;padding-top:30px}.product-section h2{font-size:27px}.footer{flex-direction:column;margin-top:40px;gap:18px}.detail{grid-template-columns:1fr;gap:22px}.detail-summary{position:static;padding-top:0}.detail-summary h1{font-size:30px}.preview-stage{padding:24px 50px}.detail-price{margin-top:18px}.facts{margin:18px 0}.breadcrumb{padding:20px 0}.page-title{padding-top:32px}.page-title h1{font-size:30px}.order-panel{padding:23px;margin:10px auto 50px}.order-product{gap:18px}.order-product img{width:85px}.order-product h2{font-size:20px}.order-row{grid-template-columns:1fr auto;gap:12px}.order-row>span:last-child{grid-column:2}.auth-box{margin:32px auto 55px}.prose{margin-top:30px}.prose h1{font-size:27px}}
/* Responsive images must override the HTML height hint, not just the width. */
.regular-price{display:block;color:var(--muted);font-size:11px;font-weight:400;white-space:normal;margin-top:3px}
.usage-notes { margin: 18px 0; border-block: 1px solid var(--line); }
.usage-notes summary { padding: 14px 0; cursor: pointer; min-height: 44px; font-size: 14px; }
.usage-notes p { font-size: 14px; }
.preview-controls { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px; }
.preview-controls .preview-caption { margin: 0; text-align: center; }
.preview-step { flex-shrink: 0; min-height: 44px; padding: 8px 12px; border: 1px solid var(--line); border-radius: 6px; background: transparent; color: var(--ink); font-size: 13px; }
.delivery-list { margin: 0 0 22px; padding-left: 20px; line-height: 1.9; color: var(--muted); }
.post-list { border-top: 1px solid var(--line); }
.post-jump { display: block; width: 100%; text-align: left; padding: 16px 0; border: 0; border-bottom: 1px solid var(--line); background: transparent; color: var(--ink); }
.post-jump strong { display: block; font-size: 14px; font-weight: 500; }
.post-jump span { display: block; margin-top: 5px; color: var(--muted); font-size: 13px; }
.post-jump:hover strong { text-decoration: underline; text-underline-offset: 4px; }
.product-fit h2 { margin-top: 24px; }
.product-fit p { color: var(--muted); font-size: 14px; }
img { height: auto; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
.hero > *, .detail > *, .collection > *, .order-product > * { min-width: 0; }
.brand, .account-link { white-space: nowrap; }
.brand { flex-shrink: 0; }
.order-product img { flex-shrink: 0; }
.order-row > div, #account-name { overflow-wrap: anywhere; }
input, select { font-size: 16px; }
.filter-select { font-size: 16px; min-height: 44px; }
.thumbs { max-width: 100%; overscroll-behavior-x: contain; }
.thumbs button { min-width: 64px; }
@media (max-width: 900px) {
  .detail { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}
@media (max-width: 650px) {
  .shell { padding-left: 16px; padding-right: 16px; }
  .header { gap: 10px; }
  .brand { gap: 7px; font-size: 19px; }
  .brand img { width: 27px; height: 27px; }
  .header .account-link { display: inline-flex; align-items: center; min-height: 44px; }
  .mobile-menu { flex-shrink: 0; }
  .mobile-menu summary { display: flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; list-style: none; border: 1px solid var(--line); border-radius: 6px; }
  .mobile-menu summary::-webkit-details-marker { display: none; }
  .mobile-menu[open] summary { background: var(--soft); }
  .mobile-menu div { top: 50px; }
  .mobile-menu a { min-height: 44px; padding: 10px; }
  .hero { padding-top: 28px; gap: 24px; }
  .hero h1 { font-size: clamp(28px, 8vw, 38px); }
  .hero .lead { font-size: 15px; }
  .section-top { flex-wrap: wrap; align-items: flex-start; gap: 8px; }
  .section-top p { font-size: 14px; }
  .filters { gap: 10px; }
  .categories { width: 100%; display: flex; flex-wrap: wrap; gap: 4px; }
  .filter { min-height: 44px; padding: 7px 6px; white-space: nowrap; }
  .filter-select { margin-left: auto; }
  .card-picture { padding: 10px; }
  .card-info p { font-size: 12px; }
  .card-price { font-size: 14px; }
  .collection { grid-template-columns: minmax(75px, 30%) minmax(0, 1fr); gap: 16px; padding: 16px; }
  .collection h3 { font-size: 20px; }
  .detail { grid-template-columns: minmax(0, 1fr); }
  .preview-stage { padding: 16px 32px; }
  .thumbs { gap: 8px; }
  .downloads { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .downloads a { display: flex; align-items: center; justify-content: center; text-align: center; min-height: 44px; padding: 8px; }
  .order-panel { padding: 20px 16px; }
  .order-panel h1 { font-size: 25px; }
  .order-product { gap: 14px; }
  .order-product img { width: 72px; }
  .order-product h2 { font-size: 19px; }
  .account-bar { align-items: flex-start; }
  .account-bar .link-button { white-space: nowrap; flex-shrink: 0; }
  .link-button { min-height: 44px; }
  .footer-links { gap: 4px 16px; }
  .footer-links a { display: inline-flex; align-items: center; min-height: 44px; }
}
@media (max-width: 350px) {
  .brand { font-size: 18px; }
  .brand img { width: 24px; height: 24px; }
  .header .account-link { font-size: 12px; }
}
.collections .collection { grid-template-columns: minmax(0, 1fr); align-items: start; gap: 18px; }
.category-select { display: none; }
@media (max-width: 650px) {
  .filters { flex-wrap: nowrap; }
  .filters .categories { display: none; }
  .filters > .filter-select { flex: 1 1 0; width: 0; min-width: 0; margin-left: 0; }
  .filters > .category-select { display: block; }
}
.bundle-cover { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; min-width: 0; align-items: start; }
.bundle-cover figure { margin: 0; min-width: 0; }
.bundle-cover img { width: 100%; height: auto; aspect-ratio: 3/4; object-fit: cover; border-radius: 4px; box-shadow: 0 3px 10px #19261d12; }
.bundle-cover figcaption { margin-top: 9px; font-size: 12px; line-height: 1.5; color: var(--muted); overflow-wrap: anywhere; }
.bundle-product { align-items: start; }
.bundle-product .bundle-cover { flex: 0 0 240px; max-width: 44%; }
@media (max-width: 650px) {
  .bundle-cover { gap: 8px; }
  .bundle-product { flex-direction: column; gap: 20px; }
  .bundle-product .bundle-cover { flex-basis: auto; width: 100%; max-width: 100%; }
}
