html,body,#root{height:100%}:root{--color-app-bg:#f7f6f1;--color-panel-bg:#fffffd;--color-card-bg:#fff;--color-card-hover:#f0ede4;--color-card-subtle:#f8f8f5;--color-primary:#111315;--color-primary-hover:#000;--color-on-primary:#fff;--color-text-primary:#111315;--color-text-secondary:#6f7378;--color-text-tertiary:#8f9296;--color-text-placeholder:#b8bec6;--color-icon:#4f5661;--color-border:#dadbdd;--color-border-hover:#d8d4ca;--color-border-subtle:#dadbddd1;--color-blue-bubble:#d8f0fb;--color-blue-bubble-text:#1f252c;--color-chat-bubble:#f0ede4;--color-success-bg:#e8f4ee;--color-success-text:#2f6b4f;--color-warning-bg:#fff0e9;--color-warning-text:#b16a1a;--color-danger-bg:#c76b5c1f;--color-danger-text:#a55346;--color-info-bg:#4b7fbe1f;--color-info-text:#4b7fbe;--color-send-idle:#929aa1;--color-send-idle-hover:#858d94;--color-on-send:#fff;--color-accent:#4b7fbe;--color-accent-text:#fff;--color-muted-badge-bg:#dadbdd;--color-muted-badge-text:#717171;--color-online:#43b36b;--shadow-surface-1:0 4px 12px #1113150a;--shadow-surface-2:0 4px 12px #1113150f;--shadow-surface-2-hover:0 6px 16px #11131513;--shadow-surface-3:0 18px 36px #11131524;--shadow-floating:0 18px 48px #11131524;--radius-xs:8px;--radius-sm:10px;--radius-md:12px;--radius-lg:14px;--radius-xl:24px;--radius-pill:999px;--size-list-card-gap:16px;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--motion-fast:.14s;--motion-base:.18s}[data-theme=dark]{--color-app-bg:#151614;--color-panel-bg:#20221e;--color-card-bg:#1d1f1c;--color-card-hover:#252821;--color-card-subtle:#252821;--color-primary:#f4f4ef;--color-primary-hover:#fff;--color-on-primary:#151614;--color-text-primary:#f4f4ef;--color-text-secondary:#969d93;--color-text-tertiary:#777c72;--color-text-placeholder:#6f756a;--color-icon:#c8cbc2;--color-border:#32362f;--color-border-hover:#3d423a;--color-border-subtle:#f4f4ef1f;--color-blue-bubble:#24425f;--color-blue-bubble-text:#f4f4ef;--color-chat-bubble:#303229;--color-success-bg:#20352b;--color-success-text:#95d7b2;--color-warning-bg:#3a2d1f;--color-warning-text:#d39a48;--color-danger-bg:#d7776729;--color-danger-text:#e08a7c;--color-info-bg:#6097da29;--color-info-text:#78a9e7;--color-send-idle:#747d86;--color-send-idle-hover:#6b747d;--color-on-send:#fff;--color-accent:#4b7fbe;--color-accent-text:#fff;--color-muted-badge-bg:#3a3d37;--color-muted-badge-text:#a6aa9f;--color-online:#5bc884;--shadow-surface-1:0 4px 12px #00000024;--shadow-surface-2:0 4px 12px #0003;--shadow-surface-2-hover:0 6px 16px #0000003d;--shadow-surface-3:0 18px 36px #00000047;--shadow-floating:0 18px 46px #00000057}body{background:var(--color-app-bg);color:var(--color-text-primary);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{border:0}button:focus-visible{outline:2px solid color-mix(in srgb, var(--color-primary) 22%, transparent);outline-offset:2px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#17191c;background:#f6f7f9;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{color:inherit}.review-app{min-height:100vh}.topbar{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border-bottom:1px solid #e7e9ed;justify-content:space-between;align-items:center;height:64px;padding:0 42px;display:flex;position:sticky;top:0}.brand{color:#181a1e;letter-spacing:-.01em;align-items:center;gap:10px;font-size:15px;font-weight:700;text-decoration:none;display:flex}.brand-mark{color:#fff;background:#17191c;border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.brand-divider{background:#d9dce1;width:1px;height:18px;margin:0 2px}.brand-context{color:#777c85;font-weight:500}.topbar-meta{color:#767b84;align-items:center;gap:8px;font-size:14px;display:flex}.status-dot{background:#27ad72;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #e5f7ef}.hero{color:#fff;background:radial-gradient(circle at 80% 12%,#7c6dff54,#0000 28%),linear-gradient(135deg,#13151a 0%,#1d2028 62%,#292840 100%);padding:68px 42px 50px}.hero-inner{width:min(1380px,100%);margin:0 auto}.hero-kicker{color:#aeb4c0;letter-spacing:.08em;text-transform:uppercase;gap:9px;margin-bottom:20px;font-size:12px;font-weight:650;display:flex}.hero-kicker span:first-child{color:#b9b1ff}.hero h1{letter-spacing:-.045em;margin-top:0;margin-bottom:14px;font-size:clamp(36px,5vw,58px);font-weight:610;line-height:1.05}.hero p{color:#b8bdc7;max-width:690px;margin-bottom:0;margin-left:0;margin-right:0;font-size:19px;line-height:1.65}.workspace{grid-template-columns:224px minmax(0,1fr);gap:28px;width:min(1380px,100% - 48px);margin:0 auto;padding:34px 0 80px;display:grid}.sidebar{align-self:start;position:sticky;top:90px}.sidebar-label{color:#989ca4;letter-spacing:.12em;text-transform:uppercase;margin:0 10px 9px;font-size:12px;font-weight:700}.nav-item{color:#686d75;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;grid-template-columns:25px 1fr auto;align-items:center;gap:7px;width:100%;height:42px;padding:0 10px;font-size:15px;transition:all .14s;display:grid}.nav-item:hover{color:#202226;background:#eceef1}.nav-item.active{color:#17191c;background:#fff;font-weight:650;box-shadow:0 1px 1px #1018280d,0 0 0 1px #e5e7eb}.nav-item em{color:#a0a4ab;font-size:13px;font-style:normal;font-weight:500}.nav-icon{width:23px;height:23px;color:var(--section-color);background:color-mix(in srgb, var(--section-color) 10%, white);border-radius:7px;place-items:center;display:grid}.nav-icon.all{color:#51565f;background:#edeef1}.sidebar-note{background:#ffffffb3;border:1px solid #e2e4e8;border-radius:13px;margin-top:24px;padding:16px}.sidebar-note .note-icon{color:#6256d9;background:#eeecff;border-radius:8px;place-items:center;width:26px;height:26px;margin-bottom:11px;display:grid}.sidebar-note strong{margin-bottom:6px;font-size:14px;display:block}.sidebar-note p{color:#7a7f87;margin:0;font-size:13px;line-height:1.55}.content{min-width:0}.toolbar{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;border:1px solid #e2e4e8;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;min-height:54px;margin-bottom:14px;padding:7px;display:flex;position:sticky;top:78px;box-shadow:0 10px 30px #161b230d}.search{color:#92969e;flex:1;align-items:center;gap:9px;min-width:180px;padding:0 9px;display:flex}.search input{color:#24262a;background:0 0;border:0;outline:0;width:100%;font-size:15px}.search input::placeholder{color:#a6a9af}.search button{color:#767b84;cursor:pointer;background:#f0f1f3;border:0;border-radius:6px;width:25px;height:25px}.language-control{align-items:center;gap:10px;display:flex;position:relative}.language-label{color:#858a92;font-size:13px;font-weight:600}.language-button{cursor:pointer;background:#f8f9fa;border:1px solid #e1e3e7;border-radius:9px;align-items:center;gap:8px;min-width:145px;height:38px;padding:0 10px;font-size:14px;font-weight:650;display:flex}.language-button svg{color:#858a92;margin-left:auto}.language-short,.language-menu button>span{color:#4e46aa;background:#eceaff;border-radius:6px;place-items:center;width:23px;height:23px;font-size:12px;font-weight:750;display:grid}.language-menu{z-index:40;background:#fff;border:1px solid #e0e2e6;border-radius:11px;width:178px;padding:6px;position:absolute;top:45px;right:0;box-shadow:0 18px 45px #12172126}.language-menu button{text-align:left;cursor:pointer;background:#fff;border:0;border-radius:7px;align-items:center;gap:9px;width:100%;height:38px;padding:0 8px;font-size:14px;display:flex}.language-menu button:hover,.language-menu button.selected{background:#f4f5f7}.language-menu button svg{color:#6256d9;margin-left:auto}.issue-legend{background:#ffffffb8;border:1px solid #e2e4e8;border-radius:12px;margin-bottom:14px;padding:12px 15px}.legend-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.legend-title>span{color:#4d5158;font-size:14px;font-weight:700}.annotation-toggle{color:#747982;cursor:pointer;background:#eef0f3;border:0;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:650}.annotation-toggle.active{color:#4f45ad;background:#eceaff}.legend-items{opacity:1;flex-wrap:wrap;gap:7px 15px;max-height:40px;margin-top:10px;transition:all .18s;display:flex;overflow:hidden}.legend-items.is-hidden{opacity:0;max-height:0;margin-top:0}.legend-item{color:#6f747d;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.legend-item i{background:currentColor;border-radius:2px;width:7px;height:7px}.issue-grammar{--issue-color:#d97706;--issue-bg:#fff4df;color:#a85c05}.issue-state{--issue-color:#d84c4c;--issue-bg:#fff0ef;color:#b63737}.issue-missing{--issue-color:#3478d4;--issue-bg:#edf5ff;color:#2866b8}.issue-action{--issue-color:#7457d9;--issue-bg:#f1eeff;color:#6047bd}.issue-consistency{--issue-color:#69717d;--issue-bg:#eff1f4;color:#565e69}.column-headings{color:#989ca4;letter-spacing:.09em;text-transform:uppercase;grid-template-columns:170px 1fr 1fr;gap:0;padding:0 18px 8px;font-size:12px;font-weight:700;display:grid}.column-headings div:nth-child(n+2){padding-left:22px}.before-dot,.after-dot{background:#bcc0c7;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.after-dot{background:#7063e8}.copy-section{background:#fff;border:1px solid #e1e3e7;border-radius:15px;margin-bottom:22px;overflow:hidden;box-shadow:0 3px 14px #1a1f2909}.section-header{background:#fbfbfc;border-bottom:1px solid #eceef0;align-items:center;gap:11px;min-height:68px;padding:0 18px;display:flex}.section-icon{width:33px;height:33px;color:var(--section-color);background:color-mix(in srgb, var(--section-color) 10%, white);border-radius:9px;place-items:center;display:grid}.section-header h2{margin:0 0 2px;font-size:17px;line-height:1.2}.section-header p{color:#969aa2;margin:0;font-size:12px}.section-count{color:#8b8f97;background:#f0f1f3;border-radius:20px;margin-left:auto;padding:5px 9px;font-size:12px}.comparison-row{border-bottom:1px solid #eceef0;grid-template-columns:170px 1fr 1fr;min-height:158px;display:grid}.comparison-row:last-child{border-bottom:0}.comparison-row:hover{background:#fcfcfd}.page-cell{padding:22px 18px}.page-cell strong{color:#303339;font-size:14px;line-height:1.45;display:block}.page-cell span{color:#878b93;background:#f1f2f4;border-radius:5px;margin-top:7px;padding:4px 7px;font-size:11px;line-height:1.35;display:inline-block}.copy-cell{border-left:1px solid #eceef0;min-width:0;padding:22px}.current-copy{background:#fcfcfd}.current-copy.is-annotated{background:linear-gradient(90deg,#fcfcfd,#fffdfa)}.revised-copy{background:linear-gradient(135deg,#fff 40%,#fbfaff 100%);position:relative}.issue-badges{flex-wrap:wrap;gap:5px;margin:-3px 0 12px;display:flex}.issue-badge{border:1px solid color-mix(in srgb, var(--issue-color) 24%, transparent);color:var(--issue-color);background:var(--issue-bg);letter-spacing:.01em;border-radius:5px;padding:3px 6px;font-size:10px;font-weight:720;line-height:1.2}.current-copy.is-annotated .copy-block h3{text-underline-offset:4px;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-line:underline;text-decoration-color:#d84c4c52;text-decoration-thickness:3px}.current-copy.is-annotated .copy-block p{border-left:2px solid #efbd6e;padding-left:8px}.copy-block h3{color:#2b2e33;letter-spacing:-.01em;margin:0 0 9px;font-size:17px;font-weight:620;line-height:1.4}.copy-block p{color:#7d828a;max-width:420px;margin:0;font-size:14px;line-height:1.62}.copy-block.is-revised h3{color:#1c1f24}.copy-block.is-revised p{color:#60656d}.actions{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.actions span{border-radius:7px;align-items:center;min-height:32px;padding:6px 12px;font-size:12px;font-weight:650;display:inline-flex}.primary-action{color:#fff;background:#1b1e23}.secondary-action{color:#484d55;background:#fff;border:1px solid #dfe1e5}.empty-copy{color:#adb0b6;align-items:center;gap:7px;font-size:13px;font-style:italic;display:flex}.empty-copy span{color:#d1d3d7;font-size:17px}.editor-note{color:#766f9e;border-top:1px dashed #e2dffa;align-items:flex-start;gap:6px;max-width:390px;margin-top:14px;padding-top:11px;font-size:12px;line-height:1.5;display:flex}.editor-note svg{color:#7165db;flex:none;margin-top:1px}.no-results{color:#93979e;text-align:center;flex-direction:column;align-items:center;padding:90px 20px;display:flex}.no-results h2{color:#303339;margin:16px 0 5px;font-size:18px}.no-results p{margin:0 0 18px;font-size:12px}.no-results button{color:#fff;cursor:pointer;background:#1b1e23;border:0;border-radius:8px;padding:8px 12px;font-size:11px}@media (width<=900px){.topbar{padding:0 20px}.topbar-meta{display:none}.hero{padding:50px 24px 42px}.workspace{grid-template-columns:1fr;width:min(100% - 32px,760px);padding-top:20px}.sidebar{gap:6px;padding-bottom:3px;display:flex;position:static;overflow-x:auto}.sidebar-label,.sidebar-note{display:none}.nav-item{background:#eceef1;grid-template-columns:25px auto auto;width:auto;min-width:max-content}.toolbar{top:74px}.issue-legend{margin-top:2px}.column-headings{display:none}.comparison-row{grid-template-columns:120px 1fr 1fr}}@media (width<=680px){.brand-divider,.brand-context{display:none}.hero h1{font-size:38px}.hero p{font-size:14px}.workspace{width:calc(100% - 24px)}.toolbar{flex-direction:column;align-items:stretch;gap:8px}.language-control{justify-content:space-between}.language-button{min-width:156px}.legend-items{max-height:76px}.comparison-row{display:block}.page-cell{border-bottom:1px solid #eceef0;padding:17px 18px}.copy-cell{border-left:0}.current-copy:before,.revised-copy:before{color:#a0a4ab;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;font-size:9px;font-weight:700;display:block}.current-copy:before{content:"Current"}.revised-copy:before{content:"Optimized";color:#7063e8}}.design-token-page{background:var(--color-app-bg);min-height:100%;color:var(--color-text-primary);grid-template-columns:220px minmax(0,1fr);display:grid}.design-token-sidebar{box-sizing:border-box;border-right:1px solid var(--color-border-subtle);background:var(--color-app-bg);flex-direction:column;gap:22px;height:100vh;padding:40px 16px 24px;display:flex;position:sticky;top:0}.design-token-sidebar>div:first-child{gap:4px;padding:0 8px;display:grid}.design-token-sidebar span,.design-token-hero span,.token-section-head span,.token-panel h3,.token-swatch code,.token-metric code,.token-shadow-card code,.token-motion-row code,.token-table-row small,.token-icon-card small{color:var(--color-text-secondary);font-size:13px;font-weight:400;line-height:18px}.design-token-sidebar strong{color:var(--color-text-primary);font-size:18px;font-weight:500;line-height:24px}.design-token-sidebar nav{gap:18px;display:grid}.design-token-nav-group{gap:4px;display:grid}.design-token-nav-group>span{color:var(--color-text-tertiary);padding:0 10px 4px;font-size:12px;font-weight:400;line-height:16px}.design-token-sidebar nav button{border-radius:var(--radius-sm);height:36px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;padding:0 10px;font-size:14px;font-weight:400;line-height:20px;text-decoration:none;display:flex}.design-token-sidebar nav button:hover,.design-token-sidebar nav button.is-active{border-color:var(--color-border-subtle);background:var(--color-card-hover);color:var(--color-text-primary)}.design-token-actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:auto;display:grid}.design-token-actions button{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card-bg);height:34px;color:var(--color-text-secondary);cursor:pointer;place-items:center;padding:0 12px;font-size:14px;font-weight:400;display:grid}.design-token-actions button:hover,.design-token-actions button.is-active{background:var(--color-card-hover);color:var(--color-text-primary)}.design-token-content{min-width:0;padding:58px 34px 48px}.design-token-hero,.token-section{max-width:1180px;margin:0 auto}.design-token-hero{padding:0 0 34px}.design-token-hero h1{color:var(--color-text-primary);margin:8px 0;font-size:32px;font-weight:500;line-height:38px}.design-token-hero p{max-width:620px;color:var(--color-text-secondary);margin:0;font-size:15px;font-weight:400;line-height:24px}.token-section{margin-bottom:0}.token-section-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:12px;display:flex}.token-section-head div{gap:4px;display:grid}.token-section-head h2{color:var(--color-text-primary);margin:0;font-size:20px;font-weight:500;line-height:28px}.token-section-head p{max-width:520px;color:var(--color-text-secondary);text-align:right;margin:0;font-size:13px;font-weight:400;line-height:20px}.token-color-grid{grid-template-columns:1fr;gap:12px;display:grid}.token-two-column,.token-shadow-grid,.token-size-grid,.token-icon-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.token-shadow-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.token-panel,.token-shadow-card,.token-size-row,.token-icon-card,.token-table,.token-button-table,.token-spec-table,.token-icon-rule-grid article{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card-bg)}.token-panel{padding:16px}.token-panel h3{color:var(--color-text-tertiary);margin:0 0 12px}.token-swatch-list,.token-radius-grid,.token-motion-list{gap:8px;display:grid}.token-swatch{border-radius:var(--radius-md);background:var(--color-card-subtle);grid-template-columns:36px minmax(160px,1fr) 132px 132px minmax(220px,1.4fr);align-items:center;gap:10px;min-width:0;padding:8px;display:grid}.token-swatch-chip{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);flex:0 0 36px;width:36px;height:36px;box-shadow:inset 0 0 0 1px #ffffff29}.token-swatch-main{gap:2px;min-width:0;display:grid}.token-color-header{grid-template-columns:36px minmax(160px,1fr) 132px 132px minmax(220px,1.4fr);gap:10px;padding:0 8px 8px;display:grid}.token-color-header span,.token-color-value,.token-swatch small{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:400;line-height:18px;overflow:hidden}.token-swatch strong,.token-metric span,.token-motion-row span,.token-size-row span,.token-shadow-card span,.token-icon-card strong,.token-table-row strong,.token-spec-row strong,.token-icon-rule-grid strong{color:var(--color-text-primary);font-size:14px;font-weight:400;line-height:20px}.token-swatch code,.token-metric code,.token-shadow-card code,.token-motion-row code,.token-table-row code,.token-spec-row code{text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden}.token-color-value{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.token-table{overflow:hidden}.token-type-header,.token-table-row{grid-template-columns:minmax(320px,1.6fr) 156px 72px 72px 72px minmax(210px,1fr) minmax(220px,1.2fr);align-items:center;gap:12px;display:grid}.token-type-header{border-bottom:1px solid var(--color-border-subtle);min-height:38px;padding:0 14px}.token-type-header span{color:var(--color-text-tertiary);font-size:13px;font-weight:400;line-height:18px}.token-table-row{min-height:116px;padding:12px 14px}.token-table-row+.token-table-row{border-top:1px solid var(--color-border-subtle)}.token-table-row span,.token-table-row code,.token-icon-rule-grid span{color:var(--color-text-secondary);font-size:14px;font-weight:400;line-height:20px}.token-type-preview{gap:6px;min-width:0;display:grid}.token-type-language-grid{gap:4px;display:grid}.token-type-preview p{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;align-items:baseline;gap:8px;margin:0;display:flex;overflow:hidden}.token-type-preview p span{width:22px;color:var(--color-text-tertiary);flex:0 0 22px;font-size:11px;font-weight:400;line-height:16px}.token-icon-rule-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:12px}.token-icon-rule-grid article{gap:4px;padding:14px;display:grid}.token-icon-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.token-icon-card{gap:8px;min-width:0;padding:12px;display:grid}.token-icon-preview{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-card-subtle);width:32px;height:32px;color:var(--color-icon);place-items:center;display:grid;position:relative}.token-icon-preview:after{border:1px dashed color-mix(in srgb, var(--color-border-hover) 78%, transparent);content:"";pointer-events:none;border-radius:4px;width:18px;height:18px;position:absolute;inset:auto}.token-icon-preview.is-container-32{width:32px;height:32px}.token-icon-preview.is-container-inline{background:0 0;border:0;width:18px;height:18px}.token-icon-preview.is-container-inline:after{display:none}.token-icon-preview.is-body-16 svg,.token-icon-preview.is-body-16 .sidebar-toggle-icon{width:16px;height:16px}.token-icon-preview.is-body-17 svg,.token-icon-preview.is-body-17 .sidebar-toggle-icon{width:17px;height:17px}.token-icon-preview.is-body-18 svg,.token-icon-preview.is-body-18 .sidebar-toggle-icon{width:18px;height:18px}.token-icon-preview.is-body-16:after{width:16px;height:16px}.token-icon-preview.is-body-17:after{width:17px;height:17px}.token-icon-card strong,.token-icon-card small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.token-spec-table{overflow:hidden}.token-size-layout{gap:12px;display:grid}.token-avatar-table{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-card-bg);display:grid;overflow:hidden}.token-avatar-header,.token-avatar-row{grid-template-columns:72px minmax(140px,.9fr) 96px 92px minmax(150px,1fr) minmax(260px,1.4fr);align-items:center;gap:12px;padding:12px 16px;display:grid}.token-avatar-header{background:var(--color-card-subtle);color:var(--color-text-tertiary);font-size:13px;font-weight:400;line-height:18px}.token-avatar-row{border-top:1px solid var(--color-border-subtle);color:var(--color-text-secondary);font-size:14px;font-weight:400;line-height:20px}.token-avatar-row strong{color:var(--color-text-primary);font-size:15px;font-weight:400;line-height:22px}.token-avatar-row small{color:var(--color-text-tertiary);font-size:13px;font-weight:400;line-height:18px}.token-avatar-preview{box-sizing:border-box;border:1px solid var(--color-border-subtle);background:var(--color-card-subtle);color:var(--color-text-primary);flex:none;place-items:center;font-size:13px;font-weight:500;line-height:1;display:grid}.token-avatar-preview.is-org{border-color:var(--color-border);border-radius:var(--radius-md);outline:2px solid var(--color-border);outline-offset:2px;background:var(--color-card-bg);width:40px;height:40px}.token-avatar-preview.is-workspace,.token-avatar-preview.is-app-logo{border-radius:var(--radius-sm);background:var(--color-card-bg);width:34px;height:34px}.token-avatar-preview.is-account{color:#fff;background:linear-gradient(135deg,#d8c2a2,#9f7c58);border-radius:50%;width:30px;height:30px}.token-avatar-preview.is-chat{background:linear-gradient(135deg,#d8e7ff,#9db8ec);border-radius:50%;width:44px;height:44px}.token-avatar-preview.is-detail{background:linear-gradient(135deg,#e6f0ff,#b8c9ee);border-radius:50%;width:40px;height:40px}.token-avatar-preview.is-message{background:linear-gradient(135deg,#f0ede4,#d9d2c3);border-radius:50%;width:34px;height:34px}.token-avatar-preview.is-app-logo svg{color:var(--color-text-primary)}.token-icon-system{gap:12px;display:grid}.token-icon-catalog{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card-bg);padding:14px}.token-icon-catalog h3{color:var(--color-text-tertiary);margin:0 0 12px;font-size:13px;font-weight:400;line-height:18px}.token-icon-catalog-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.token-icon-catalog-item{border-radius:var(--radius-md);background:var(--color-card-subtle);place-items:center;gap:8px;min-width:0;min-height:78px;padding:10px 8px;display:grid}.token-icon-catalog-item strong{max-width:100%;color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:400;line-height:18px;overflow:hidden}.token-spec-header,.token-spec-row{grid-template-columns:64px minmax(150px,1fr) 96px minmax(160px,1fr) 72px minmax(220px,1.3fr);align-items:center;gap:12px;padding:10px 14px;display:grid}.token-spec-header.is-icon-size,.token-spec-row.is-icon-size{grid-template-columns:64px minmax(150px,.8fr) 96px minmax(170px,.9fr) minmax(280px,1.4fr)}.token-spec-header.is-icon-list,.token-spec-row.is-icon-list{grid-template-columns:64px minmax(150px,.7fr) minmax(280px,1.4fr)}.token-spec-header.is-shadow,.token-spec-header.is-motion,.token-spec-row.is-shadow,.token-spec-row.is-motion{grid-template-columns:80px minmax(180px,.8fr) minmax(280px,1.2fr) minmax(260px,1fr)}.token-spec-header.is-size,.token-spec-row.is-size{grid-template-columns:minmax(180px,.8fr) 150px minmax(280px,1.4fr)}.token-spec-header.is-tab-tag,.token-spec-row.is-tab-tag{grid-template-columns:210px minmax(140px,.8fr) 72px 116px 70px minmax(260px,1.4fr)}.token-spec-header.is-notice-spec,.token-spec-row.is-notice-spec{grid-template-columns:120px minmax(140px,.9fr) 92px 92px minmax(130px,1fr) 76px minmax(180px,1.2fr)}.token-spec-header{border-bottom:1px solid var(--color-border-subtle);min-height:38px}.token-spec-header span{color:var(--color-text-tertiary);font-size:13px;font-weight:400;line-height:18px}.token-spec-row{min-height:58px}.token-spec-row+.token-spec-row{border-top:1px solid var(--color-border-subtle)}.token-spec-row strong,.token-spec-row span,.token-spec-row small,.token-spec-row code{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:400;line-height:18px;overflow:hidden}.token-spec-row strong{color:var(--color-text-primary);font-size:14px;line-height:20px}.token-shadow-preview{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-card-bg);width:48px;height:34px;display:block}.token-metric,.token-motion-row{grid-template-columns:112px minmax(0,1fr) 68px minmax(124px,auto);align-items:center;gap:10px;min-height:56px;display:grid}.token-radius-preview{border:1px solid var(--color-border);background:var(--color-card-subtle);place-items:center;width:104px;height:40px;display:grid}.token-radius-preview span{color:var(--color-text-secondary);font-size:12px;font-weight:400;line-height:16px}.token-metric>div:not(.token-radius-preview){gap:2px;min-width:0;display:grid}.token-metric small{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:400;line-height:18px;overflow:hidden}.token-radius-value{color:var(--color-text-primary);font-size:14px;font-weight:500;line-height:20px}.token-motion-row{grid-template-columns:minmax(0,1fr) auto}.token-motion-preview{border-radius:var(--radius-md);background:var(--color-card-subtle);width:56px;height:34px;position:relative;overflow:hidden}.token-motion-preview span{background:var(--color-accent);width:24px;height:24px;transition:transform var(--motion-base) var(--ease-out);border-radius:50%;position:absolute;top:10px;left:12px}.token-motion-preview:hover span{transform:translate(18px)}.token-shadow-card{gap:10px;min-height:92px;padding:14px;display:grid}.token-size-row{justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:0 14px;display:flex}.token-size-row strong{color:var(--color-text-primary);font-size:14px;font-weight:500;line-height:20px}.token-component-grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:12px;display:grid}.token-rule-list{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);gap:0;display:grid;overflow:hidden}.token-rule-row{grid-template-columns:minmax(150px,1.2fr) 72px 64px minmax(120px,1fr) 72px;align-items:center;gap:10px;min-height:48px;padding:0 12px;display:grid}.token-rule-row+.token-rule-row{border-top:1px solid var(--color-border-subtle)}.token-rule-row strong,.token-rule-row span,.token-rule-row small,.token-button-row strong,.token-button-row span,.token-button-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.token-rule-row strong,.token-button-row strong{color:var(--color-text-primary);font-size:14px;font-weight:400;line-height:20px}.token-rule-row span,.token-rule-row small,.token-button-row span,.token-button-row small{color:var(--color-text-secondary);font-size:13px;font-weight:400;line-height:18px}.token-navigation-preview{gap:4px;display:grid}.token-navigation-preview button{border-radius:var(--radius-md);height:44px;color:var(--color-icon);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:0 12px;display:flex}.token-navigation-preview button:hover,.token-navigation-preview button.is-active{border-color:var(--color-border);background:var(--color-card-hover);color:var(--color-text-primary)}.token-navigation-preview button span{place-items:center;width:24px;height:24px;display:grid}.token-navigation-preview button strong{color:inherit;font-size:15px;font-weight:400;line-height:20px}.token-button-table{overflow:hidden}.token-tooltip-layout{gap:12px;display:grid}.token-tooltip-stage{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-card-bg);min-height:150px;padding:42px 28px}.token-tooltip-demo-row{flex-wrap:wrap;align-items:center;gap:52px;display:flex}.token-tooltip-demo{position:relative;overflow:visible}.token-tooltip-demo span{z-index:2;border-radius:var(--radius-xs);background:var(--color-primary);max-width:160px;color:var(--color-on-primary);pointer-events:none;white-space:nowrap;padding:6px 8px;font-size:12px;font-weight:400;line-height:1;position:absolute}.token-tooltip-demo.is-bottom span{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.token-tooltip-demo.is-right span{top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.token-tooltip-demo.is-top span{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.token-tooltip-table{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-card-bg);display:grid;overflow:hidden}.token-tooltip-header,.token-tooltip-row{grid-template-columns:minmax(130px,.8fr) minmax(130px,.8fr) minmax(150px,1fr) minmax(190px,1.1fr) minmax(180px,1fr) minmax(240px,1.4fr);align-items:center;gap:12px;padding:12px 16px;display:grid}.token-tooltip-header{background:var(--color-card-subtle);color:var(--color-text-tertiary);font-size:13px;font-weight:400;line-height:18px}.token-tooltip-row{border-top:1px solid var(--color-border-subtle);color:var(--color-text-secondary);font-size:13px;font-weight:400;line-height:18px}.token-tooltip-row strong{color:var(--color-text-primary);font-size:15px;font-weight:400;line-height:22px}.token-tooltip-row small{color:var(--color-text-tertiary);font-size:13px;font-weight:400;line-height:18px}.token-note-panel{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-card-bg);padding:14px 16px}.token-note-panel strong{color:var(--color-text-primary);margin-bottom:6px;font-size:15px;font-weight:500;line-height:22px;display:block}.token-note-panel p{color:var(--color-text-secondary);margin:0;font-size:14px;font-weight:400;line-height:22px}.token-note-panel code{color:var(--color-text-primary);font-family:inherit;font-size:13px;font-weight:400}.token-button-header,.token-button-row{grid-template-columns:132px 96px 108px 80px minmax(150px,1fr) minmax(220px,1.4fr);align-items:center;gap:12px;padding:10px 14px;display:grid}.token-button-header{border-bottom:1px solid var(--color-border-subtle);min-height:38px}.token-button-header span{color:var(--color-text-tertiary);font-size:13px;font-weight:400;line-height:18px}.token-button-row{min-height:58px}.token-button-row+.token-button-row{border-top:1px solid var(--color-border-subtle)}.token-button-preview{align-items:center;min-height:34px;display:flex}.token-text-button-states{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.token-btn,.token-icon-button{border-radius:var(--radius-md);cursor:pointer;place-items:center;font-size:14px;font-weight:400;line-height:20px;display:inline-grid}.token-btn{height:34px;padding:0 14px}.token-btn svg,.token-btn .token-spinner{width:18px;height:18px}.token-btn.is-primary{background:var(--color-primary);color:var(--color-on-primary)}.token-btn.is-secondary{border:1px solid var(--color-border);background:var(--color-card-bg);color:var(--color-text-primary)}.token-btn.is-ghost,.token-btn.is-text{color:var(--color-text-secondary);background:0 0}.token-btn.is-text{align-items:center;gap:6px;display:inline-flex}.token-btn.is-text:disabled{cursor:default;opacity:1}.token-btn.is-text.is-loading{color:var(--color-text-tertiary)}.token-btn.is-text.is-success{color:var(--color-success-text)}.token-spinner{box-sizing:border-box;border:2px solid color-mix(in srgb, var(--color-text-tertiary) 28%, transparent);border-top-color:var(--color-text-tertiary);border-radius:50%;animation:.8s linear infinite token-spin;display:inline-block}@keyframes token-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.token-spinner{animation:none}}.token-btn.is-ghost:hover,.token-btn.is-text:not(:disabled):hover,.token-icon-button:hover{background:var(--color-card-hover);color:var(--color-text-primary)}.token-btn.is-text.is-success:hover{color:var(--color-success-text)}.token-icon-button{color:var(--color-icon);background:0 0;padding:0}.token-icon-button.is-32,.token-icon-button.is-34{width:32px;height:32px}.token-inline-icon-preview{color:var(--color-icon);justify-content:center;align-items:center;display:inline-flex}.token-form-stack,.token-spec-list,.token-card-demo-grid,.token-component-card-grid,.token-feedback-grid{gap:10px;display:grid}.token-component-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.token-component-spec{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-card-bg);gap:12px;padding:16px;display:grid}.token-component-spec>header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.token-component-spec>header>div{gap:4px;min-width:0;display:grid}.token-component-spec>header strong{color:var(--color-text-primary);font-size:16px;font-weight:500;line-height:22px}.token-component-spec>header small{color:var(--color-text-secondary);font-size:13px;font-weight:400;line-height:18px}.token-component-spec>header code{flex:none}.token-control-row,.token-list-item,.token-market-card,.token-notice-preview{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-card-subtle);align-items:center;gap:12px;min-height:56px;padding:10px 12px;display:flex}.token-control-row>div,.token-list-item>div,.token-market-card>div{flex:1;gap:2px;min-width:0;display:grid}.token-control-row strong,.token-list-item strong,.token-market-card strong,.token-dialog-preview strong{color:var(--color-text-primary);font-size:15px;font-weight:400;line-height:20px}.token-control-row small,.token-list-item small,.token-market-card small,.token-dialog-preview small,.token-note,.token-spec-list span{color:var(--color-text-secondary);font-size:13px;font-weight:400;line-height:18px}.token-switch{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-card-bg);cursor:pointer;width:40px;height:24px;transition:background var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out);flex:0 0 40px;padding:0;position:relative}.token-switch span{background:var(--color-text-tertiary);width:18px;height:18px;transition:transform var(--motion-fast) var(--ease-out);border-radius:50%;position:absolute;top:2px;left:2px}.token-switch.is-on{border-color:var(--color-primary);background:var(--color-primary)}.token-switch.is-on span{background:var(--color-on-primary);transform:translate(16px)}.token-checkbox,.token-radio{border:1px solid var(--color-border-hover);background:var(--color-card-bg);width:18px;height:18px;color:var(--color-on-primary);flex:0 0 18px;place-items:center;padding:0;display:grid}.token-checkbox{border-radius:5px}.token-radio{border-radius:50%}.token-checkbox.is-checked,.token-radio.is-checked{border-color:var(--color-primary);background:var(--color-primary)}.token-radio span{background:var(--color-on-primary);border-radius:50%;width:8px;height:8px}.token-radio-demo{align-items:center;gap:8px;display:inline-flex}.token-form-spec-table{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);display:grid;overflow:hidden}.token-form-spec-header,.token-form-spec-row{grid-template-columns:minmax(150px,1fr) minmax(190px,1.15fr) repeat(4,minmax(120px,.8fr));align-items:center;gap:12px;padding:12px 16px;display:grid}.token-form-spec-header{background:var(--color-card-subtle);color:var(--color-text-tertiary);font-size:13px;font-weight:400;line-height:18px}.token-form-spec-row+.token-form-spec-row{border-top:1px solid var(--color-border-subtle)}.token-form-spec-row>div:first-child{gap:2px;min-width:0;display:grid}.token-form-spec-row strong{color:var(--color-text-primary);font-size:15px;font-weight:400;line-height:20px}.token-form-spec-row small,.token-form-note{color:var(--color-text-secondary);font-size:13px;font-weight:400;line-height:18px}.token-form-spec-row>small{max-width:220px}.token-form-note{border-top:1px solid var(--color-border-subtle);background:color-mix(in srgb, var(--color-card-subtle) 62%, transparent);margin:0;padding:12px 16px}.token-switch:hover,.token-switch.is-hover,.token-checkbox:hover,.token-checkbox.is-hover,.token-radio:hover,.token-radio.is-hover{border-color:var(--color-border-hover);background:var(--color-card-hover)}.token-switch.is-disabled,.token-checkbox.is-disabled,.token-radio.is-disabled{opacity:.42;cursor:not-allowed}.token-switch.is-disabled span,.token-checkbox.is-disabled,.token-radio.is-disabled{cursor:not-allowed}.token-state-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.token-state-grid span{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);min-height:44px;color:var(--color-text-secondary);place-items:center;font-size:13px;font-weight:400;line-height:18px;display:grid}.token-note{margin:14px 0 0}.token-tab-tag-layout{gap:12px;display:grid}.token-tab-tag-preview{align-items:center;min-width:0;height:30px;display:flex;overflow:visible}.token-nav-tab,.token-filter-tab{box-sizing:border-box;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;font-weight:400}.token-nav-tab{border-radius:var(--radius-md);text-align:left;min-width:92px;height:44px;padding:0 12px;font-size:15px;line-height:20px}.token-filter-tab{border-radius:var(--radius-sm);height:30px;padding:0 12px;font-size:13px;line-height:18px}.token-nav-tab:hover,.token-nav-tab.is-active,.token-filter-tab:hover,.token-filter-tab.is-active{background:var(--color-card-hover);color:var(--color-text-primary)}.token-nav-tab.is-active,.token-filter-tab.is-active{border-color:var(--color-border)}.token-segmented-preview{box-sizing:border-box;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-card-bg);align-items:center;gap:4px;width:max-content;height:30px;padding:1px;display:inline-flex}.token-segmented-preview button{box-sizing:border-box;white-space:nowrap;border-radius:var(--radius-xs);height:26px;color:var(--color-text-secondary);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0 9px;font-size:13px;font-weight:400;line-height:18px;display:inline-flex}.token-segmented-preview button:hover,.token-segmented-preview button.is-active{border-color:var(--color-border);background:var(--color-card-hover);color:var(--color-text-primary)}.token-filter-select-preview{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-card-bg);height:30px;color:var(--color-text-primary);align-items:center;gap:6px;padding:0 9px;font-size:13px;font-weight:400;line-height:18px;display:inline-flex}.token-filter-select-preview span{color:var(--color-text-tertiary)}.token-filter-select-preview strong{color:var(--color-text-primary);font-size:13px;font-weight:400}.token-filter-select-preview:hover{border-color:var(--color-border);background:var(--color-card-hover)}.token-status-tag{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-card-bg) 76%, transparent);height:22px;color:var(--color-text-secondary);align-items:center;padding:0 8px;font-size:12px;font-weight:400;line-height:18px;display:inline-flex}.token-status-tag.is-pill{border-radius:var(--radius-pill);background:var(--color-success-bg);height:24px;color:var(--color-success-text);padding:0 10px}.token-status-tag.is-warning{border-radius:var(--radius-pill);background:var(--color-warning-bg);height:24px;color:var(--color-warning-text);padding:0 10px}.token-tab-tag-examples{gap:14px;display:grid}.token-interactive-tab-block{justify-items:start;gap:8px;display:grid}.token-interactive-tab-block strong{color:var(--color-text-primary);font-size:15px;font-weight:400;line-height:20px}.token-interactive-tab-block small{color:var(--color-text-tertiary);font-size:13px;font-weight:400;line-height:18px}.token-tab-group-preview,.token-tag-group-preview{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.token-tab-group-preview button{border-radius:var(--radius-sm);height:30px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;padding:0 12px;font-size:13px;font-weight:400;line-height:18px}.token-tab-group-preview button:hover,.token-tab-group-preview button.is-active{border-color:var(--color-border);background:var(--color-card-hover);color:var(--color-text-primary)}.token-input-table{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card-bg);overflow:hidden}.token-input-row{grid-template-columns:minmax(360px,1.2fr) minmax(240px,.8fr);align-items:center;gap:18px;padding:16px;display:grid}.token-input-row+.token-input-row{border-top:1px solid var(--color-border-subtle)}.token-input-preview-cell{gap:10px;min-width:0;display:grid}.token-input-preview-cell>strong{color:var(--color-text-primary);font-size:15px;font-weight:400;line-height:20px}.token-search-preview{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card-bg);height:40px;box-shadow:var(--shadow-surface-1);color:var(--color-text-placeholder);align-items:center;gap:10px;padding:0 12px;font-size:14px;font-weight:400;line-height:20px;display:flex}.token-search-preview svg{width:18px;height:18px;color:var(--color-icon)}.token-composer-preview{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-card-bg);max-width:740px;min-height:128px;box-shadow:var(--shadow-surface-1);gap:18px;padding:16px;display:grid}.token-composer-preview>span{color:var(--color-text-placeholder);font-size:15px;font-weight:400;line-height:24px}.token-composer-preview>div{align-items:center;gap:4px;display:flex}.token-composer-preview button{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-icon);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.token-composer-preview button:hover{background:var(--color-card-hover);color:var(--color-text-primary)}.token-composer-preview button.is-send{background:var(--color-primary);color:var(--color-on-primary);border-radius:50%;margin-left:auto}.token-spec-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.token-spec-list span{border-radius:var(--radius-sm);background:var(--color-card-subtle);padding:8px 10px}.token-list-item.is-selected{border-color:var(--color-border);background:var(--color-card-hover)}.token-sop-card-preview,.token-follow-up-card-preview{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card-bg);gap:12px;min-height:150px;padding:16px;display:grid}.token-sop-card-preview>div{align-items:center;gap:12px;min-width:0;display:flex}.token-sop-card-preview strong,.token-follow-up-card-preview>strong{min-width:0;color:var(--color-text-primary);font-size:15px;font-weight:400;line-height:22px}.token-sop-card-preview p,.token-follow-up-card-preview p{color:var(--color-text-secondary);margin:0;font-size:13px;font-weight:400;line-height:20px}.token-sop-card-preview footer{color:var(--color-text-tertiary);margin-top:auto;font-size:12px;font-weight:400;line-height:18px}.token-memo-card-preview{aspect-ratio:1;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card-bg);grid-template-rows:auto 1fr auto;gap:14px;width:min(100%,248px);padding:18px;display:grid;position:relative;overflow:hidden}.token-memo-card-preview>.token-icon-button{position:absolute;top:12px;right:12px}.token-memo-card-preview>div{gap:4px;min-width:0;display:grid}.token-memo-card-preview strong{color:var(--color-text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;font-weight:400;line-height:24px;display:-webkit-box;overflow:hidden}.token-memo-card-preview span,.token-memo-card-preview p,.token-memo-card-preview time{color:var(--color-text-secondary);margin:0;font-size:13px;font-weight:400;line-height:18px}.token-memo-card-preview>div span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.token-memo-card-preview p{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.token-memo-card-bottom{gap:10px;display:grid}.token-memo-card-tags{flex-wrap:nowrap;gap:6px;display:flex;overflow:hidden}.token-memo-card-tags span{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-card-hover) 64%, transparent);height:22px;color:var(--color-text-secondary);flex:none;padding:0 8px;font-size:12px;line-height:22px}.token-memo-card-preview footer{border-top:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;gap:6px;padding-top:10px;display:flex;overflow:hidden}.token-memo-card-preview footer span,.token-memo-card-preview footer time{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.token-memo-card-preview footer span{align-items:center;gap:5px;min-width:0;display:flex}.token-memo-card-preview footer span span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.token-memo-card-preview footer svg{color:var(--color-text-tertiary);flex:0 0 14px}.token-memo-card-preview footer time{color:var(--color-text-tertiary);flex:none}.token-follow-up-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.token-follow-up-meta span{border-radius:var(--radius-pill);background:var(--color-card-hover);height:22px;color:var(--color-text-secondary);padding:0 8px;font-size:12px;font-weight:400;line-height:22px}.token-follow-up-meta .is-category{color:color-mix(in srgb, #7b8f5b 78%, var(--color-text-primary));background:#7b8f5b26}.token-follow-up-meta em{color:#a4483f;margin-left:auto;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.token-follow-up-actions{justify-content:flex-end;align-items:center;gap:8px;margin-top:auto;display:flex}.token-demo-avatar{background:radial-gradient(circle at 28% 24%,#ffffffe6,#0000 28%),linear-gradient(135deg,#60d7d2 0%,#3d74ff 72%,#8f66ff 100%);border-radius:50%;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.token-demo-avatar.is-app{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-card-bg);color:var(--color-text-primary);font-size:16px;font-weight:500}.token-market-card{min-height:72px}.token-market-card .token-btn{margin-left:auto}.token-badge-row{flex-wrap:wrap;gap:8px;display:flex}.token-feedback-layout,.token-notification-stack,.token-feedback-section{gap:12px;display:grid}.token-feedback-section h3{color:var(--color-text-tertiary);margin:0;font-size:13px;font-weight:400;line-height:18px}.token-badge{border-radius:var(--radius-pill);place-items:center;min-width:28px;height:22px;padding:0 8px;font-size:13px;font-weight:400;line-height:18px;display:inline-grid}.token-badge.is-unread{background:var(--color-info-bg);color:var(--color-info-text)}.token-badge.is-status{background:var(--color-success-bg);color:var(--color-success-text)}.token-badge.is-warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.token-badge.is-info{background:var(--color-card-hover);color:var(--color-text-secondary)}.platform-notification,.upgrade-banner{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-card-bg);min-height:38px;box-shadow:var(--shadow-surface-1);justify-content:space-between;align-items:center;gap:12px;padding:4px 8px;display:flex}.platform-notification p,.upgrade-banner p{min-width:0;color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:14px;font-weight:400;line-height:20px;overflow:hidden}.platform-notification-icon,.upgrade-banner-icon{border-radius:var(--radius-md);background:var(--color-card-hover);width:32px;height:32px;color:var(--color-icon);flex:0 0 32px;place-items:center;display:grid}.platform-notification.is-network .platform-notification-icon{background:var(--color-danger-bg);color:var(--color-danger-text)}.platform-notification.is-sound .platform-notification-icon{background:var(--color-info-bg);color:var(--color-info-text)}.platform-notification.is-success .platform-notification-icon{background:var(--color-success-bg);color:var(--color-success-text)}.platform-notification.is-permission .platform-notification-icon{background:var(--color-warning-bg);color:var(--color-warning-text)}.platform-notification.is-action-required .platform-notification-icon{background:var(--color-card-hover);color:var(--color-accent)}.platform-notification-actions,.upgrade-banner-actions{flex:none;align-items:center;gap:6px;display:flex}.platform-notification-actions button,.upgrade-banner-actions button{border-radius:var(--radius-sm);height:30px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;padding:0 12px;font-size:13px;font-weight:400;line-height:18px}.platform-notification-actions .platform-notification-close,.upgrade-banner-actions .upgrade-close{box-sizing:border-box;place-items:center;width:32px;height:32px;padding:0;display:grid}.platform-notification-actions button:hover,.upgrade-banner-actions .upgrade-skip:hover,.upgrade-banner-actions .upgrade-close:hover{background:var(--color-card-hover);color:var(--color-text-primary)}.platform-notification-actions button.is-primary,.upgrade-banner-actions .upgrade-update{background:var(--color-primary);color:var(--color-on-primary)}.platform-notification-actions button.is-primary:hover,.upgrade-banner-actions .upgrade-update:hover{background:var(--color-primary-hover)}.design-token-page[data-theme=dark] .platform-notification{border-color:var(--color-border-subtle);background:color-mix(in srgb, var(--color-card-bg) 90%, transparent);box-shadow:var(--shadow-surface-1)}.design-token-page[data-theme=dark] .platform-notification p,.design-token-page[data-theme=dark] .upgrade-banner p{color:var(--color-text-primary)}.design-token-page[data-theme=dark] .platform-notification-icon,.design-token-page[data-theme=dark] .upgrade-banner-icon{background:var(--color-card-hover);color:var(--color-icon)}.design-token-page[data-theme=dark] .platform-notification.is-network .platform-notification-icon{background:var(--color-danger-bg);color:var(--color-danger-text)}.design-token-page[data-theme=dark] .platform-notification.is-sound .platform-notification-icon{background:var(--color-info-bg);color:var(--color-info-text)}.design-token-page[data-theme=dark] .platform-notification.is-success .platform-notification-icon{background:var(--color-success-bg);color:var(--color-success-text)}.design-token-page[data-theme=dark] .platform-notification.is-permission .platform-notification-icon{background:var(--color-warning-bg);color:var(--color-warning-text)}.design-token-page[data-theme=dark] .platform-notification.is-action-required .platform-notification-icon{background:var(--color-card-hover);color:var(--color-accent)}.design-token-page[data-theme=dark] .platform-notification-actions button,.design-token-page[data-theme=dark] .upgrade-skip,.design-token-page[data-theme=dark] .upgrade-close{color:var(--color-text-secondary)}.design-token-page[data-theme=dark] .platform-notification-actions button:hover,.design-token-page[data-theme=dark] .upgrade-skip:hover,.design-token-page[data-theme=dark] .upgrade-close:hover{background:var(--color-card-hover);color:var(--color-text-primary)}.design-token-page[data-theme=dark] .platform-notification-actions button.is-primary,.design-token-page[data-theme=dark] .upgrade-update{background:var(--color-primary);color:var(--color-on-primary)}.design-token-page[data-theme=dark] .platform-notification-actions button.is-primary:hover,.design-token-page[data-theme=dark] .upgrade-update:hover{background:var(--color-primary-hover)}.design-token-page[data-theme=dark] .upgrade-banner{border-color:var(--color-border);background:var(--color-card-bg);box-shadow:var(--shadow-surface-1)}.token-dialog-stage{grid-template-columns:minmax(320px,520px) minmax(220px,280px);align-items:start;gap:16px;display:grid}.token-dialog-preview{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-card-bg);box-shadow:var(--shadow-floating);justify-items:start;gap:8px;padding:20px;display:grid;position:relative}.token-dialog-preview .token-icon-button{position:absolute;top:12px;right:12px}.token-dialog-preview p{color:var(--color-text-secondary);margin:4px 0 8px;font-size:15px;font-weight:400;line-height:24px}.token-menu-preview{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card-bg);box-shadow:var(--shadow-floating);gap:2px;padding:6px;display:grid}.token-menu-preview button{border-radius:var(--radius-sm);height:36px;color:var(--color-text-primary);text-align:left;cursor:pointer;background:0 0;border:0;padding:0 10px;font-size:14px;font-weight:400}.token-menu-preview button:hover{background:var(--color-card-hover)}@media (width<=1120px){.token-icon-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.token-shadow-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.token-form-spec-header,.token-form-spec-row{grid-template-columns:minmax(140px,1fr) minmax(180px,1fr) repeat(4,minmax(96px,.75fr))}}@media (width<=860px){.design-token-page{display:block}.design-token-sidebar{border-right:0;border-bottom:1px solid var(--color-border-subtle);height:auto;padding:24px 18px 18px;position:static}.design-token-sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr))}.design-token-content{padding:30px 18px 34px}.token-section-head{flex-direction:column;align-items:flex-start}.token-section-head p{text-align:left}.token-color-grid,.token-two-column,.token-shadow-grid,.token-size-grid,.token-icon-rule-grid,.token-icon-grid,.token-component-grid,.token-form-spec-table,.token-dialog-stage{grid-template-columns:1fr}.token-form-spec-header,.token-avatar-header,.token-tooltip-header{display:none}.token-tooltip-row{grid-template-columns:1fr 1fr;gap:8px 12px}.token-tooltip-row strong,.token-tooltip-row small{grid-column:1/-1}.token-avatar-row{grid-template-columns:52px 1fr 1fr;gap:8px 12px}.token-avatar-row .token-avatar-preview{grid-row:span 3}.token-avatar-row small{grid-column:2/-1}.token-form-spec-row{grid-template-columns:1fr 1fr;gap:10px 12px}.token-form-spec-row>div:first-child,.token-form-spec-row>small{grid-column:1/-1}.token-table-row,.token-button-header,.token-button-row,.token-spec-header,.token-spec-row,.token-spec-header.is-shadow,.token-spec-header.is-motion,.token-spec-header.is-size,.token-spec-header.is-icon-size,.token-spec-header.is-icon-list,.token-spec-header.is-tab-tag,.token-spec-header.is-notice-spec,.token-spec-row.is-shadow,.token-spec-row.is-motion,.token-spec-row.is-size,.token-spec-row.is-icon-size,.token-spec-row.is-icon-list,.token-spec-row.is-tab-tag,.token-spec-row.is-notice-spec{grid-template-columns:1fr;gap:4px;padding:12px 14px}.token-type-header,.token-button-header,.token-spec-header{display:none}.token-rule-row{grid-template-columns:1fr;gap:4px;padding:12px}.token-input-row{grid-template-columns:1fr;align-items:start}.token-component-card-grid{grid-template-columns:1fr}.token-color-header{display:none}.token-swatch{grid-template-columns:36px minmax(0,1fr)}.token-swatch small,.token-color-value{grid-column:2}.token-metric{grid-template-columns:1fr;gap:8px;padding:10px 0}}