:root{color:#1a2830;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text-strong:#18242c;--muted:#61717a;--accent-strong:#1b5544;--accent-bright:#ffbd48;--panel-tag:#475862;background:radial-gradient(circle at top,#ffc25c1c,#0000 20%),linear-gradient(#edf1f2 0%,#f8f8f7 100%);font-family:Segoe UI Variable,Segoe UI,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#1a2830;min-width:320px;margin:0}body:before{content:"";opacity:.22;pointer-events:none;background-image:linear-gradient(#ffffff57 1px,#0000 1px),linear-gradient(90deg,#ffffff57 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #1b554473}#root{width:min(1680px,100%);margin:0 auto}h1,h2,h3{color:var(--text-strong);letter-spacing:-.03em;margin:0;font-family:Bahnschrift,Segoe UI Variable Display,Noto Sans SC,PingFang SC,sans-serif}h1{font-size:clamp(2.4rem,5vw,4.4rem);line-height:.96}h2{font-size:clamp(1.3rem,2vw,1.65rem)}h3{font-size:1rem}p{margin:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.portal-shell,.tool-route-shell{min-height:100svh;padding:18px}.portal-hero,.tool-route-hero{background:radial-gradient(circle at 100% 0,#ffbc5438,#0000 24%),radial-gradient(circle at 0 100%,#143d3026,#0000 28%),linear-gradient(135deg,#0b1418fa,#18252cf0);border:1px solid #14202724;border-radius:32px;grid-template-columns:minmax(0,1.2fr) minmax(320px,.88fr);gap:24px;padding:30px;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 64px #0f151a3d,inset 0 1px #ffffff0f}.portal-hero:after,.tool-route-hero:after{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#ffffff09 1px,#0000 1px),linear-gradient(#ffffff09 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000d1,#0000002e);mask-image:linear-gradient(#000000d1,#0000002e)}.portal-copy,.tool-route-copy{z-index:1;gap:16px;display:grid;position:relative}.portal-eyebrow,.tool-route-kicker,.portal-panel-index,.portal-ribbon-label,.portal-panel-kicker,.portal-section-kicker,.tool-route-placeholder-kicker{color:#ffcc76;letter-spacing:.14em;text-transform:uppercase;background:#ffbc5414;border:1px solid #ffbc543d;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:7px 12px;font-size:11px;font-weight:800;display:inline-flex}.portal-copy h1,.tool-route-copy h1{color:#f7f1e8}.portal-copy p,.tool-route-copy p{color:#ebf0f2c2;max-width:62ch;font-size:16px}.portal-actions{flex-wrap:wrap;gap:12px;margin-top:4px;display:flex}.portal-primary-link,.portal-ghost-link,.tool-route-back{border-radius:14px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-weight:700;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:inline-flex}.portal-primary-link{color:#2c200d;background:linear-gradient(#ffca72,#f1ab3f);box-shadow:0 18px 32px #f1ab3f42}.portal-ghost-link,.tool-route-back{color:#f3efe7;background:#ffffff0f;border:1px solid #ffffff1f}.portal-primary-link:hover,.portal-ghost-link:hover,.tool-route-back:hover,.portal-card:hover,.portal-category-btn:hover{transform:translateY(-1px)}.portal-hero-panels{z-index:1;gap:14px;display:grid;position:relative}.portal-highlight,.portal-stat-card,.tool-route-meta article{background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;gap:8px;padding:18px;display:grid;box-shadow:inset 0 1px #ffffff0f}.portal-panel-kicker{color:#ffcb78}.portal-highlight strong,.portal-stat-card strong,.tool-route-meta strong{color:#f8f2ea;font-size:18px}.portal-highlight p,.portal-stat-card span,.tool-route-meta span{color:#ebf0f2b8;font-size:13px}.portal-stat-grid,.tool-route-meta{gap:12px;display:grid}.portal-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-ribbon{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.portal-ribbon-card,.portal-panel,.portal-toolbar,.portal-card,.tool-route-placeholder{background:linear-gradient(#fffffffa,#f6f8f9f5),linear-gradient(90deg,#ffbc540f,#0000 26%);border:1px solid #1420271f;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 22px 40px #121c2212,inset 0 1px #fffc}.portal-ribbon-card:after,.portal-panel:after,.portal-toolbar:after,.portal-card:after,.tool-route-placeholder:after{content:"";pointer-events:none;border-top:2px solid #ffbc542e;border-right:2px solid #ffbc542e;width:44px;height:44px;position:absolute;top:14px;right:14px}.portal-ribbon-card{gap:10px;padding:18px;display:grid}.portal-ribbon-card p{color:var(--muted)}.portal-layout{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:18px;margin-top:18px;display:grid}.portal-sidebar{gap:16px;display:grid;position:sticky;top:18px}.portal-panel{gap:18px;padding:20px;display:grid}.portal-panel-head{align-items:start;gap:14px;display:flex}.portal-panel-index{color:#8a631c;background:#ffbc541f;justify-content:center;min-width:46px;padding-inline:0}.portal-panel h2,.portal-section-head h2,.tool-route-placeholder h2{margin:0 0 6px}.portal-panel p,.portal-section-head p,.portal-note p,.portal-card p,.tool-route-placeholder p{color:var(--muted)}.portal-category-list,.portal-note-list{gap:10px;display:grid}.portal-category-btn{min-height:54px;color:var(--text-strong);cursor:pointer;background:#111d230a;border:1px solid #14202714;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:0 14px;transition:transform .18s,background .18s,border-color .18s;display:flex}.portal-category-btn.active{background:linear-gradient(#1f5c491c,#1f5c490f),#ffffffa6;border-color:#1f5c4938}.portal-category-btn span{color:var(--muted);font-size:12px;font-weight:700}.portal-note{background:#111d2309;border:1px solid #14202714;border-radius:18px;gap:6px;padding:14px 16px;display:grid}.portal-note strong,.portal-card h3,.portal-card-summary,.tool-route-path strong{color:var(--text-strong)}.portal-content{gap:18px;display:grid}.portal-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;padding:18px 20px;display:grid}.portal-search{gap:8px;display:grid}.portal-search span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800}.portal-search input{width:100%;min-height:52px;color:var(--text-strong);background:#ffffffeb;border:1px solid #1420271f;border-radius:16px;padding:0 16px}.portal-toolbar-meta{flex-wrap:wrap;gap:10px;display:flex}.portal-chip,.portal-mini-tag,.portal-tag,.portal-status,.portal-card-category,.tool-route-path{border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.portal-chip,.portal-mini-tag,.portal-tag,.tool-route-path{color:var(--text-strong);background:#111d230d;border:1px solid #14202714}.portal-section-head{justify-content:space-between;align-items:end;gap:16px;display:flex}.portal-section-kicker{color:#8a631c;background:#ffbc541f}.portal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.portal-card{color:inherit;gap:14px;padding:20px;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid}.portal-card.ready:before,.portal-card.planned:before{content:"";border-radius:999px;width:68px;height:3px;position:absolute;top:0;left:20px}.portal-card.ready:before{background:linear-gradient(90deg,#1f5c49,#ffca72)}.portal-card.planned:before{background:linear-gradient(90deg,#ffca72,#ffdca4)}.portal-card-top{justify-content:space-between;align-items:start;gap:14px;display:flex}.portal-card-category{color:var(--accent-strong);background:#1f5c491a;margin-bottom:10px;padding:6px 10px}.portal-status.ready{color:var(--accent-strong);background:#1f5c491f}.portal-status.planned{color:#8a631c;background:#ffbc5429}.portal-tag-row{flex-wrap:wrap;gap:8px;display:flex}.portal-mini-tag{color:#f1ede6;background:#ffffff0f;border-color:#ffffff14;padding:6px 10px}.portal-tag{color:var(--muted)}.portal-card-summary{font-size:14px;line-height:1.7}.portal-card-link{color:var(--accent-strong);font-weight:800}.tool-route-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.tool-route-path{color:var(--muted);flex-wrap:wrap}.tool-route-hero.compact{grid-template-columns:1fr}.tool-route-module{margin-top:0}.tool-route-placeholder{gap:18px;padding:28px;display:grid}.tool-route-placeholder-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.tool-route-placeholder-grid article{background:#111d2309;border:1px solid #14202714;border-radius:18px;gap:8px;padding:16px;display:grid}.tool-route-placeholder-grid strong{color:var(--text-strong)}@media (width<=1260px){.portal-hero,.tool-route-hero,.portal-layout,.portal-ribbon,.tool-route-placeholder-grid{grid-template-columns:1fr}.portal-sidebar{position:static}}@media (width<=920px){.portal-grid,.portal-stat-grid{grid-template-columns:1fr}.portal-toolbar{grid-template-columns:1fr;align-items:stretch}}@media (width<=860px){.portal-shell,.tool-route-shell{padding:14px}.portal-hero,.tool-route-hero,.portal-ribbon-card,.portal-panel,.portal-toolbar,.portal-card,.tool-route-placeholder{border-radius:22px;padding:18px}.tool-route-topbar{align-items:stretch}}.app-shell{gap:20px;padding:20px;display:grid}.hero-strip{background:linear-gradient(135deg,#101a1ffa,#19242beb),repeating-linear-gradient(135deg,#ffffff05 0 2px,#0000 2px 12px);border:1px solid #21333b2e;border-radius:28px;grid-template-columns:minmax(0,1.5fr) minmax(320px,.92fr);gap:20px;padding:28px;display:grid;box-shadow:0 28px 60px #0f141842}.eyebrow{color:var(--accent-bright);letter-spacing:.14em;text-transform:uppercase;background:#ffbd4814;border:1px solid #ffbd4861;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.hero-copy p{color:#e8eef2c2;max-width:58ch;font-size:17px}.hero-copy h1{color:#f4efe7;margin:16px 0 10px}.hero-stats{gap:12px;display:grid}.hero-stats div{background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;gap:6px;padding:18px;display:grid}.hero-stats strong{color:#f6f0e4;font-size:17px}.hero-stats span{color:#eaeff2ad;font-size:13px}.workspace-grid{grid-template-columns:minmax(0,1.36fr) minmax(380px,.94fr);align-items:start;gap:20px;display:grid}.control-column,.preview-column{gap:20px;display:grid}.preview-column{align-self:start;position:sticky;top:18px;overflow:visible}.glass-card,.preview-card{background:linear-gradient(#fffffff5,#fafbfcf0),repeating-linear-gradient(#09101403 0 1px,#0000 1px 12px);border:1px solid #1f313a24;border-radius:24px;gap:20px;padding:22px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 40px #171f2414}.glass-card:before,.preview-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#ffbd4814,#0000 14%),linear-gradient(#ffffff61,#0000 22%);position:absolute;inset:0}.glass-card:after,.preview-card:after{content:"";pointer-events:none;border-top:2px solid #ffbd4842;border-right:2px solid #ffbd4842;width:44px;height:44px;position:absolute;top:14px;right:14px}.preview-card{background:linear-gradient(#fffffffa,#f4f7f9f5),repeating-linear-gradient(0deg,#0a111605 0 1px,#0000 1px 14px);flex-direction:column;max-height:calc(100svh - 36px);display:flex;overflow:hidden;box-shadow:0 26px 44px #171f241a,inset 0 1px #fff9}.preview-card-head{gap:14px;display:grid}.section-intro{gap:8px;display:grid}.section-tag{width:fit-content;color:var(--panel-tag);letter-spacing:.16em;text-transform:uppercase;background:#1320270d;border:1px solid #1f313a1f;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.section-tag:before{content:"";background:var(--accent-bright);border-radius:999px;width:7px;height:7px;box-shadow:0 0 0 4px #ffbd4824}.section-intro p{color:var(--muted)}.panel-block{border-top:1px solid #1f313a14;gap:14px;padding-top:18px;display:grid}.panel-block:first-of-type{border-top:0;padding-top:0}.block-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.block-head h3{color:var(--text-strong);margin:0;font-size:18px}.block-head p{color:var(--muted);margin:4px 0 0;font-size:13px}.count-badge{min-width:78px;color:var(--text-strong);background:#1320270d;border:1px solid #1f313a1a;border-radius:999px;justify-content:center;align-items:center;padding:7px 10px;font-size:12px;font-weight:700;display:inline-flex}.token-grid{flex-wrap:wrap;gap:10px;display:flex}.token-pill{background:linear-gradient(#fffffff5,#f5f8faeb);border:1px solid #1f313a1f;border-radius:999px;align-items:center;gap:2px;padding:4px;display:inline-flex;box-shadow:inset 0 1px #fffc}.token-pill.active{background:linear-gradient(#1b55441f,#1b554414);border-color:#3778654d}.token-toggle,.token-remove,.choice-chip,.primary-btn,.secondary-btn,.ghost-btn,.switch-btn{font:inherit;cursor:pointer;border:0}.token-toggle{color:var(--text-strong);background:0 0;border-radius:999px;padding:8px 12px}.token-remove{width:28px;height:28px;color:var(--muted);background:#1f313a14;border-radius:999px}.add-row,.action-row,.choice-row,.batch-toolbar{flex-wrap:wrap;gap:12px;display:flex}.add-row input{flex:1;min-width:220px}.bulk-entry{gap:10px;display:grid}.bulk-entry textarea,.import-textarea{width:100%;min-height:92px;color:var(--text-strong);font:inherit;resize:vertical;background:#fffffff5;border:1px solid #1f313a24;border-radius:14px;padding:12px 14px}.bulk-entry textarea{min-height:82px}.field-grid{gap:16px;display:grid}.field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field,.choice-group{gap:8px;display:grid}.field.full{grid-column:1/-1}.field span,.choice-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.field input,.field select,.add-row input,.editor-table input{width:100%;color:var(--text-strong);font:inherit;background:#fffffff5;border:1px solid #1f313a24;border-radius:14px;padding:12px 14px;box-shadow:inset 0 1px #ffffffb8}.field input[type=color]{min-height:46px;padding:6px}.toggle-field{align-items:center}.switch-btn{background:#1f313a24;border-radius:999px;width:64px;height:36px;padding:4px;position:relative}.switch-btn span{background:#fff;border-radius:999px;width:28px;height:28px;transition:transform .22s;display:block;box-shadow:0 6px 12px #13181c2e}.switch-btn.on{background:var(--accent-strong)}.switch-btn.on span{transform:translate(28px)}.choice-row{gap:10px}.choice-chip{color:var(--text-strong);background:#17252c0f;border-radius:999px;padding:10px 16px;box-shadow:inset 0 1px #ffffff8c}.choice-chip.active{background:var(--accent-strong);color:#fff}.choice-pairs{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.choice-row.compact .choice-chip{min-width:74px}.primary-btn,.secondary-btn,.ghost-btn{border-radius:14px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-weight:700;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex}.primary-btn:hover,.secondary-btn:hover,.ghost-btn:hover,.choice-chip:hover,.token-toggle:hover,.token-remove:hover{transform:translateY(-1px)}.primary-btn:disabled,.secondary-btn:disabled,.ghost-btn:disabled{opacity:.6;cursor:wait;transform:none}.primary-btn{background:var(--accent-strong);color:#fff;box-shadow:0 14px 26px #1b554438,inset 0 1px #ffffff2e}.secondary-btn{color:var(--text-strong);background:linear-gradient(#17252c14,#17252c0d);box-shadow:inset 0 1px #ffffff73}.ghost-btn{color:var(--muted);background:0 0;border:1px solid #1f313a24}.full-btn{width:100%}.hidden-file{display:none}.report-card{background:linear-gradient(#1320270a,#13202705);border:1px solid #1f313a1f;border-radius:16px;gap:6px;padding:14px 16px;display:grid}.report-card strong{color:var(--text-strong)}.report-card p{color:var(--muted);font-size:14px}.table-editor-wrap{border:1px solid #1f313a1a;border-radius:18px;overflow:auto}.editor-table{border-collapse:collapse;background:#fff;width:100%;min-width:860px}.editor-table th,.editor-table td{text-align:left;border-bottom:1px solid #1f313a14;padding:12px}.editor-table thead th{z-index:1;color:#f6f0e4;background:#162229;position:sticky;top:0}.editor-table tbody th{min-width:92px;color:var(--text-strong);background:#f5f7f8}.editor-table input{min-width:120px}.empty-cell{text-align:center;color:var(--muted)}.notice-bar{color:#7c5c07;background:#ffbd4824;border:1px solid #ffbd4847;border-radius:14px;margin:0;padding:12px 14px;font-size:14px;box-shadow:inset 0 1px #ffffff7a}.preview-scroll{flex:1;min-height:0;max-height:calc(100svh - 220px);padding-right:6px;overflow:auto}.sticky-actions{z-index:2;background:linear-gradient(#fffffffc,#ffffffe6),linear-gradient(90deg,#ffbd4814,#0000 24%);border-bottom:1px solid #1f313a14;padding-bottom:10px;position:sticky;top:0}.preview-stage{background:radial-gradient(circle at 100% 0,#ffbd4824,#0000 24%),linear-gradient(#edf1f3fa,#f8fafbfa),repeating-linear-gradient(90deg,#121c2206 0 1px,#0000 1px 18px);border:1px solid #1f313a14;border-radius:24px;padding:18px}.preview-canvas{justify-content:center;display:flex}.preview-artboard{width:var(--table-width);background:#fff;border:1px solid #1f313a1a;border-radius:20px;max-width:100%;padding:18px;box-shadow:0 24px 40px #121b2114,inset 0 1px #ffffffb8}.preview-table{border-collapse:collapse;width:100%;font-size:var(--font-size);color:var(--table-font);background:var(--table-bg);border:var(--table-border)}.preview-table th,.preview-table td{text-align:center;border:var(--grid-border);padding:12px 14px}.preview-table thead th{background:var(--header-bg);color:var(--header-font);border-bottom:var(--header-divider);font-weight:700}.preview-table tbody th,.preview-table tbody td{background:var(--table-bg)}.preview-table .alt-row th,.preview-table .alt-row td{background:var(--alt-bg)}.preview-empty{min-height:120px;color:var(--muted)}.remark-row td{background:var(--remark-bg);color:var(--remark-font);font-size:var(--remark-size);text-align:center}@media (width<=1220px){.hero-strip,.workspace-grid{grid-template-columns:1fr}.preview-column{position:static}.preview-card{max-height:none}.preview-scroll{overflow:visible}.sticky-actions{background:0 0;position:static}}@media (width<=860px){.app-shell{padding:14px}.hero-strip,.glass-card,.preview-card{border-radius:22px;padding:18px}.field-grid.two,.field-grid.three,.choice-pairs{grid-template-columns:1fr}.editor-table{min-width:720px}}
