@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/noto-sans-sc.5d727999.woff2)format("woff2")}@font-face{font-family:Syne;font-style:normal;font-weight:400 800;font-display:swap;unicode-range:U+2?,U+3A-7E,U+A0,U+A3,U+A5,U+A7,U+A9,U+AE,U+B0-B2,U+B5-B8,U+C7,U+C9,U+D6-D7,U+DC,U+E0-E1,U+E6-E9,U+EB-ED,U+F1-F3,U+F6-F7,U+FA,U+FC,U+101,U+113,U+11E-11F,U+12B,U+130-131,U+139,U+13C,U+14D,U+15F,U+301,U+308,U+328,U+3B1-3B2,U+3B6,U+3C0-3C1,U+2013-2014,U+2018-2019,U+201C-201D,U+2020-2022,U+2026,U+2030,U+2039-203A,U+20AC,U+2122,U+2190-2194,U+2212,U+221A,U+2248,U+2260,U+2264-2265;src:url(/fonts/syne.64ac6825.woff2)format("woff2")}:root{color-scheme:light;--ink:#162033;--ink-soft:#3a4a66;--muted:#5d6b83;--line:#e4e9f0;--paper:#eef1f5;--surface:#fcfdfe;--accent:#1f4fd6;--on-accent:#f8fbff;--accent-soft:color-mix(in srgb, var(--accent) 10%, var(--surface));--overlay:color-mix(in srgb, var(--ink) 38%, transparent);--preview-start:#e7eef9;--preview-end:#f5f6f8;--focus-ring:color-mix(in srgb, var(--accent) 42%, transparent);--shadow-hairline:color-mix(in srgb, var(--ink) 2%, transparent);--shadow-card:color-mix(in srgb, var(--ink) 5%, transparent);--shadow-drawer:color-mix(in srgb, var(--ink) 12%, transparent);--radius:12px;--sidebar:200px;--font-display:"Syne", "Noto Sans SC", sans-serif;--font-body:"Noto Sans SC", sans-serif;--header-h:64px;--ease-out-quart:cubic-bezier(.25, 1, .5, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow:clip auto}body{min-height:100%;font-family:var(--font-body);color:var(--ink);background:radial-gradient(1200px 480px at 12% -10%, #e4ebf7 0%, transparent 55%), radial-gradient(900px 420px at 100% 0%, #e8eef6 0%, transparent 50%), var(--paper);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5;overflow-x:clip}body.nav-open{touch-action:none;overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.topbar{z-index:70;background:var(--surface);border-bottom:1px solid var(--line);height:var(--header-h);position:sticky;top:0}.topbar-inner{grid-template-columns:1fr minmax(200px,560px) 1fr;align-items:center;gap:16px;height:100%;padding:0 20px;display:grid}.topbar-actions{justify-content:flex-end;justify-self:end;align-items:center;gap:8px;display:flex}.nav-toggle{border:1px solid var(--line);background:var(--surface);width:44px;height:44px;color:var(--ink);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.nav-toggle-bars,.nav-toggle-bars:before,.nav-toggle-bars:after{background:currentColor;border-radius:1px;width:16px;height:2px;display:block;position:relative}.nav-toggle-bars:before,.nav-toggle-bars:after{content:"";position:absolute;left:0}.nav-toggle-bars:before{top:-5px}.nav-toggle-bars:after{top:5px}body.nav-open .nav-toggle-bars{background:0 0}body.nav-open .nav-toggle-bars:before{top:0;transform:rotate(45deg)}body.nav-open .nav-toggle-bars:after{top:0;transform:rotate(-45deg)}.nav-backdrop,.sidebar-panel-h,.nav-close{display:none}.brand{justify-self:start;align-items:center;gap:8px;width:fit-content;min-width:0;max-width:100%;display:flex}.brand-logo{object-fit:contain;object-position:left center;width:auto;max-width:168px;height:32px;display:block}.search{z-index:1;grid-template-columns:1fr auto;gap:8px;width:100%;min-width:0;display:grid}.topbar .btn-contact{justify-self:end}.search input{border:1px solid var(--line);background:var(--paper);width:100%;color:var(--ink);border-radius:999px;outline:none;padding:10px 16px}.search input:focus,.search input:focus-visible{background:var(--surface);border-color:color-mix(in srgb, var(--accent) 40%, var(--line));box-shadow:0 0 0 3px var(--focus-ring)}.skip-link{z-index:100;background:var(--accent);color:var(--on-accent);border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;position:absolute;top:-48px;left:12px}.skip-link:focus{top:12px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}.cat-toolbar{margin:0 0 14px}.cat-filter-input{border:1px solid var(--line);background:var(--surface);width:100%;max-width:420px;color:var(--ink);border-radius:999px;outline:none;padding:10px 16px}.cat-filter-input:focus-visible{border-color:color-mix(in srgb, var(--accent) 40%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.cat-more-wrap{justify-content:center;margin:18px 0 8px;display:flex}.prompt-body-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.prompt-body-head h2{margin:0}.btn{white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:9px 14px;font-size:13px;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{filter:brightness(1.05)}.btn-ghost{border-color:var(--line);color:var(--ink-soft);background:0 0}.btn-ghost:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--line));color:var(--ink)}.layout{grid-template-columns:var(--sidebar) 1fr;min-height:calc(100vh - var(--header-h));display:grid}.sidebar{top:var(--header-h);height:calc(100vh - var(--header-h));background:var(--surface);border-right:1px solid var(--line);flex-direction:column;gap:4px;padding:16px 12px 24px;display:flex;position:sticky;overflow-y:auto}.nav-label{color:var(--muted);letter-spacing:.06em;padding:4px 10px 6px;font-size:11px}.nav-item{color:var(--ink-soft);border-radius:8px;align-items:center;gap:10px;padding:9px 10px;font-size:13.5px;font-weight:500;transition:background .15s,color .15s;display:flex}.nav-item:hover{background:var(--paper);color:var(--ink)}.nav-item.on{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-ico{opacity:.72;flex-shrink:0;place-items:center;width:18px;height:18px;display:inline-grid}.nav-ico svg{width:16px;height:16px}.nav-item.on .nav-ico{opacity:1}.nav-ico.sm{width:14px;height:14px}.nav-ico.sm svg{width:13px;height:13px}.nav-ico.section{background:var(--accent-soft);width:28px;height:28px;color:var(--accent);opacity:1;border-radius:8px}.nav-ico.section svg{width:16px;height:16px}.side-foot{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--muted);margin-top:auto;padding:12px;font-size:12px}.side-foot strong{color:var(--ink);margin-bottom:4px;font-size:13px;display:block}.main{min-width:0;padding:20px 24px 56px}.home-hero{padding:8px 2px 4px}.home-kicker{letter-spacing:.08em;color:var(--accent);text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:600}.home-title{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(26px,3.2vw,34px);font-weight:800;line-height:1.2}.home-desc{color:var(--ink-soft);max-width:42em;margin:8px 0 0;font-size:14px}.home-desc strong{color:var(--ink);font-variant-numeric:tabular-nums}.section-head-title{align-items:center;gap:10px;min-width:0;display:flex}.cat-block{scroll-margin-top:calc(var(--header-h) + 16px);border-top:1px solid color-mix(in srgb, var(--line) 80%, transparent);padding-top:8px}#cat-resources{scroll-margin-top:calc(var(--header-h) + 16px)}.section-head{justify-content:space-between;align-items:end;gap:12px;margin:0 0 12px;display:flex}.section-head h1,.section-head h2{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:20px}.section-head h1{font-size:24px}.section-head p{color:var(--muted);margin:3px 0 0;font-size:12.5px}.link-more{color:var(--accent);white-space:nowrap;font-size:13px;font-weight:600}.link-more.lg{letter-spacing:.02em;font-size:15px;font-weight:700}.link-more.lg:hover{text-underline-offset:3px;text-decoration:underline}.block{margin-bottom:32px}.hot-board{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.hot-col{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;box-shadow:0 1px 0 var(--shadow-hairline);padding:12px 12px 10px}.hot-col-h{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;display:flex}.hot-col-h b{font-size:13.5px}.hot-col-h span{color:var(--muted);font-size:11px}.hot-col ol{margin:0;padding:0;list-style:none}.hot-col li{color:var(--ink-soft);border-radius:4px;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:6px;padding:6px 0;font-size:12.5px;display:grid}.hot-col li:hover{color:var(--ink)}.hot-col li .r{font-variant-numeric:tabular-nums;color:var(--muted);font-size:12px;font-weight:700}.hot-col li:nth-child(-n+3) .r{color:var(--accent)}.hot-col li .hot-main{min-width:0;color:inherit;text-decoration:none;display:block}.hot-col li .t{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.hot-col li a:hover .t{color:var(--accent)}.hot-col li .hot-meta{font-variant-numeric:tabular-nums;color:var(--muted);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;text-align:right;flex-shrink:0;max-width:4.5em;font-size:11px;overflow:hidden}.hot-col li .hot-meta.empty{min-width:0}.res-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.home-res-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.prompt-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.home-prompt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.res-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:inherit;flex-direction:column;gap:6px;height:100%;min-height:148px;padding:14px 14px 12px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.res-card:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--line));transform:translateY(-1px)}.res-card.blue{border-top:3px solid color-mix(in srgb, var(--accent) 55%, var(--line))}.res-card.sand{border-top:3px solid #c4a574}.res-card.mint{border-top:3px solid #6a9e8a}.res-card-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.res-badge{color:var(--accent);background:var(--accent-soft);border-radius:6px;padding:2px 8px;font-size:11.5px;font-weight:600}.res-mins{color:var(--muted);flex-shrink:0;font-size:12px}.res-card-title{letter-spacing:-.02em;color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:15.5px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.res-card-pitch{color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0;font-size:12.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.res-card-tags{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.res-card-tags span{color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:1px 8px;font-size:11.5px}.resources-intro{color:var(--ink-soft);max-width:52em;margin:-4px 0 18px;font-size:14px;line-height:1.6}.resources-intro a{color:var(--accent)}.resource-layout{grid-template-columns:minmax(0,1fr) 12.5rem;align-items:start;gap:20px;width:100%;display:grid}.resource-article{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;padding:28px 36px 36px}.resource-hero{border-bottom:1px solid var(--line);margin-bottom:4px;padding-bottom:16px}.resource-hero-tags{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.resource-hero-tags .pill.on{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 30%, var(--line));color:var(--accent)}.resource-hero h1{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);margin:0 0 10px;font-size:clamp(22px,2.2vw,28px);line-height:1.28}.resource-hero-lead{color:var(--ink-soft);margin:0 0 10px;font-size:15px;line-height:1.65}.resource-hero-meta{color:var(--muted);margin:0;font-size:13px}.resource-hero-meta .sep{opacity:.5;margin:0 6px}.resource-hero-meta a{color:var(--accent)}.resource-page-label{color:var(--muted);margin:0 0 8px;font-size:13px}.resource-page-label span{color:var(--ink-soft)}.resource-gets{background:var(--paper);border-radius:10px;margin:16px 0 4px;padding:12px 14px}.resource-gets h2{color:var(--ink);margin:0 0 8px;font-size:13px;font-weight:700}.resource-gets ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;margin:0;padding:0;list-style:none;display:grid}.resource-gets li{color:var(--ink-soft);padding-left:12px;font-size:13px;line-height:1.4;position:relative}.resource-gets li:before{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:.5em;left:0}.resource-prose{color:var(--ink-soft);letter-spacing:.01em;font-size:16px;line-height:1.85}.resource-prose .resource-sec+.resource-sec{margin-top:.5em}.resource-prose .resource-sec>h2:first-child{margin-top:1.4em}.resource-prose>:first-child{margin-top:.6em}.resource-prose h2{color:var(--ink);letter-spacing:-.02em;border-bottom:1px solid var(--line);scroll-margin-top:calc(var(--header-h) + 12px);margin:1.6em 0 .55em;padding-bottom:8px;font-size:1.2em;font-weight:700}.resource-prose h3{color:var(--ink);margin:1.25em 0 .45em;font-size:1.05em;font-weight:650}.resource-prose p{margin:.85em 0}.resource-prose ul,.resource-prose ol{margin:.6em 0 1em;padding-left:1.35em}.resource-prose li{margin:.35em 0}.resource-prose li::marker{color:var(--muted)}.resource-prose blockquote{border-left:3px solid color-mix(in srgb, var(--accent) 45%, var(--line));background:var(--paper);color:var(--ink-soft);border-radius:0 8px 8px 0;margin:1.1em 0;padding:12px 16px}.resource-prose a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.resource-prose table{border-collapse:collapse;width:100%;margin:1em 0;font-size:13.5px;display:block;overflow-x:auto}.resource-prose th,.resource-prose td{border:1px solid var(--line);text-align:left;padding:7px 10px}.resource-prose img{cursor:zoom-in;max-width:100%;height:auto;transition:opacity .15s var(--ease-out-quart);border-radius:8px;margin:.9em 0}.resource-prose img:hover{opacity:.92}.resource-footer{border-top:1px solid var(--line);margin-top:28px;padding-top:8px}.resource-pager{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:28px;padding-top:18px;display:flex}.pager-btn{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:10px;align-items:center;padding:8px 14px;font-size:13.5px;text-decoration:none;display:inline-flex}a.pager-btn:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--line));color:var(--accent)}.pager-btn.disabled{opacity:.4;pointer-events:none}.pager-status{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.resource-toc{top:calc(var(--header-h) + 16px);max-height:calc(100vh - var(--header-h) - 32px);background:var(--surface);border:1px solid var(--line);scrollbar-width:thin;scrollbar-color:var(--line) transparent;border-radius:12px;width:12.5rem;padding:14px 12px 16px;position:sticky;overflow:auto}.resource-toc-title{letter-spacing:.06em;color:var(--muted);margin:0 0 8px;font-size:11px;font-weight:700}.resource-toc-nav{margin-bottom:4px}.resource-toc-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.resource-toc-list li{margin:0}.resource-toc-list a{color:var(--ink-soft);border-left:2px solid #0000;border-radius:8px;padding:6px 8px;font-size:12.5px;line-height:1.4;text-decoration:none;transition:background .12s,color .12s,border-color .12s;display:block}.resource-toc-list a:hover{background:var(--paper);color:var(--accent)}.resource-toc-pages{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.resource-toc-nums{flex-wrap:wrap;gap:6px;display:flex}.toc-num{border:1px solid var(--line);background:var(--paper);min-width:1.75rem;height:1.75rem;color:var(--ink-soft);font-variant-numeric:tabular-nums;border-radius:8px;justify-content:center;align-items:center;padding:0 6px;font-size:12px;text-decoration:none;display:inline-flex}.toc-num:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--line));color:var(--accent)}.toc-num.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.resource-toc-home{color:var(--accent);margin-top:10px;font-size:12px;display:inline-block}.go-page{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);max-width:34rem;margin:48px auto 64px;padding:28px 28px 32px}.about-page{width:100%;max-width:none}.about-page h1{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 12px;font-size:26px}.about-page .detail-sec>p{max-width:52em;margin:0 0 12px}.about-page .detail-sec>p:last-child{margin-bottom:0}.about-page .gets{max-width:52em}.about-page .gets a{color:var(--accent)}.about-meta{color:var(--muted);font-size:13px;margin-top:8px!important}.home-intro{text-align:center;max-width:40em;margin:4px auto 22px}.home-intro h1{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 10px;font-size:clamp(22px,2.4vw,30px);line-height:1.25}.home-intro p{color:var(--ink-soft);max-width:32em;margin:0 auto;font-size:14px;line-height:1.7}.go-kicker{letter-spacing:.08em;color:var(--muted);margin:0 0 8px;font-size:12px;font-weight:700}.go-page h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 10px;font-size:24px}.go-desc{color:var(--ink-soft);margin:0 0 16px;font-size:14px;line-height:1.65}.go-host{color:var(--ink);word-break:break-all;margin:0 0 6px;font-size:18px;font-weight:700}.go-url{color:var(--muted);word-break:break-all;margin:0 0 20px;font-size:12.5px;line-height:1.5}.go-actions{flex-wrap:wrap;gap:10px;display:flex}.go-tip{color:#b42318;margin:14px 0 0;font-size:13px}.prompt-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:inherit;padding:14px 16px;text-decoration:none;transition:border-color .15s;display:block}.prompt-card:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}.prompt-card-top{margin-bottom:8px}.prompt-card h3{letter-spacing:-.02em;color:var(--ink);margin:0 0 6px;font-size:15px;font-weight:650}.prompt-card p{color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}.prompt-scene-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.prompt-scene-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:inherit;flex-direction:column;gap:4px;padding:14px 16px;text-decoration:none;display:flex}.prompt-scene-card:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}.prompt-scene-card strong{color:var(--ink);font-size:15px}.prompt-scene-card span{color:var(--muted);font-size:12.5px;line-height:1.5}.prompt-body{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);white-space:pre-wrap;word-break:break-word;color:var(--ink);max-height:420px;margin:0;padding:14px 16px;font-size:13.5px;line-height:1.65;overflow:auto}.prompt-body code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:inherit;background:0 0;padding:0}.prompt-copy-hint{color:var(--muted);margin:8px 0 0;font-size:12.5px}.prompt-steps{color:var(--ink-soft);margin:0;padding-left:1.2em;font-size:14px;line-height:1.7}.prompt-faq-item{border-bottom:1px solid var(--line);padding:10px 0}.prompt-faq-item:last-child{border-bottom:0}.prompt-faq-item h3{color:var(--ink);margin:0 0 6px;font-size:14.5px}.prompt-faq-item p{color:var(--ink-soft);margin:0;font-size:13.5px;line-height:1.6}.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.tool-card{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);grid-template-columns:40px 1fr;align-items:start;gap:10px;padding:12px;transition:border-color .15s,transform .15s,box-shadow .15s;display:grid}.tool-card:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--line));box-shadow:0 8px 18px var(--shadow-card);transform:translateY(-1px)}.tool-card-body{min-width:0}.ico{width:44px;height:44px;color:var(--accent);background:var(--surface);border:1px solid var(--line);border-radius:10px;flex-shrink:0;place-items:center;font-size:14px;font-weight:700;display:grid;position:relative;overflow:hidden}.ico span{user-select:none;line-height:1}.ico img{object-fit:contain;z-index:1;background:var(--surface);border-radius:6px;width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;inset:4px}.ico.detail-ico{border-radius:12px}.ico.detail-ico img{width:calc(100% - 12px);height:calc(100% - 12px);inset:6px}.tool-card h3{margin:0 0 2px;font-size:13.5px;font-weight:600}.tool-card p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;display:-webkit-box;overflow:hidden}.crumb{color:var(--muted);margin-bottom:12px;font-size:13px}.crumb a{color:var(--accent)}.crumb span{color:var(--line);margin:0 6px}.detail{grid-template-columns:1fr;gap:14px;width:100%;max-width:none;display:grid}.detail-meta-line{color:var(--muted);margin:-4px 0 16px;font-size:13px}.detail-meta-line strong{color:var(--ink-soft);font-weight:600}.detail-meta-line .sep{opacity:.5;margin:0 6px}.detail-meta-line a{color:var(--accent)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px 28px 28px}.detail>.panel{padding:28px 32px 32px}.detail-title{align-items:center;gap:12px;margin-bottom:10px;display:flex}.detail-title h1{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:26px}.pill{background:var(--paper);border:1px solid var(--line);color:var(--ink-soft);border-radius:999px;margin-right:6px;padding:3px 8px;font-size:12px;display:inline-block}a.pill:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--line));color:var(--accent)}.lead{color:var(--ink-soft);margin:0 0 16px;font-size:15px}.meta-list{margin:0;padding:0;font-size:13px;list-style:none}.meta-list li{border-bottom:1px solid var(--line);color:var(--ink-soft);justify-content:space-between;gap:12px;padding:8px 0;display:flex}.meta-list li:last-child{border-bottom:0}.meta-list .k{color:var(--muted);flex-shrink:0}.detail-aside h2{margin:0 0 8px;font-size:15px}.detail-sec{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.detail-sec h2{font-size:16px;font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 10px}.detail-sec>p{color:var(--ink-soft);margin:0;font-size:14px;line-height:1.65}.faq-list{flex-direction:column;gap:8px;display:flex}.faq-item{border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:10px 12px}.faq-item summary{cursor:pointer;color:var(--ink);font-size:13.5px;font-weight:600;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{color:var(--ink-soft);margin:8px 0 2px;font-size:13px;line-height:1.6}.meta-list a{color:var(--accent);font-weight:500}.side-hook{border-radius:var(--radius);border:1px dashed color-mix(in srgb, var(--accent) 30%, var(--line));background:color-mix(in srgb, var(--accent) 5%, white);color:var(--ink-soft);margin-top:14px;padding:12px;font-size:12.5px}.side-hook strong{color:var(--ink);margin-bottom:4px;display:block}.side-foot a{color:var(--accent);word-break:break-all;font-weight:600}.side-note{border-radius:var(--radius);border:1px solid var(--line);background:var(--paper);color:var(--ink-soft);margin-top:14px;padding:12px;font-size:12.5px}.side-note strong{color:var(--ink);margin-bottom:4px;display:block}.gets{color:var(--ink-soft);margin:12px 0 0;padding-left:1.1em;font-size:14px}.gets li{margin:6px 0}.preview-strip{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0;display:grid}.preview-strip div{aspect-ratio:4/3;border:1px solid var(--line);background:linear-gradient(160deg, var(--preview-start), var(--preview-end));border-radius:8px}.cta-row{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.page-h{margin-bottom:16px}.page-h h1{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:24px}.page-h p{color:var(--muted);margin:6px 0 0;font-size:13.5px}.empty{border:1px dashed var(--line);border-radius:var(--radius);background:var(--surface);color:var(--muted);padding:24px;font-size:14px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1100px){.hot-board{grid-template-columns:1fr 1fr}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.resource-layout{grid-template-columns:minmax(0,1fr) 11rem;gap:14px}}@media (width<=860px){.layout{grid-template-columns:1fr}.topbar{z-index:100}.topbar-inner{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding:0 12px}.search{width:100%;max-width:none}.brand{width:auto;max-width:120px}.brand-logo{height:28px}.topbar .btn-contact,.topbar .btn-cal{display:none}.nav-toggle{display:inline-flex}.sidebar{z-index:95;border-right:0;border-left:1px solid var(--line);width:min(82vw,300px);height:100vh;box-shadow:-12px 0 32px var(--shadow-drawer);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:12px 12px 28px;transition:transform .22s;display:flex;position:fixed;top:0;left:auto;right:0;transform:translate(100%)}body.nav-open .sidebar{transform:translate(0)}.sidebar-panel-h{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.sidebar-panel-h .nav-label{padding:4px 4px 4px 10px}.nav-close{border:1px solid var(--line);background:var(--surface);width:44px;height:44px;color:var(--ink-soft);border-radius:10px;justify-content:center;align-items:center;padding:0;font-size:22px;line-height:1;display:inline-flex}.nav-backdrop{z-index:90;background:var(--overlay);cursor:pointer;border:0;margin:0;padding:0;display:block;position:fixed;inset:0}.nav-backdrop[hidden]{display:none}.res-grid,.resource-layout{grid-template-columns:1fr}.resource-toc{order:-1;width:auto;max-height:none;margin-bottom:4px;position:static}.resource-toc-list{flex-flow:wrap;gap:6px;display:flex}.resource-toc-list a{background:var(--paper);border-left:0;border:1px solid var(--line);padding:5px 10px}.resource-article{padding:18px 16px 28px}.resource-gets ul,.prompt-grid,.prompt-scene-grid{grid-template-columns:1fr}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail,.hot-board{grid-template-columns:1fr}.main{padding:14px 12px 48px}.preview-strip{grid-template-columns:1fr 1fr}}