*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body,button,input{font:inherit}button{background:0 0;border:0}input{background:0 0;border:0;outline:none}:root{--itn-primary-50:#e6f4ff;--itn-primary-100:#bae0ff;--itn-primary-200:#91caff;--itn-primary-300:#69b1ff;--itn-primary-400:#4096ff;--itn-primary-500:#1677ff;--itn-primary-600:#0958d9;--itn-primary-700:#003eb3;--itn-primary-800:#002c8c;--itn-primary-900:#001d66;--itn-primary:var(--itn-primary-500);--itn-primary-contrast:#fff;--itn-primary-soft:var(--itn-primary-50);--itn-primary-hover:var(--itn-primary-600);--itn-primary-active:var(--itn-primary-700);--itn-focus-ring:#69b1ff66;--itn-button-shadow:0 4px 16px #4096ff40;--itn-font-family:"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--itn-font-family-code:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;--itn-font-size-sm:12px;--itn-font-size:14px;--itn-font-size-lg:16px;--itn-font-size-xl:20px;--itn-font-size-h5:16px;--itn-font-size-h4:20px;--itn-font-size-h3:24px;--itn-font-size-h2:30px;--itn-font-size-h1:38px;--itn-line-height-sm:1.67;--itn-line-height:1.57;--itn-line-height-lg:1.5;--itn-font-weight:400;--itn-font-weight-strong:600;--itn-space-xxs:4px;--itn-space-xs:8px;--itn-space-sm:12px;--itn-space-md:16px;--itn-space-lg:20px;--itn-space-xl:24px;--itn-space-xxl:32px;--itn-space-xxxl:48px;--itn-radius-xs:2px;--itn-radius-sm:4px;--itn-radius:6px;--itn-radius-lg:8px;--itn-radius-xl:16px;--itn-radius-pill:999px;--itn-height-xs:16px;--itn-height-sm:24px;--itn-height:32px;--itn-height-lg:40px;--itn-duration-fast:.1s;--itn-duration-mid:.2s;--itn-duration-slow:.3s;--itn-easing-standard:cubic-bezier(.645,.045,.355,1);--itn-easing-decelerate:cubic-bezier(.22,1,.36,1);--itn-easing-accelerate:cubic-bezier(.55,0,1,.45);--itn-bg:#f5f5f5;--itn-surface:#fff;--itn-surface-secondary:#fafafa;--itn-bg-elevated:#fff;--itn-bg-mask:#00000073;--itn-text:#000000e0;--itn-text-secondary:#000000a6;--itn-text-tertiary:#00000073;--itn-text-muted:#00000073;--itn-text-disabled:#00000040;--itn-border:#d9d9d9;--itn-border-secondary:#f0f0f0;--itn-fill:#00000026;--itn-fill-secondary:#0000000f;--itn-fill-tertiary:#0000000a;--itn-fill-quaternary:#00000005;--itn-success:#52c41a;--itn-success-bg:#f6ffed;--itn-success-border:#b7eb8f;--itn-warning:#faad14;--itn-warning-bg:#fffbe6;--itn-warning-border:#ffe58f;--itn-error:#ff4d4f;--itn-error-bg:#fff2f0;--itn-error-border:#ffccc7;--itn-info:#1677ff;--itn-info-bg:#e6f4ff;--itn-info-border:#91caff;--itn-link:#1677ff;--itn-link-hover:#4096ff;--itn-link-active:#0958d9;--itn-shadow-sm:0 1px 2px #0000000f;--itn-shadow:0 4px 16px #00000014;--itn-shadow-lg:0 12px 40px #0000001f}[data-theme=dark]{--itn-bg:#141414;--itn-surface:#1f1f1f;--itn-surface-secondary:#262626;--itn-bg-elevated:#2a2a2a;--itn-bg-mask:#000000a6;--itn-text:#ffffffd9;--itn-text-secondary:#ffffffa6;--itn-text-tertiary:#ffffff73;--itn-text-muted:#ffffff73;--itn-text-disabled:#ffffff40;--itn-border:#303030;--itn-border-secondary:#1f1f1f;--itn-fill:#ffffff2e;--itn-fill-secondary:#ffffff1a;--itn-fill-tertiary:#ffffff0f;--itn-fill-quaternary:#ffffff08;--itn-success:#49aa19;--itn-success-bg:#162312;--itn-success-border:#274916;--itn-warning:#d89614;--itn-warning-bg:#2b2111;--itn-warning-border:#443111;--itn-error:#dc4446;--itn-error-bg:#2c1618;--itn-error-border:#431c18;--itn-info:#1677ff;--itn-info-bg:#111d2c;--itn-info-border:#112545;--itn-link:#1677ff;--itn-link-hover:#4096ff;--itn-link-active:#0958d9;--itn-shadow-sm:0 1px 2px #0000004d;--itn-shadow:0 4px 16px #0006;--itn-shadow-lg:0 12px 40px #0000008c}body{font-family:var(--itn-font-family,"Segoe UI",sans-serif);font-size:var(--itn-font-size,14px);line-height:var(--itn-line-height,1.57);background:radial-gradient(circle at top left,#1677ff1a,transparent 36%),var(--itn-bg,#f5f5f5);color:var(--itn-text);transition:background var(--itn-duration-slow,.3s)var(--itn-easing-standard,ease),color var(--itn-duration-mid,.2s)var(--itn-easing-standard,ease)}#app{min-height:100vh}.itn-shell{width:min(1140px,100% - 32px);margin:0 auto;padding:32px 0 72px}.itn-header{justify-content:space-between;align-items:center;padding:8px 0 36px;display:flex}.itn-header-brand{flex-direction:column;gap:6px;display:flex}.itn-header-desc{font-size:var(--itn-font-size-sm,12px);color:var(--itn-text-tertiary);margin:0}.itn-mode-switcher{border-radius:var(--itn-radius-pill,999px);border:1px solid var(--itn-border);background:var(--itn-surface);gap:2px;padding:3px;display:inline-flex}.itn-mode-btn{border-radius:var(--itn-radius-pill,999px);font-size:var(--itn-font-size-sm,12px);font-weight:var(--itn-font-weight-strong,600);color:var(--itn-text-secondary);cursor:pointer;transition:background var(--itn-duration-fast,.1s),color var(--itn-duration-fast,.1s);padding:6px 18px}.itn-mode-btn--on{background:var(--itn-primary);color:var(--itn-primary-contrast)}.itn-panel{background:color-mix(in srgb,var(--itn-surface)90%,transparent);border:1px solid var(--itn-border);border-radius:var(--itn-radius-xl,16px);box-shadow:var(--itn-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.itn-picker-panel{align-items:flex-start;gap:32px;margin-bottom:20px;padding:24px 28px;display:flex}.itn-picker-left{flex-direction:column;gap:14px;min-width:220px;display:flex}.itn-picker-right{flex-direction:column;flex:1;gap:14px;min-width:0;display:flex}.itn-picker-row{align-items:center;gap:10px;display:flex}.itn-color-well-wrap{cursor:pointer;display:flex}.itn-color-well{border-radius:var(--itn-radius,6px);cursor:pointer;background:0 0;border:none;width:42px;height:42px;padding:2px}.itn-color-hex{border:1px solid var(--itn-border);border-radius:var(--itn-radius,6px);background:var(--itn-surface-secondary);width:96px;color:var(--itn-text);font-family:var(--itn-font-family-code,monospace);font-size:var(--itn-font-size-sm,12px);text-transform:uppercase;transition:border-color var(--itn-duration-mid,.2s);padding:9px 12px}.itn-color-hex:focus{border-color:var(--itn-primary);box-shadow:0 0 0 3px var(--itn-focus-ring);outline:none}.itn-presets{flex-wrap:wrap;gap:8px;display:flex}.itn-preset{border-radius:var(--itn-radius-sm,4px);cursor:pointer;width:28px;height:28px;transition:transform var(--itn-duration-fast,.1s)var(--itn-easing-decelerate,ease),border-color var(--itn-duration-fast,.1s);border:2px solid #0000}.itn-preset:hover{transform:scale(1.18)}.itn-preset--active{border-color:var(--itn-text)}.itn-hero{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:stretch;gap:20px;display:grid}.itn-panel--hero{padding:24px 28px}.itn-token-preview{flex-direction:column;gap:20px;margin-top:14px;display:flex}.itn-token-group{flex-direction:column;gap:8px;display:flex}.itn-token-group-label{font-size:11px;font-weight:var(--itn-font-weight-strong,600);letter-spacing:.06em;text-transform:uppercase;color:var(--itn-text-tertiary)}.itn-token-row{font-size:var(--itn-font-size-sm,12px);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.itn-tag{border-radius:var(--itn-radius-sm,4px);font-size:var(--itn-font-size-sm,12px);font-weight:var(--itn-font-weight-strong,600);border:1px solid #0000;align-items:center;padding:3px 10px;display:inline-flex}.itn-fill-pill{border-radius:var(--itn-radius-sm,4px);border:1px solid var(--itn-border);font-size:var(--itn-font-size-sm,12px);color:var(--itn-text);align-items:center;padding:3px 12px;display:inline-flex}.itn-shadow-demo{border-radius:var(--itn-radius,6px);background:var(--itn-surface);font-size:var(--itn-font-size-sm,12px);color:var(--itn-text-secondary);align-items:center;padding:6px 14px;display:inline-flex}.itn-swatches{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.itn-swatch{border-radius:var(--itn-radius,6px);color:#fff;align-items:flex-end;min-height:64px;padding:8px;font-size:11px;font-weight:600;display:flex}.itn-code{border-radius:var(--itn-radius,6px);color:#bae0ff;font-family:var(--itn-font-family-code,monospace);background:#0b1120;max-height:480px;margin:12px 0 0;padding:16px;font-size:12px;line-height:1.7;overflow:auto}.itn-usage-section{margin-top:20px;padding:24px 28px}.itn-label{font-size:11px;font-weight:var(--itn-font-weight-strong,600);letter-spacing:.06em;text-transform:uppercase;color:var(--itn-text-tertiary);display:block}.itn-kicker{border-radius:var(--itn-radius-pill,999px);background:var(--itn-primary-soft);color:var(--itn-primary-hover);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}@media (max-width:720px){.itn-shell{width:min(100% - 24px,1140px);padding:20px 0 40px}.itn-header{flex-direction:column;align-items:flex-start;gap:16px;padding-bottom:24px}.itn-picker-panel{flex-direction:column}.itn-picker-left{width:100%;min-width:0}.itn-swatches{grid-template-columns:repeat(5,minmax(0,1fr))}.itn-panel--hero,.itn-usage-section{padding:20px}}.container-c2pA3a{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px;display:flex}.card-q2fO_T{background:var(--itn-surface);box-shadow:var(--shadow-lg);text-align:center;border-radius:12px;width:100%;max-width:420px;padding:48px 40px 36px}.logo-AdSQ_8{margin-bottom:16px}.title-wfvaBs{color:var(--itn-text);margin-bottom:4px;font-size:24px;font-weight:400}.subtitle-o9RXgn{color:var(--itn-text-secondary);margin-bottom:24px;font-size:15px}.subtitle-o9RXgn strong{color:var(--itn-text)}.description-y7e7d_{color:var(--itn-text-secondary);margin-bottom:20px;font-size:13px;line-height:1.5}.form-Gn3XMb{text-align:left;flex-direction:column;gap:20px;display:flex}.field-_tJP4H{position:relative}.input-qotFot{border:1px solid var(--itn-border);border-radius:var(--itn-radius-lg);background:0 0;outline:none;width:100%;padding:16px 14px 8px;font-size:16px;transition:border-color .2s}.input-qotFot:focus{border-color:var(--itn-primary);box-shadow:0 0 0 1px var(--itn-primary)}.label-Prpqea{color:var(--itn-text-secondary);pointer-events:none;background:var(--itn-surface);padding:0 4px;font-size:16px;transition:all .2s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-qotFot:focus+.label-Prpqea,.input-qotFot:not(:placeholder-shown)+.label-Prpqea{color:var(--itn-primary);font-size:12px;top:0}.scopeInfo-EcSgS_{color:var(--itn-text-secondary);align-items:center;gap:8px;padding:8px 0;font-size:13px;display:flex}.scopeLabel-XsiiGc{font-weight:500}.scopeValue-fm7wDi{background:var(--itn-bg);border-radius:4px;padding:2px 8px;font-family:monospace;font-size:12px}.button-ZYuxAM{color:#fff;background:var(--itn-primary);border-radius:var(--itn-radius-lg);cursor:pointer;border:none;width:100%;margin-top:4px;padding:12px 24px;font-size:15px;font-weight:500;transition:background .2s}.button-ZYuxAM:hover:not(:disabled){background:var(--itn-primary-hover)}.button-ZYuxAM:disabled{opacity:.6;cursor:not-allowed}.error-l8ZqcY{background:var(--itn-error-bg);color:var(--itn-error);border-radius:var(--itn-radius-lg);text-align:left;padding:12px 16px;font-size:14px}.footer-Uu330H{justify-content:center;align-items:center;gap:12px;margin-top:28px;font-size:13px;display:flex}.dot-A1lY4H{background:var(--itn-border);border-radius:50%;width:4px;height:4px}.loading-S5DvMi{color:var(--itn-text-secondary);padding:40px;font-size:15px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--itn-font-family);color:var(--itn-text);background:radial-gradient(circle at top center,color-mix(in srgb,var(--itn-primary)16%,transparent),transparent 42%),var(--itn-bg);justify-content:center;align-items:center;min-height:100vh;display:flex}#root{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}a{color:var(--itn-primary);text-decoration:none}a:hover{text-decoration:underline}