@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap");:root{--primary:#1677ff;--primary-hover:#0958d9;--primary-active:#003eb3;--primary-soft:#e6f4ff;--primary-border:#91caff;--brand:#5f8b1f;--brand-soft:#f2f8e5;--brand-border:#cfe4a8;--ink:#1a1a1a;--ink-2:#333333;--muted:#595959;--muted-2:#8c8c8c;--surface:#ffffff;--page:#f5f6f8;--soft:#f8f9fa;--line:#ebeef2;--line-strong:#d9d9d9;--ok:#52c41a;--warn:#fa8c16;--accent:#cf1322;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-pill:999px;--shadow-1:0 1px 2px rgba(0,0,0,.04);--shadow-2:0 4px 14px rgba(15,34,67,.06);--shadow-3:0 10px 28px rgba(15,34,67,.1);--header-h:66px;--shell:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--page);font-family:DM Sans,PingFang SC,Microsoft YaHei,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:Manrope,DM Sans,PingFang SC,Microsoft YaHei,Arial,sans-serif}img{max-width:100%}.container{width:min(var(--shell),calc(100% - 40px));margin:0 auto}.container-narrow{width:min(960px,calc(100% - 40px));margin:0 auto}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);border:0;white-space:nowrap}.site-header{position:-webkit-sticky;position:sticky;z-index:60;top:0;display:flex;align-items:center;gap:18px;height:var(--header-h);padding:0 max(20px,calc((100% - var(--shell)) / 2));border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.site-header .brand{display:inline-flex;flex:none;align-items:center;gap:10px;font:800 20px/1 Manrope,Arial,sans-serif;letter-spacing:-.6px}.site-header .brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;color:#fff;background:linear-gradient(135deg,#4096ff,#0958d9);font:800 16px/1 Manrope,Arial,sans-serif;box-shadow:0 4px 10px rgba(22,119,255,.28)}.site-header nav{display:flex;flex:1 1;align-items:center;gap:4px;min-width:0;overflow-x:auto;scrollbar-width:none}.site-header nav::-webkit-scrollbar{display:none}.site-header nav a{flex:none;padding:8px 12px;border-radius:var(--r-sm);color:var(--ink-2);font-size:14px;font-weight:600;white-space:nowrap;transition:color .16s,background .16s}.site-header nav a:hover{color:var(--primary);background:var(--soft)}.site-header nav a.is-active{color:var(--primary);background:var(--primary-soft);font-weight:700}.site-header nav a .nav-tag{margin-left:5px;padding:1px 5px;border-radius:var(--r-pill);color:#fff;background:#ff4d4f;font-size:9px;font-weight:800;letter-spacing:.2px;vertical-align:2px}.site-header .header-button{flex:none;display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border:1px solid var(--line-strong);border-radius:var(--r-sm);color:var(--ink-2);background:#fff;font-size:13px;font-weight:700;transition:color .16s,border-color .16s,background .16s}.site-header .header-button:hover{color:var(--primary);border-color:var(--primary-border);background:var(--primary-soft)}.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 20px;border:1px solid transparent;border-radius:var(--r-sm);font:700 14px/1 DM Sans,Arial,sans-serif;white-space:nowrap;cursor:pointer;transition:background .16s,color .16s,border-color .16s,box-shadow .16s,transform .16s}.button-primary{color:#fff;background:var(--primary);box-shadow:0 4px 14px rgba(22,119,255,.24)}.button-primary:hover{color:#fff;background:var(--primary-hover);box-shadow:0 8px 20px rgba(22,119,255,.3);transform:translateY(-1px)}.button-secondary{border-color:var(--line-strong);color:var(--ink-2);background:#fff}.button-secondary:hover{border-color:var(--primary-border)}.button-ghost,.button-secondary:hover{color:var(--primary);background:var(--primary-soft)}.button-ghost:hover{background:#d6ebff}.button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(22,119,255,.35);outline-offset:2px}.eyebrow{margin:0 0 12px;color:var(--brand);font-size:12px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase}.inline-link{display:inline-block;color:var(--primary);font-size:13px;font-weight:700}.inline-link:hover{color:var(--primary-hover);text-decoration:underline}.back-link{display:inline-block;margin-top:20px;color:var(--primary);font-size:13px;font-weight:700}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.section-heading h2{margin:0;font-size:26px;font-weight:800;letter-spacing:-.8px}.section-heading .eyebrow{margin-bottom:7px}.section-heading>span{flex:none;color:var(--muted-2);font-size:13px;font-weight:600}.section-lead{max-width:820px;margin:0 0 24px;color:var(--muted);font-size:15px;line-height:1.75}.module-section{padding:0 0 34px}.page-hero h1{margin:0;font-size:clamp(34px,4.4vw,52px);font-weight:800;line-height:1.1;letter-spacing:-1.6px}.page-hero h1 em{color:var(--primary);font-style:normal}.page-hero>.hero-lead,.page-hero>p:not(.eyebrow){max-width:700px;margin:18px 0 0;color:var(--muted);font-size:16px;line-height:1.75}.page-hero>.hero-lead strong,.page-hero>p:not(.eyebrow) strong{color:var(--ink-2)}.portal-board{margin:4px 0 34px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-1)}.portal-board-top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 20px 0;border-bottom:1px solid var(--line)}.portal-board-heading{display:flex;flex:none;align-items:baseline;gap:10px;min-width:0}.portal-board-heading h2{margin:0;font-size:16px;font-weight:800;letter-spacing:-.4px}.portal-board-heading p{margin:0;color:var(--muted-2);font-size:12px;font-weight:600}.portal-board-tabs{display:flex;gap:2px;min-width:0;overflow-x:auto;scrollbar-width:none}.portal-board-tabs::-webkit-scrollbar{display:none}.portal-tab{flex:none;display:inline-flex;align-items:center;gap:6px;padding:9px 13px 11px;border:0;border-bottom:2px solid transparent;color:var(--muted);background:transparent;font:700 14px/1.2 DM Sans,Arial,sans-serif;white-space:nowrap;cursor:pointer;transition:color .16s,border-color .16s}.portal-tab:hover{color:var(--primary)}.portal-tab.is-active{border-bottom-color:var(--primary);color:var(--primary);font-weight:800}.portal-tab b{padding:1px 6px;border-radius:var(--r-pill);color:var(--muted-2);background:var(--soft);font:800 10.5px/1.55 DM Sans,Arial,sans-serif}.portal-tab.is-active b{color:#fff;background:var(--primary)}.portal-board-body{display:grid;grid-template-columns:204px minmax(0,1fr);height:clamp(400px,calc(100vh - 430px),760px)}.portal-board-rail{display:flex;flex-direction:column;overflow-y:auto;padding:10px 8px 12px;border-right:1px solid var(--line);border-radius:0 0 0 var(--r-md);background:var(--soft);scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.portal-board-rail::-webkit-scrollbar{width:7px}.portal-board-rail::-webkit-scrollbar-thumb{border-radius:var(--r-pill);background:var(--line-strong)}.portal-rail-item{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:var(--r-sm);color:var(--ink-2);background:transparent;font:600 13.5px/1.35 DM Sans,PingFang SC,Microsoft YaHei,Arial,sans-serif;text-align:left;cursor:pointer;transition:color .16s,background .16s,box-shadow .16s}.portal-rail-item b{flex:none;color:var(--muted-2);font:700 11px/1 DM Sans,Arial,sans-serif}.portal-rail-item.is-active,.portal-rail-item:hover{color:var(--primary);background:#fff}.portal-rail-item.is-active{font-weight:800;box-shadow:inset 2px 0 0 var(--primary)}.portal-rail-item.is-active b{color:var(--primary)}.portal-board-panel{min-width:0;overflow-y:auto;border-radius:0 0 var(--r-md) 0;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.portal-board-panel:focus-visible{outline-offset:-3px}.portal-board-panel::-webkit-scrollbar{width:8px}.portal-board-panel::-webkit-scrollbar-thumb{border-radius:var(--r-pill);background:var(--line-strong)}.portal-panel-head{position:-webkit-sticky;position:sticky;z-index:2;top:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;border-bottom:1px solid var(--line);background:linear-gradient(var(--surface) 78%,rgba(255,255,255,0))}.portal-panel-head h3{margin:0;font-size:16px;font-weight:800;letter-spacing:-.3px}.portal-panel-head .inline-link{flex:none}.portal-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(226px,1fr));grid-gap:12px;gap:12px;padding:14px 20px 20px}.portal-card{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--soft);transition:border-color .18s,background .18s,box-shadow .18s,transform .18s}.portal-card:hover{border-color:var(--primary-border);background:#fff;box-shadow:var(--shadow-3);transform:translateY(-2px)}.portal-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.portal-card-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:var(--primary);background:var(--primary-soft);font:800 12px/1 Manrope,Arial,sans-serif}.portal-card-kind{padding:2px 7px;border-radius:var(--r-pill);font-size:10.5px;font-weight:800}.portal-card-kind.is-article{color:var(--primary);background:var(--primary-soft)}.portal-card-kind.is-tool{color:var(--brand);background:var(--brand-soft)}.portal-card-kind.is-resource{color:var(--muted);background:#eef0f3}.portal-card-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:var(--ink);font:700 14px/1.45 Manrope,DM Sans,Arial,sans-serif;letter-spacing:-.2px}.portal-card:hover .portal-card-title{color:var(--primary)}.portal-card-summary{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:var(--muted);font-size:12px;line-height:1.6}.portal-card-meta{margin-top:auto;padding-top:9px;border-top:1px dashed var(--line-strong);color:var(--muted-2);font-size:11.5px;font-weight:600}.portal-card:hover .portal-card-meta{color:var(--primary)}.guide-board{padding:26px 28px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-1)}.guide-board-rows{display:grid;grid-gap:0;gap:0}.guide-board-row{display:grid;grid-template-columns:112px minmax(0,1fr);grid-gap:18px;gap:18px;align-items:baseline;padding:14px 0;border-top:1px dashed var(--line-strong)}.guide-board-row:first-child{border-top:0}.guide-board-cat{color:var(--muted-2);font-size:13px;font-weight:800}.guide-board-links{display:flex;flex-wrap:wrap;gap:10px 22px}.guide-board-links a{color:var(--ink-2);font-size:14px;font-weight:600;transition:color .16s}.guide-board-links a:hover{color:var(--primary)}.guide-board-links a.is-strong{color:var(--primary);font-weight:700}.panel{padding:24px 26px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-1)}.panel-soft{background:var(--soft);box-shadow:none}.module-card{display:flex;flex-direction:column;padding:20px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-1);transition:border-color .18s,box-shadow .18s,transform .18s}.module-card:hover{border-color:var(--primary-border);box-shadow:var(--shadow-3);transform:translateY(-2px)}.module-card h3{margin:14px 0 8px;font-size:17px;font-weight:700;letter-spacing:-.4px}.module-card h3 a:hover{color:var(--primary)}.module-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.module-card small{display:block;margin-top:12px;color:var(--brand);font-size:12px;font-weight:700}.module-card:first-child{background:linear-gradient(180deg,#ffffff,#f5faff)}.tool-number{display:inline-flex;align-items:center;padding:3px 9px;border-radius:var(--r-pill);color:var(--primary);background:var(--primary-soft);font-size:10px;font-weight:800;letter-spacing:.6px}.pill-grid{display:flex;flex-wrap:wrap;gap:10px}.pill{padding:9px 16px;border:1px solid var(--line);border-radius:var(--r-pill);color:var(--ink-2);background:var(--surface);font-size:13px;font-weight:600;transition:border-color .16s,background .16s,color .16s}.pill:hover{border-color:var(--primary-border);color:var(--primary);background:var(--primary-soft)}.pill.is-active{border-color:var(--primary);color:#fff;background:var(--primary);font-weight:700;box-shadow:0 4px 12px rgba(22,119,255,.22)}.hub-nav{margin:22px 0 32px}.cta-strip{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 32px;border-radius:var(--r-md);color:#fff;background:linear-gradient(120deg,#1677ff,#0958d9 58%,#003eb3);box-shadow:0 16px 36px rgba(9,88,217,.24)}.cta-strip h2{margin:0;font-size:24px;font-weight:800;letter-spacing:-.8px}.cta-strip p{max-width:620px;margin:10px 0 0;color:rgba(255,255,255,.82);font-size:14px;line-height:1.7}.cta-strip .button{flex:none;color:var(--primary);background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.16)}.cta-strip .button:hover{color:var(--primary-hover);background:#f0f7ff}.notice{padding:26px 28px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-1)}.notice h2{margin:0 0 4px;font-size:22px;font-weight:800;letter-spacing:-.6px}.notice>p{max-width:760px;margin:10px 0 0;color:var(--muted);font-size:14px;line-height:1.75}.notice-soft{background:var(--soft);box-shadow:none}.notice-soft p{color:var(--muted)}.notice-soft p a{color:var(--primary);font-weight:700}.diff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:20px}.diff-grid>div{padding:18px;border:1px solid var(--line);border-radius:var(--r-sm);background:#fff}.diff-grid b{display:block;margin-bottom:6px;color:var(--ink);font-size:15px;font-weight:700}.diff-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.page-hero{padding:34px 0 28px}.page-hero h1{font-size:clamp(30px,3.6vw,42px);letter-spacing:-1.2px}.page-hero .detail-meta{margin-top:18px}.detail-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:16px;color:var(--muted-2);font-size:13px;font-weight:600}.detail-meta span{display:inline-flex;align-items:center;gap:6px}.detail-meta span+span:before{margin-right:12px;color:var(--line-strong);content:"·"}.site-footer{width:min(var(--shell),calc(100% - 40px));margin:30px auto 0;padding:36px 0 28px;border-top:1px solid var(--line)}.footer-cols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;grid-gap:30px;gap:30px}.footer-cols strong{display:block;font:800 17px/1 Manrope,Arial,sans-serif;letter-spacing:-.5px}.footer-cols p{max-width:320px;margin:12px 0 0;color:var(--muted-2);font-size:13px;line-height:1.7}.footer-cols span{display:block;margin-bottom:12px;color:var(--muted-2);font-size:12px;font-weight:800;letter-spacing:.6px}.footer-cols a{display:block;margin-bottom:9px;color:var(--muted);font-size:13px;font-weight:600}.footer-cols a:hover{color:var(--primary)}.footer-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:30px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted-2);font-size:12px}.guide-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px;padding-bottom:34px}.guide-card{display:flex;flex-direction:column;padding:20px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-1);transition:border-color .18s,box-shadow .18s,transform .18s}.guide-card:hover{border-color:var(--primary-border);box-shadow:var(--shadow-3);transform:translateY(-2px)}.guide-card>small{color:var(--muted-2);font-size:11px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}.guide-card>h2{margin:14px 0 8px;font-size:18px;font-weight:700;line-height:1.35;letter-spacing:-.4px}.guide-card:hover>h2{color:var(--primary)}.guide-card>p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.card-meta{display:flex;gap:14px;margin-top:auto;padding-top:16px;color:var(--muted-2);font-size:12px;font-weight:600}.lang-tag{padding:1px 7px;border-radius:var(--r-pill);color:var(--brand);background:var(--brand-soft);font-size:10px;font-weight:800}.series-callout{margin:6px 0 34px;padding:22px 24px;border:1px solid var(--brand-border);border-radius:var(--r-md);background:linear-gradient(180deg,#fbfdf6,var(--brand-soft))}.series-callout strong{display:block;font:800 17px/1.4 Manrope,Arial,sans-serif;letter-spacing:-.4px}.series-callout p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.7}.series-callout a{display:inline-block;margin-top:14px;color:var(--brand);font-size:13px;font-weight:800}.series-callout a:hover{color:#4a6f14;text-decoration:underline}.path-list{display:grid;grid-gap:12px;gap:12px;margin:0;padding:0;list-style:none}.path-list>li{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:16px;gap:16px;padding:20px 22px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-1);transition:border-color .18s,box-shadow .18s}.path-list>li:hover{border-color:var(--primary-border);box-shadow:var(--shadow-2)}.path-index{color:var(--primary);font:800 20px/1 Manrope,Arial,sans-serif;letter-spacing:-1px}.path-list h3{margin:0;font-size:17px;font-weight:700;line-height:1.4;letter-spacing:-.3px}.path-list h3 a:hover{color:var(--primary)}.path-list p{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.7}.path-meta{display:block;margin-top:10px;color:var(--brand);font-size:12px;font-weight:700}.tool-section{padding:0 0 34px}.tool-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.tool-card{display:flex;flex-direction:column;padding:20px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-1);transition:border-color .18s,box-shadow .18s,transform .18s}.tool-card:hover{border-color:var(--primary-border);box-shadow:var(--shadow-3);transform:translateY(-2px)}.tool-card-head{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.tool-card h3{margin:0;font-size:16px;font-weight:700;line-height:1.35;letter-spacing:-.3px}.tool-card h3 a:hover{color:var(--primary)}.tool-card>p{margin:11px 0 0;color:var(--muted);font-size:13px;line-height:1.68}.tool-output{margin-top:11px!important;padding-top:11px;border-top:1px dashed var(--line-strong);color:var(--ink-2)!important}.tool-output b{margin-right:6px;color:var(--primary);font-weight:800}.tool-usewhen{margin:10px 0 0;padding-left:18px;color:var(--muted-2);font-size:12.5px;line-height:1.7}.tool-card-actions{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:16px}.tool-card-actions .button{padding:10px 14px;font-size:13px}.tool-card-actions .inline-link{margin-top:0;font-size:13px}.tool-guide{margin:12px 0 0!important;padding-top:11px;border-top:1px solid var(--line);color:var(--muted-2)!important;font-size:12px}.tool-guide a{color:var(--primary);font-weight:700}.tool-guide a:hover{text-decoration:underline}.tool-detail-note{margin-top:10px!important;color:var(--muted-2);font-size:12px}.workbench-section{padding:0 0 20px}.workbench-hint{margin:0 0 18px;color:var(--muted);font-size:13px}.tool-layout{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;padding-bottom:34px}.module-panel{position:relative;overflow:hidden;min-width:0;padding:24px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-1)}.module-panel.wide{grid-column:span 2}.module-panel:before{position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--primary),#91caff);content:""}.module-panel h2{margin:0;font:800 21px/1.25 Manrope,Arial,sans-serif;letter-spacing:-.6px}.module-panel>p{margin:8px 0 20px;color:var(--muted);font-size:13px;line-height:1.6}.module-panel>.button{margin-top:18px}.module-panel .button{transition:transform .16s,box-shadow .16s}.module-panel .button:hover{transform:translateY(-1px)}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;align-items:start}.form-grid label{display:grid;grid-gap:6px;gap:6px;color:var(--ink-2);font-size:12px;font-weight:700}.form-grid .full{grid-column:span 3}.form-grid input,.form-grid select,.form-grid textarea,.module-panel>label:not(.drop-images) input{width:100%;padding:10px 11px;border:1px solid var(--line-strong);border-radius:var(--r-sm);outline:0;color:var(--ink-2);background:#fff;font:13px DM Sans,Arial,sans-serif;transition:border-color .16s,box-shadow .16s}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.module-panel>label:not(.drop-images) input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(22,119,255,.12)}.module-panel>label:not(.drop-images){display:grid;grid-gap:6px;gap:6px;color:var(--ink-2);font-size:12px;font-weight:700}.check-field{display:flex!important;grid-column:span 1!important;align-items:center!important;gap:7px!important;font-weight:600!important}.check-field input{width:16px!important;height:16px;accent-color:var(--primary)}.result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:18px;padding-top:17px;border-top:1px solid var(--line)}.result-grid div{padding:12px;border-radius:var(--r-sm);background:var(--primary-soft)}.result-grid small,.result-grid strong{display:block}.result-grid small{color:#4b7fbf;font-size:11px;font-weight:700}.result-grid strong{margin-top:4px;color:var(--primary-active);font-size:19px;font-weight:800}.variant-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:18px}.variant-actions+.table-wrap{margin-top:14px}.variant-actions>span{color:var(--muted-2);font-size:12px}.table-wrap{overflow:auto;margin-top:18px;border:1px solid var(--line);border-radius:var(--r-sm)}.table-wrap table{width:100%;border-collapse:collapse;font-size:12px}.table-wrap td,.table-wrap th{padding:10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.table-wrap th{color:var(--muted-2);background:var(--soft);font-size:11px;font-weight:800}.table-wrap tr:last-child td{border:0}.fee-table{display:grid;grid-gap:8px;gap:8px;margin-top:18px}.fee-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--soft);font-size:12.5px}.fee-row b{color:var(--primary)}.seo-preview{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:var(--r-sm);background:#fff}.seo-preview p,.seo-preview small,.seo-preview span,.seo-preview strong{display:block}.seo-preview small{color:var(--muted-2);font-size:11px;font-weight:700}.seo-preview strong{margin-top:12px;color:#1a0dab;font:500 19px Arial,sans-serif}.seo-preview span{margin-top:4px;color:#0f7b2f;font-size:12px}.seo-preview p{margin:7px 0 0;color:#555;font:13px/1.5 Arial,sans-serif}.utm-result{display:flex;align-items:center;gap:12px;margin-top:18px;padding:13px;border-radius:var(--r-sm);background:var(--primary-soft)}.utm-result code{flex:1 1;overflow:auto;color:var(--primary-active);font-size:12px;white-space:nowrap}.barcode-preview{min-height:150px;margin:18px 0;padding:12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--soft)}.barcode-preview,.drop-images{display:flex;align-items:center;justify-content:center}.drop-images{min-height:130px;flex-direction:column;gap:8px;border:2px dashed var(--primary-border);border-radius:var(--r-sm);color:var(--primary);background:#f7fbff;cursor:pointer;transition:border-color .16s,background .16s}.drop-images:hover{border-color:var(--primary);background:var(--primary-soft)}.drop-images input{display:none}.native-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;padding-bottom:30px}.native-tools>.module-panel{min-width:0;scroll-margin-top:24px}.native-tools>.module-panel.wide{grid-column:span 2}.native-tools>[role=tabpanel]{grid-column:1/-1;min-width:0}.native-tools>[role=tabpanel][hidden]{display:none}.native-tools>[role=tabpanel]:not([hidden]){animation:tool-fade .22s ease}@keyframes tool-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.native-tools>[role=tabpanel]:not([hidden]){animation:none}}.tool-tabbar{grid-column:1/-1;display:flex;align-items:center;gap:10px;min-width:0;margin:6px 0 4px}.tool-tabscroll{display:flex;flex:1 1;flex-wrap:nowrap;gap:8px;min-width:0;padding:9px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-1);overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.tool-tabscroll::-webkit-scrollbar{height:7px}.tool-tabscroll::-webkit-scrollbar-track{background:transparent}.tool-tabscroll::-webkit-scrollbar-thumb{border-radius:var(--r-pill);background:var(--line-strong)}.tool-tab{flex:0 0 auto;padding:10px 15px;border:1px solid var(--line);border-radius:var(--r-pill);color:var(--ink-2);background:var(--soft);font:700 12.5px/1.2 DM Sans,Arial,sans-serif;white-space:nowrap;cursor:-webkit-grab;cursor:grab;transition:color .16s,background .16s,border-color .16s,box-shadow .16s,opacity .16s}.tool-tab:hover{border-color:var(--primary-border);color:var(--primary);background:#fff}.tool-tab.is-active{border-color:var(--primary);color:#fff;background:var(--primary);box-shadow:0 6px 15px rgba(22,119,255,.26)}.tool-tab.is-active:hover{border-color:var(--primary-hover);color:#fff;background:var(--primary-hover)}.tool-tab.is-dragging{opacity:.4;cursor:-webkit-grabbing;cursor:grabbing}.tool-tab:focus-visible{outline:3px solid rgba(22,119,255,.35);outline-offset:2px}.tool-tabswitch{flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--line-strong);border-radius:var(--r-md);color:var(--ink-2);background:#fff;font:700 16px/1 DM Sans,Arial,sans-serif;cursor:pointer;transition:color .16s,background .16s,border-color .16s}.tool-tabswitch:hover{border-color:var(--primary-border);color:var(--primary);background:var(--primary-soft)}.tool-tabswitch:focus-visible{outline:3px solid rgba(22,119,255,.35);outline-offset:2px}.tool-drag-hint{flex:0 0 auto;color:var(--muted-2);font-size:12px;font-weight:600;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:1100px){.tool-drag-hint{display:none}}@media (max-width:1080px){.tool-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-cols{grid-template-columns:1fr 1fr}}@media (max-width:900px){.portal-board-body{grid-template-columns:1fr;height:auto}.portal-board-rail{flex-direction:row;gap:4px;overflow-x:auto;overflow-y:hidden;padding:8px 10px;border-right:0;border-bottom:1px solid var(--line);border-radius:0;scrollbar-width:thin}.portal-rail-item{width:auto;flex:none;padding:8px 12px}.portal-rail-item.is-active{box-shadow:inset 0 -2px 0 var(--primary)}.portal-board-panel{max-height:62vh;border-radius:0 0 var(--r-md) var(--r-md)}.portal-board-top{flex-direction:column;align-items:stretch;gap:8px;padding:12px 14px 0}.portal-board-heading{justify-content:space-between}.portal-panel-head{flex-wrap:wrap;gap:8px;padding:11px 14px}.portal-card-grid{padding:12px 14px 16px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}}@media (max-width:760px){:root{--header-h:58px}.container,.container-narrow,.site-footer,.site-header{width:calc(100% - 28px)}.site-header{gap:10px;padding:0 14px}.site-header .brand{font-size:18px}.site-header nav a:not(.is-active){display:none}.chapter-grid-next,.diff-grid,.form-grid,.guide-list,.native-tools,.portal-card-grid,.result-grid,.tool-card-grid,.tool-detail-grid,.tool-layout{grid-template-columns:1fr}.form-grid .full,.module-panel.wide,.native-tools>.module-panel.wide{grid-column:auto}.check-field{grid-column:auto!important}.guide-board{padding:20px}.guide-board-row{grid-template-columns:1fr;gap:8px}.cta-strip{align-items:stretch;flex-direction:column;padding:24px 20px}.cta-strip .button{width:100%}.section-heading{display:block}.section-heading>span{display:block;margin-top:8px}.footer-cols{grid-template-columns:1fr}.tool-tabbar{gap:8px}.tool-tabscroll{padding:7px;border-radius:var(--r-sm)}.tool-tab{padding:9px 13px}.tool-tabswitch{width:38px;height:38px}.utm-result{align-items:stretch;flex-direction:column}.utm-result .button{width:100%}.module-panel{padding:20px}.module-panel h2{font-size:19px}}.detail-page{padding:22px 0 60px}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:26px;color:var(--muted-2);font-size:13px;font-weight:600}.breadcrumbs a{color:var(--primary)}.breadcrumbs a:hover{text-decoration:underline}.detail-header{max-width:860px}.detail-header h1{margin:0;font-size:clamp(30px,3.8vw,44px);font-weight:800;line-height:1.15;letter-spacing:-1.3px}.detail-summary{max-width:720px;margin:18px 0 0;color:var(--muted);font-size:16px;line-height:1.75}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;align-items:start;grid-gap:44px;gap:44px;margin-top:34px}.article-body,.article-main{min-width:0}.article-body li,.article-body p{color:#40454b;font-size:15.5px;line-height:1.85}.article-body p{margin:0 0 16px}.article-body p:last-child{margin-bottom:0}.article-body ol,.article-body ul{margin:0 0 18px;padding-left:22px}.article-body li{padding:3px 0}.article-body h2{margin:36px 0 14px;font-size:24px;font-weight:800;letter-spacing:-.6px}.article-subhead{margin:34px 0 14px;font-size:21px;font-weight:800;line-height:1.3;letter-spacing:-.4px;color:var(--ink)}.article-body a{color:var(--primary);font-weight:600;text-decoration:underline;-webkit-text-decoration-color:var(--primary-border);text-decoration-color:var(--primary-border);text-underline-offset:2px}.article-body a:hover{-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary)}.article-body>*+*{margin-top:0}.article-section{display:grid;grid-template-columns:34px minmax(0,1fr);grid-gap:16px;gap:16px;padding:22px 0;border-top:1px solid var(--line)}.article-section:first-child{padding-top:0;border-top:0}.article-section p{margin:0}.article-section h2{margin:0 0 14px;font-size:22px}.article-index{color:var(--primary);font:800 12px/1 DM Sans,Arial,sans-serif;letter-spacing:.7px}.article-section ol{margin:0;padding-left:21px}.inline-code{padding:2px 6px;border-radius:5px;color:var(--primary-active);background:var(--primary-soft);font:12.5px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.article-code{margin:0 0 18px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--r-sm);background:#fafbfc;overflow-x:auto}.article-code code{color:#2c3540;font:12.5px/1.75 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre}.article-callout{margin:0 0 18px;padding:15px 17px;border:1px solid var(--primary-border);border-left-width:3px;border-radius:var(--r-sm);background:#f6fbff}.article-callout strong{display:block;margin-bottom:5px;color:var(--primary-hover);font-size:13px;font-weight:800}.article-callout p{margin:0;color:#40454b;font-size:14.5px;line-height:1.75}.article-callout.is-warn{border-color:#ffccc7 #ffccc7 #ffccc7 #ff4d4f;background:#fff5f5}.article-callout.is-warn strong{color:#cf1322}.article-callout.is-tip{border-color:#ffe7ba #ffe7ba #ffe7ba #fa8c16;background:#fffbf0}.article-callout.is-tip strong{color:#ad6800}.article-checklist{list-style:none;margin:0 0 18px;padding:0}.article-checklist li{display:flex;align-items:flex-start;gap:10px;padding:5px 0;color:#40454b;font-size:15.5px;line-height:1.8}.check-box{flex:none;width:15px;height:15px;margin-top:6px;border:1.5px solid var(--line-strong);border-radius:4px;background:#fff}.article-table{margin:0 0 20px}.article-table table{font-size:12.5px}.article-table td,.article-table th{white-space:normal;vertical-align:top;line-height:1.7}.article-table th{font-size:11.5px}.outcome-card{margin:24px 0 0;padding:18px 20px;border:1px solid var(--primary-border);border-radius:var(--r-md);background:linear-gradient(180deg,#f9fcff,var(--primary-soft))}.outcome-card strong{display:block;margin-bottom:5px;color:var(--primary-hover);font-size:12px;font-weight:800;letter-spacing:.6px}.outcome-card p{margin:0;color:#33475c;font-size:14.5px;line-height:1.7}.xref{margin-top:32px;padding-top:22px;border-top:1px solid var(--line)}.xref h3{margin:0 0 12px;color:var(--ink);font-size:15px;font-weight:800}.xref ul{display:grid;grid-gap:9px;gap:9px;margin:0;padding:0;list-style:none}.xref li{display:flex;flex-direction:column;gap:3px}.xref a{color:var(--primary);font-size:14px;font-weight:700}.xref a:hover{text-decoration:underline}.xref-note{color:var(--muted-2);font-size:12.5px;line-height:1.6}.tag-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.tag{padding:4px 10px;border:1px solid var(--line);border-radius:var(--r-pill);color:var(--muted);background:var(--soft);font-size:12px;font-weight:600}.detail-aside{position:-webkit-sticky;position:sticky;top:calc(var(--header-h) + 16px);display:grid;grid-gap:14px;gap:14px}.aside-card{padding:20px;border:1px solid var(--primary-border);border-radius:var(--r-md);background:linear-gradient(180deg,#f9fcff,var(--primary-soft))}.aside-card strong{display:block;font-size:16px;font-weight:800;letter-spacing:-.3px}.aside-card p{margin:9px 0 16px;color:#50627a;font-size:13px;line-height:1.7}.aside-card .button{width:100%}.aside-card-quiet{border-color:var(--line);background:var(--surface)}.aside-card-quiet strong{font-size:15px}.aside-card-quiet p{color:var(--muted)}.series-progress{height:5px;max-width:420px;margin-top:24px;border-radius:var(--r-pill);background:var(--line);overflow:hidden}.series-progress span{display:block;height:100%;border-radius:inherit;background:var(--primary)}.tool-launch-card{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:34px;padding:28px;border-radius:var(--r-md);color:#fff;background:linear-gradient(120deg,#1677ff,#0958d9);box-shadow:0 16px 34px rgba(9,88,217,.22)}.tool-launch-card .tool-number{color:var(--primary-hover);background:#fff}.tool-launch-card h2{margin:14px 0 7px;font-size:24px;font-weight:800;letter-spacing:-.8px}.tool-launch-card p{max-width:560px;margin:0;color:rgba(255,255,255,.84);font-size:13.5px;line-height:1.65}.tool-launch-card .button{flex:none;color:var(--primary);background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.16)}.tool-launch-card .button:hover{color:var(--primary-hover);background:#f0f7ff}.tool-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;margin-top:20px}.tool-detail-grid>section{padding:22px 24px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-1)}.tool-detail-grid h2{margin:0 0 12px;font-size:18px;font-weight:800;letter-spacing:-.4px}.tool-detail-grid li,.tool-detail-grid p{color:var(--muted);font-size:13.5px;line-height:1.75}.tool-detail-grid ul{margin:0;padding-left:19px}.tool-detail-grid a{color:var(--primary);font-weight:600}.tool-detail-grid a:hover{text-decoration:underline}.codex-portal{display:grid;grid-template-columns:236px minmax(0,1fr);grid-gap:18px;gap:18px;align-items:start;padding-bottom:40px}.codex-aside{position:-webkit-sticky;position:sticky;top:calc(var(--header-h) + 16px);display:grid;grid-gap:14px;gap:14px}.codex-brief{padding:20px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-1)}.codex-brief strong{display:block;font-size:15px;font-weight:800;letter-spacing:-.3px}.codex-brief p{margin:9px 0 0;color:var(--muted);font-size:12.5px;line-height:1.7}.codex-brief-facts{display:grid;grid-gap:9px;gap:9px;margin-top:16px;padding-top:15px;border-top:1px dashed var(--line-strong)}.codex-brief-facts span{display:flex;align-items:baseline;gap:8px;color:var(--muted);font-size:12.5px;font-weight:600}.codex-brief-facts b{color:var(--primary);font:800 18px/1 Manrope,Arial,sans-serif;letter-spacing:-.5px}.codex-cats{overflow:hidden;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-1)}.codex-cats-head{padding:14px 16px 12px;color:var(--muted-2);font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}.codex-cats a,.codex-cats-head{border-bottom:1px solid var(--line)}.codex-cats a{display:flex;align-items:center;gap:10px;padding:11px 16px;color:var(--ink-2);font-size:13.5px;font-weight:600;transition:color .16s,background .16s}.codex-cats a:last-child{border-bottom:0}.codex-cats a span{display:grid;flex:none;place-items:center;width:24px;height:24px;border-radius:7px;color:var(--primary);background:var(--primary-soft);font:800 11px/1 DM Sans,Arial,sans-serif}.codex-cats a:hover{color:var(--primary);background:var(--soft)}.codex-main{display:grid;grid-gap:18px;gap:18px;min-width:0}.codex-search-panel{padding:24px 26px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-1)}.codex-search-panel h2{margin:0;font-size:21px;font-weight:800;letter-spacing:-.6px}.codex-search-panel>p{margin:8px 0 0;color:var(--muted);font-size:13.5px;line-height:1.7}.codex-group{padding:22px 24px 24px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-1);scroll-margin-top:calc(var(--header-h) + 16px)}.codex-group-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:18px}.codex-group-head h2{margin:0;font-size:20px;font-weight:800;letter-spacing:-.6px}.codex-group-head span{color:var(--muted-2);font-size:12.5px;font-weight:600}.codex-group-lead{margin:-8px 0 18px;color:var(--muted);font-size:13px;line-height:1.7}.codex-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.codex-tool{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--soft);transition:border-color .18s,background .18s,box-shadow .18s,transform .18s}.codex-tool:hover{border-color:var(--primary-border);background:#fff;box-shadow:var(--shadow-3);transform:translateY(-2px)}.codex-tool-top{display:flex;align-items:center;gap:10px}.codex-tool-idx{display:grid;flex:none;place-items:center;width:34px;height:34px;border-radius:10px;color:#fff;background:linear-gradient(135deg,#4096ff,#0958d9);font:800 12px/1 Manrope,Arial,sans-serif;box-shadow:0 4px 10px rgba(22,119,255,.24)}.codex-tool-top h3{margin:0;font-size:15.5px;font-weight:700;line-height:1.4;letter-spacing:-.3px}.codex-tool:hover h3{color:var(--primary)}.codex-tool>p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.7}.codex-tool-foot{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:12px;border-top:1px dashed var(--line-strong);color:var(--muted-2);font-size:11.5px;font-weight:700}.codex-tool-foot b{color:var(--primary);font-weight:800}.codex-feature{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-gap:20px;gap:20px;align-items:stretch}.codex-feature-main{padding:26px 28px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-1)}.codex-feature-main h3{margin:0;font-size:22px;font-weight:800;letter-spacing:-.7px}.codex-feature-main>p{margin:10px 0 20px;color:var(--muted);font-size:14px;line-height:1.75}.codex-feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.codex-feature-list a{display:flex;flex-direction:column;gap:5px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--soft);transition:border-color .16s,background .16s}.codex-feature-list a:hover{border-color:var(--primary-border);background:#fff}.codex-feature-list span{color:var(--muted-2);font-size:11px;font-weight:800;letter-spacing:.5px}.codex-feature-list em{color:var(--ink-2);font-size:13.5px;font-style:normal;font-weight:600;line-height:1.5}.codex-feature-list a:hover em{color:var(--primary)}.codex-feature-side{display:flex;flex-direction:column;padding:26px 24px;border-radius:var(--r-md);color:#fff;background:linear-gradient(160deg,#1677ff,#0958d9 62%,#003eb3);box-shadow:0 16px 34px rgba(9,88,217,.22)}.codex-feature-side h3{margin:0;font-size:19px;font-weight:800;letter-spacing:-.5px}.codex-feature-side p{margin:10px 0 0;color:rgba(255,255,255,.84);font-size:13px;line-height:1.75}.codex-feature-side ul{display:grid;grid-gap:9px;gap:9px;margin:18px 0 0;padding:0;list-style:none}.codex-feature-side li{display:flex;align-items:baseline;gap:8px;color:rgba(255,255,255,.9);font-size:12.5px;font-weight:600}.codex-feature-side li:before{color:rgba(255,255,255,.7);content:"·";font-weight:800}.codex-feature-side .button{margin-top:auto;color:var(--primary);background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.16)}.codex-feature-side .button:hover{color:var(--primary-hover);background:#f0f7ff}.resource-group{padding:0 0 34px;scroll-margin-top:calc(var(--header-h) + 16px)}.resource-list{display:grid;grid-gap:22px;gap:22px}.resource-row{display:grid;grid-template-columns:132px minmax(0,1fr);grid-gap:18px;gap:18px;align-items:start}.resource-category{padding-top:4px;color:var(--brand);font-size:12.5px;font-weight:800;letter-spacing:.3px}.resource-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.resource-card{display:block;padding:18px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-1);transition:border-color .18s,box-shadow .18s,transform .18s}.resource-card:hover{border-color:var(--primary-border);box-shadow:var(--shadow-3);transform:translateY(-2px)}.resource-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.resource-head strong{color:var(--ink);font-size:15px;font-weight:700;letter-spacing:-.2px}.resource-card:hover .resource-head strong{color:var(--primary)}.authority-tag{padding:2px 8px;border-radius:var(--r-pill);color:var(--brand);background:var(--brand-soft);font-size:10.5px;font-weight:800}.resource-publisher{display:block;margin-top:4px;color:var(--muted-2);font-size:11.5px;font-weight:700}.resource-card p{margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.7}.resource-watch{margin-top:9px!important;padding-top:9px;border-top:1px dashed var(--line-strong);color:#8c6a33!important}.resource-watch b{margin-right:5px;color:var(--warn);font-weight:800}.copy-guard{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.copy-guard-toast{position:fixed;z-index:80;left:50%;bottom:34px;max-width:min(340px,calc(100% - 32px));padding:11px 18px;border-radius:var(--r-pill);color:#fff;background:rgba(0,0,0,.82);box-shadow:0 12px 28px rgba(0,0,0,.24);font:700 13px/1.4 DM Sans,Arial,sans-serif;text-align:center;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,10px);transition:opacity .18s,transform .18s,visibility .18s}.copy-guard-toast.is-visible{opacity:1;visibility:visible;transform:translate(-50%)}.editor-intro{margin:0 0 14px;color:var(--muted);font-size:12.5px;line-height:1.7}.editor-intro b{color:var(--primary-hover)}.image-editor-app{display:block}.image-editor{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;grid-gap:16px;gap:16px}.image-editor.is-empty{grid-template-columns:1fr}.editor-standalone{margin:28px 0 10px;padding:16px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-2)}.editor-stage-wrap{position:-webkit-sticky;position:sticky;top:calc(var(--header-h) + 14px);min-width:0}.editor-stage{display:flex;align-items:center;justify-content:center;width:100%;min-height:200px}.editor-canvas-holder{position:relative;max-width:none;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:#fff;box-shadow:var(--shadow-2);cursor:crosshair;touch-action:none;overflow:hidden}.editor-overlay,.editor-surface{display:block;border-radius:7px}.editor-surface{background-color:#fff;background-image:linear-gradient(45deg,#f0f0f0 25%,transparent 0),linear-gradient(-45deg,#f0f0f0 25%,transparent 0),linear-gradient(45deg,transparent 75%,#f0f0f0 0),linear-gradient(-45deg,transparent 75%,#f0f0f0 0);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.editor-surface.has-matte{background:#fff;background-image:none}.editor-overlay{position:absolute;top:0;left:0;pointer-events:none}.editor-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px}.editor-bar .button{margin-top:0}.editor-bar .button[disabled]{opacity:.45;cursor:not-allowed}.editor-bar-meta{margin-left:auto;overflow:hidden;color:var(--muted-2);font-size:11.5px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.editor-replace{display:inline-flex;align-items:center;padding:9px 14px;border:1px solid var(--line-strong);border-radius:var(--r-sm);color:var(--ink-2);background:#fff;font:700 12px/1 DM Sans,Arial,sans-serif;cursor:pointer;transition:color .16s,background .16s,border-color .16s}.editor-replace:hover{border-color:var(--primary-border);color:var(--primary);background:var(--primary-soft)}.editor-replace input{display:none}.editor-side{display:grid;grid-gap:12px;gap:12px;min-width:0}.image-editor-card{padding:16px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-1)}.image-editor-card h3{margin:0 0 10px;color:var(--ink);font-size:13.5px;font-weight:800;letter-spacing:.1px}.image-editor-card label{display:grid;grid-gap:6px;gap:6px;color:var(--ink-2);font-size:12px;font-weight:700}.image-editor-card input[type=number],.image-editor-card select,.image-editor-card textarea{width:100%;padding:9px 10px;border:1px solid var(--line-strong);border-radius:var(--r-sm);outline:0;color:var(--ink-2);background:#fff;font:13px DM Sans,Arial,sans-serif;transition:border-color .16s,box-shadow .16s}.image-editor-card input[type=color]{width:100%;height:34px;padding:2px;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:#fff;cursor:pointer}.image-editor-card input:focus,.image-editor-card select:focus,.image-editor-card textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(22,119,255,.12)}.editor-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:7px;gap:7px}.editor-tool{padding:10px 6px;border:1px solid var(--line-strong);border-radius:var(--r-sm);color:var(--ink-2);background:#fff;font:700 12px/1.2 DM Sans,Arial,sans-serif;cursor:pointer;transition:color .16s,background .16s,border-color .16s}.editor-tool:hover{border-color:var(--primary-border);color:var(--primary);background:var(--primary-soft)}.editor-tool.is-active{border-color:var(--primary);color:#fff;background:var(--primary)}.editor-hint{margin:10px 0 0;color:var(--muted-2);font-size:11.5px;line-height:1.6}.editor-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.editor-row .button{margin-top:0}.editor-slider{display:block;margin-top:12px}.editor-slider>span{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px;color:var(--ink-2);font-size:12px;font-weight:700}.editor-slider>span b{color:var(--primary);font-size:11.5px}.editor-slider input[type=range]{width:100%;height:22px;accent-color:var(--primary);cursor:pointer}.editor-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:12px}.editor-inline-check{display:inline-flex!important;align-items:center;gap:6px;color:var(--ink-2);font-size:12px;font-weight:700;cursor:pointer}.editor-inline-check input{width:16px;height:16px;accent-color:var(--primary)}.image-editor-card>.button{width:100%;margin-top:12px}.editor-error,.editor-notice{margin:0;padding:11px 13px;border-radius:var(--r-sm);font-size:12.5px;line-height:1.6}.editor-notice{border:1px solid var(--primary-border);color:#1c4e85;background:#f6fbff}.editor-error{border:1px solid #ffccc7;color:#a8071a;background:#fff5f5}.editor-note{padding:14px;border:1px solid #ffe7ba;border-radius:var(--r-sm);background:#fffbf0}.editor-note strong{display:block;color:#ad6800;font-size:12.5px;font-weight:800}.editor-note p{margin:6px 0 0;color:#7c5c22;font-size:11.5px;line-height:1.65}.image-editor-drop{display:flex;min-height:210px;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:26px;border:2px dashed var(--primary-border);border-radius:var(--r-md);color:var(--primary);text-align:center;background:#f7fbff;cursor:pointer;transition:border-color .16s,background .16s}.image-editor-drop:hover{border-color:var(--primary);background:var(--primary-soft)}.image-editor-drop input{display:none}.image-editor-drop strong{font-size:16px;font-weight:800}.image-editor-drop span{max-width:430px;color:var(--muted-2);font-size:12.5px;line-height:1.65}.editor-standalone .image-editor{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)}.site-side{position:fixed;z-index:55;top:50%;right:0;transform:translateY(-50%)}.site-side-rail{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.site-side-item{position:relative;display:flex;justify-content:flex-end}.site-side-button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--line);border-right:0;border-radius:var(--r-md) 0 0 var(--r-md);color:var(--muted);background:var(--surface);box-shadow:var(--shadow-2);cursor:pointer;transition:color .16s,background .16s,width .16s}.site-side-button svg{width:22px;height:22px}.site-side-button.is-open,.site-side-button:hover{color:var(--primary);background:var(--primary-soft)}.site-side-button:focus-visible{outline:3px solid rgba(22,119,255,.35);outline-offset:-1px}.site-side-panel-wrap{position:absolute;top:50%;right:calc(100% + 12px);transform:translateY(-50%)}.site-side-panel-wrap:after,.site-side-panel-wrap:before{content:"";position:absolute;top:50%;border:7px solid transparent;transform:translateY(-50%)}.site-side-panel-wrap:before{right:-13px;border-left-color:var(--line)}.site-side-panel-wrap:after{right:-12px;border-left-color:var(--surface)}.site-side-bridge{position:absolute;top:-14px;right:-13px;bottom:-14px;width:15px}.site-side-panel{position:relative;width:258px;max-height:calc(100vh - 40px);padding:16px;overflow-y:auto;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-3)}.site-side-panel-head{display:flex;align-items:center;gap:8px;margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid var(--line);color:var(--ink);font-size:13.5px;font-weight:800}.site-side-panel-head svg{width:18px;height:18px;color:var(--primary)}.site-side-headline{margin:0 0 12px;color:var(--ink-2);font-size:13px;font-weight:600;line-height:1.65;text-align:center}.site-side-headline strong{color:var(--accent);font-weight:800}.site-side-qr{display:block;width:100%;max-width:186px;margin:0 auto;padding:6px;color:var(--ink);background:#fff;border-radius:var(--r-sm)}.site-side-qr-fallback{margin:0 0 12px;color:var(--muted);font-size:12.5px;line-height:1.7}.site-side-note{margin:12px 0 0;color:var(--muted-2);font-size:11.5px;line-height:1.7}.site-side-note.is-warn{color:var(--warn)}.site-side-list{margin:0;padding:0;list-style:none}.site-side-list li+li{border-top:1px solid var(--line)}.site-side-list a{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:9px 2px;color:var(--ink-2);font-size:13px;font-weight:600}.site-side-list a:hover{color:var(--primary)}.site-side-list a b{font-weight:700}.site-side-list a span{flex:none;color:var(--muted-2);font-size:11.5px;font-weight:600}.site-side-close{margin-left:auto;padding:0 2px;border:0;color:var(--muted-2);background:none;font:700 16px/1 DM Sans,Arial,sans-serif;cursor:pointer}.site-side-close:hover{color:var(--ink)}.site-side-field{display:block;margin-bottom:10px}.site-side-field>span{display:block;margin-bottom:5px;color:var(--muted);font-size:11.5px;font-weight:700}.site-side-field select,.site-side-field textarea{width:100%;padding:7px 9px;border:1px solid var(--line-strong);border-radius:var(--r-sm);color:var(--ink-2);background:#fff;font-family:inherit;font-size:12.5px;line-height:1.6}.site-side-field select{padding:6px 7px}.site-side-field textarea{resize:vertical;min-height:76px}.site-side-field select:focus,.site-side-field textarea:focus{outline:none;border-color:var(--primary-border);box-shadow:0 0 0 3px rgba(22,119,255,.12)}.site-side-field textarea::placeholder{color:var(--muted-2)}.site-side-actions{display:flex;gap:8px;margin-top:10px}.site-side-copy,.site-side-send{flex:1 1;padding:9px 6px;border:1px solid transparent;border-radius:var(--r-sm);font:700 12.5px/1 DM Sans,PingFang SC,Microsoft YaHei,Arial,sans-serif;text-align:center;cursor:pointer;transition:background .16s,border-color .16s,color .16s}.site-side-send{color:#fff;background:var(--primary)}.site-side-send:hover{background:var(--primary-hover)}.site-side-copy{border-color:var(--line-strong);color:var(--ink-2);background:#fff}.site-side-copy:hover{border-color:var(--primary-border);color:var(--primary);background:var(--primary-soft)}.site-side-close:focus-visible,.site-side-copy:focus-visible,.site-side-send:focus-visible{outline:3px solid rgba(22,119,255,.35);outline-offset:1px}.site-side-foot{display:block;margin-top:12px;padding-top:11px;border-top:1px solid var(--line);color:var(--primary);font-size:12.5px;font-weight:700;text-align:center}.site-side-foot:hover{color:var(--primary-hover);text-decoration:underline}@media (max-width:980px){.site-side{top:auto;bottom:22px;transform:none}.site-side-item:not(.is-top){display:none}.site-side-button{width:44px;height:44px;border-right:1px solid var(--line);border-radius:var(--r-pill)}}@media (max-width:1080px){.detail-layout{grid-template-columns:minmax(0,1fr) 260px;gap:32px}.codex-portal{grid-template-columns:210px minmax(0,1fr)}.codex-feature{grid-template-columns:1fr}}@media (max-width:980px){.editor-standalone .image-editor,.image-editor{grid-template-columns:1fr}.editor-stage-wrap{position:static}.codex-portal,.resource-cards{grid-template-columns:1fr}.codex-aside{position:static}}@media (max-width:760px){.detail-page{padding-top:16px}.breadcrumbs{margin-bottom:20px}.detail-header h1{font-size:28px;letter-spacing:-.9px}.detail-summary{font-size:15px}.detail-layout{grid-template-columns:1fr;gap:28px;margin-top:26px}.detail-aside{position:static}.article-section{grid-template-columns:26px minmax(0,1fr);gap:11px}.article-body li,.article-body p{font-size:15px}.tool-launch-card{align-items:stretch;flex-direction:column;padding:22px}.tool-launch-card .button{width:100%}.codex-feature-list,.codex-tool-grid{grid-template-columns:1fr}.codex-feature-main,.codex-feature-side,.codex-group,.codex-search-panel{padding:20px}.resource-row{grid-template-columns:1fr;gap:9px}.resource-category{padding-top:0}.copy-guard-toast{bottom:20px;padding:10px 15px;font-size:12.5px}.editor-standalone{margin-top:20px;padding:12px}.editor-bar-meta{margin-left:0;width:100%}.editor-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-grid-2{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.copy-guard-toast,.site-side-button{transition:none}}