.design-system{max-width:1100px;padding:32px 32px 80px;width:100%}.design-system__header{margin-bottom:32px}.design-system__title{color:var(--glass-text-primary,#e9e9e9);font-size:28px;font-weight:700;letter-spacing:-.03em;margin:0 0 6px}.design-system__subtitle{color:var(--glass-text-secondary,#ffffff80);font-size:14px;margin:0}.design-system__toc{background:var(--glass-bg,#ffffff0f);border:1px solid var(--glass-border,#ffffff1a);border-radius:var(--glass-radius,12px);display:flex;flex-wrap:wrap;gap:6px;margin-bottom:48px;padding:12px 16px}.design-system__toc-link{border-radius:var(--glass-radius-pill,100px);color:var(--glass-text-secondary,#ffffff80);font-size:12px;font-weight:500;padding:4px 10px;text-decoration:none;transition:background .15s,color .15s}.design-system__toc-link:hover{background:var(--glass-bg-hover,#ffffff1a);color:var(--glass-text-primary,#e9e9e9)}.design-system__section{margin-bottom:56px}.design-system__section-title{border-bottom:1px solid var(--glass-border,#ffffff1a);color:var(--glass-text-primary,#e9e9e9);font-size:17px;font-weight:600;letter-spacing:-.01em;margin:0 0 8px;padding-bottom:12px}.design-system__section-desc{color:var(--glass-text-secondary,#ffffff80);font-size:13px;line-height:1.5;margin:0 0 20px}.design-system__color-group{margin-bottom:24px}.design-system__color-group:last-child{margin-bottom:0}.design-system__usage-hint{color:var(--glass-text-tertiary,#ffffff4d);font-size:12px;font-style:italic;margin:0 0 10px}.design-system__color-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.design-system__color-card{background:#ffffff0a;border:1px solid var(--glass-border,#ffffff1a);border-radius:var(--glass-radius-sm,8px);overflow:hidden}.design-system__color-swatch{height:64px;width:100%}.design-system__color-info{padding:8px 10px}.design-system__color-name{color:var(--glass-text-primary,#e9e9e9);display:block;font-size:12px;font-weight:600;margin-bottom:2px}.design-system__color-value{color:var(--glass-text-tertiary,#ffffff4d);display:block;font-family:SF Mono,Fira Code,monospace;font-size:11px}.design-system__color-raw-value{color:var(--glass-accent,#007aff);display:block;font-family:SF Mono,Fira Code,monospace;font-size:10px;margin-top:2px;opacity:.8}.design-system__color-usage{color:var(--glass-text-tertiary,#ffffff4d);display:block;font-size:10px;line-height:1.4;margin-top:4px}.design-system__copyable-value{cursor:pointer;transition:opacity .1s}.design-system__copyable-value:hover{opacity:1!important}.design-system__type-row{margin-bottom:20px}.design-system__type-row:last-child{margin-bottom:0}.design-system__type-label{color:var(--glass-text-tertiary,#ffffff4d);font-family:SF Mono,Fira Code,monospace;font-size:11px;margin-bottom:4px}.design-system__btn-grid{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.design-system__btn-group{align-items:flex-start;display:flex;flex-direction:column;gap:6px}.design-system__btn-label{color:var(--glass-text-tertiary,#ffffff4d);font-family:SF Mono,Fira Code,monospace;font-size:10px;letter-spacing:.05em;text-transform:uppercase}.design-system__glass-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.design-system__glass-card{backdrop-filter:var(--glass-blur,blur(16px));-webkit-backdrop-filter:var(--glass-blur,blur(16px));border:1px solid var(--glass-border,#ffffff1a);border-radius:var(--glass-radius,12px);display:flex;flex-direction:column;justify-content:flex-end;min-height:100px;padding:20px}.design-system__glass-card--white{border-color:#00000014}.design-system__glass-label{color:var(--glass-text-primary,#e9e9e9);font-size:13px;font-weight:600;margin-bottom:2px}.design-system__glass-value{color:var(--glass-text-tertiary,#ffffff4d);font-family:SF Mono,Fira Code,monospace;font-size:11px}.design-system__glass-usage{color:var(--glass-text-tertiary,#ffffff4d);font-size:10px;line-height:1.4;margin-top:4px}.design-system__radius-grid{align-items:flex-end;display:flex;flex-wrap:wrap;gap:24px}.design-system__radius-item{align-items:center;display:flex;flex-direction:column;gap:8px}.design-system__radius-box{background:var(--glass-bg-hover,#ffffff1a);border:1px solid var(--glass-border,#ffffff1a);height:64px;width:64px}.design-system__radius-label{color:var(--glass-text-secondary,#ffffff80);font-family:SF Mono,Fira Code,monospace;font-size:11px;text-align:center}.design-system__spacing-row{align-items:center;display:flex;gap:12px;margin-bottom:8px}.design-system__spacing-bar{background:var(--glass-accent,#007aff);border-radius:4px;flex-shrink:0;height:24px;opacity:.6}.design-system__spacing-label{color:var(--glass-text-secondary,#ffffff80);font-family:SF Mono,Fira Code,monospace;font-size:11px;min-width:40px;white-space:nowrap}.design-system__input-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.design-system__input-group{display:flex;flex-direction:column;gap:6px}.design-system__input-label{color:var(--glass-text-tertiary,#ffffff4d);font-family:SF Mono,Fira Code,monospace;font-size:10px;letter-spacing:.05em;text-transform:uppercase}.design-system__input{background:var(--glass-bg,#ffffff0f);border:1px solid var(--glass-border,#ffffff1a);border-radius:var(--glass-radius-sm,8px);color:var(--glass-text-primary,#e9e9e9);font-size:14px;outline:none;padding:10px 14px;transition:border-color .15s}.design-system__input:focus{border-color:var(--glass-accent,#007aff)}.design-system__input::placeholder{color:var(--glass-text-tertiary,#ffffff4d)}.design-system__full-width-demo{max-width:400px;width:100%}.design-system__status-pill{align-items:center;border-radius:var(--glass-radius-pill,100px);display:inline-flex;font-size:13px;font-variant-numeric:tabular-nums;font-weight:600;padding:4px 10px}.design-system__status-pill--positive{background:var(--glass-positive-bg,#34c7591f);color:var(--glass-positive,#34c759)}.design-system__status-pill--negative{background:var(--glass-negative-bg,#ff3b301f);color:var(--glass-negative,#ff3b30)}.design-system__status-pill--neutral{background:var(--glass-bg,#ffffff0f);color:var(--glass-text-secondary,#ffffff80)}.design-system__badge{align-items:center;border-radius:var(--glass-radius-pill,100px);display:inline-flex;font-size:11px;font-weight:600;letter-spacing:.03em;padding:3px 10px;text-transform:uppercase}.design-system__badge--accent{background:#007aff1f;color:var(--glass-accent,#007aff)}.design-system__badge--positive{background:var(--glass-positive-bg,#34c7591f);color:var(--glass-positive,#34c759)}.design-system__badge--info{background:#007aff14;color:var(--glass-accent-hover,#1a8aff)}.design-system__badge--danger{background:var(--glass-danger-bg,#e6413526);color:var(--glass-danger,#e64135)}.design-system__badge--muted{background:var(--glass-bg,#ffffff0f);color:var(--glass-text-secondary,#ffffff80)}.design-system__dot{border-radius:50%;display:inline-block;height:8px;width:8px}.design-system__dot--positive{background:var(--glass-positive,#34c759);box-shadow:0 0 6px #34c75966}.design-system__dot--accent{background:var(--glass-accent,#007aff);box-shadow:0 0 6px #007aff66}.design-system__dot--muted{background:var(--glass-text-tertiary,#ffffff4d)}.design-system__dot--danger{background:var(--glass-danger,#e64135);box-shadow:0 0 6px #e6413566}.design-system__viz-palette{display:flex;flex-wrap:wrap;gap:12px}.design-system__viz-swatch-wrap{align-items:center;display:flex;flex-direction:column;gap:6px;min-width:80px}.design-system__viz-swatch{border:1px solid var(--glass-border,#ffffff1a);border-radius:var(--glass-radius-sm,8px);height:56px;width:56px}.design-system__viz-label{color:var(--glass-text-primary,#e9e9e9);font-size:11px;font-weight:600;text-align:center}.design-system__viz-value{color:var(--glass-text-tertiary,#ffffff4d)}.design-system__viz-raw-value,.design-system__viz-value{font-family:SF Mono,Fira Code,monospace;font-size:10px;text-align:center}.design-system__viz-raw-value{color:var(--glass-accent,#007aff);opacity:.8}.design-system__blur-grid{display:flex;flex-wrap:wrap;gap:16px}.design-system__blur-item{border-radius:var(--glass-radius-sm,8px);display:flex;flex-direction:column;gap:4px;min-width:160px;padding:12px 16px}.design-system__blur-item,.design-system__product-surface{background:var(--glass-bg,#ffffff0f);border:1px solid var(--glass-border,#ffffff1a)}.design-system__product-surface{border-radius:var(--glass-radius-lg,16px);margin-bottom:40px;padding:24px}.design-system__product-surface:last-child{margin-bottom:0}.design-system__surface-title{color:var(--glass-text-primary,#e9e9e9);font-size:15px;font-weight:600;margin:0 0 6px}.design-system__surface-desc{color:var(--glass-text-secondary,#ffffff80);font-size:13px;line-height:1.5;margin:0 0 16px}.design-system__surface-demos{margin-bottom:20px}.design-system__surface-patterns{margin-bottom:16px}.design-system__pattern-item{border-bottom:1px solid #ffffff0a;padding:8px 0}.design-system__pattern-item:last-child{border-bottom:none}.design-system__pattern-name{color:var(--glass-text-primary,#e9e9e9);display:block;font-size:12px;font-weight:600;margin-bottom:2px}.design-system__pattern-detail{color:var(--glass-text-tertiary,#ffffff4d);display:block;font-size:11px;line-height:1.5}.design-system__surface-tokens{margin-bottom:16px}.design-system__token-tag{background:var(--glass-bg,#ffffff0f);border:1px solid var(--glass-border,#ffffff1a);border-radius:var(--glass-radius-sm,8px);color:var(--glass-accent,#007aff);display:inline-block;font-family:SF Mono,Fira Code,monospace;font-size:10px;padding:2px 8px}.design-system__surface-rules{margin-bottom:0}.design-system__rules-list{color:var(--glass-text-secondary,#ffffff80);font-size:12px;line-height:1.7;margin:0;padding:0 0 0 16px}.design-system__demo-room-ambient{align-items:flex-end;background:radial-gradient(ellipse at 50% 40%,#007aff26 0,#131313 70%);gap:12px;min-height:160px;padding:24px}.design-system__demo-room-ambient,.design-system__demo-video-tile{border-radius:var(--glass-radius,12px);display:flex;position:relative}.design-system__demo-video-tile{align-items:center;aspect-ratio:16/9;background:#1c1c1ee6;border:1px solid #ffffff1a;flex-shrink:0;justify-content:center;width:120px}.design-system__demo-video-tile--sm{width:80px}.design-system__demo-video-avatar{align-items:center;background:var(--glass-accent,#007aff);border-radius:50%;color:#fff;display:flex;font-size:11px;font-weight:600;height:32px;justify-content:center;width:32px}.design-system__demo-video-name{background:#00000080;border-radius:4px;bottom:6px;color:var(--glass-text-primary,#e9e9e9);font-size:10px;left:8px;padding:1px 6px;position:absolute}.design-system__demo-toolbar{background:var(--glass-surface-heavy,#1c1c1ec7);border-radius:22px;bottom:12px;box-shadow:0 4px 16px #00000040,inset 0 1px 0 #ffffff1f;display:flex;gap:4px;left:50%;padding:6px 10px;position:absolute;transform:translateX(-50%)}.design-system__demo-toolbar-btn{align-items:center;border-radius:50%;display:flex;font-size:14px;height:32px;justify-content:center;width:32px}.design-system__demo-toolbar-btn--danger{background:var(--glass-danger,#e64135)}.design-system__demo-chat-panel{backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:var(--glass-radius,12px);overflow:hidden;width:240px}.design-system__demo-chat-header{align-items:center;border-bottom:1px solid #ffffff0f;color:var(--glass-text-primary,#e9e9e9);display:flex;font-size:13px;font-weight:600;justify-content:space-between;padding:10px 12px}.design-system__demo-chat-badge{background:var(--glass-accent,#007aff);border-radius:10px;color:#fff;font-size:10px;font-weight:600;padding:1px 6px}.design-system__demo-chat-messages{padding:8px 12px}.design-system__demo-chat-msg{margin-bottom:10px}.design-system__demo-chat-msg:last-child{margin-bottom:0}.design-system__demo-chat-sender{color:var(--glass-text-primary,#e9e9e9);display:block;font-size:11px;font-weight:600;margin-bottom:2px}.design-system__demo-chat-text{color:var(--glass-text-secondary,#ffffff80);display:block;font-size:12px;line-height:1.4}.design-system__demo-chat-time{color:var(--glass-text-tertiary,#ffffff4d);display:block;font-size:10px;margin-top:2px}.design-system__demo-chat-input{border-top:1px solid #ffffff0f;color:var(--glass-text-tertiary,#ffffff4d);font-size:12px;padding:10px 12px}.design-system__demo-content-shell{background:var(--glass-shell,#1f1f1f);border-radius:var(--glass-radius,12px);display:flex;justify-content:center;padding:16px}.design-system__demo-content-card{background:var(--glass-card,#fff);border-radius:16px;overflow:hidden;width:280px}.design-system__demo-content-toolbar{backdrop-filter:blur(40px) saturate(150%);background:#1c1c1ed9;color:var(--glass-text-primary,#e9e9e9);display:flex;font-size:12px;font-weight:500;justify-content:space-between;padding:10px 14px}.design-system__demo-content-body{padding:16px}.design-system__demo-content-title{color:var(--glass-text-on-white,#2b3035);font-size:15px;font-weight:600;margin-bottom:8px}.design-system__demo-content-text{color:var(--glass-text-on-white-secondary,#6c737a);font-size:12px;line-height:1.5}.design-system__demo-nav-shell{background:var(--glass-shell,#1f1f1f);border-radius:var(--glass-radius,12px);min-height:120px;padding:16px 16px 0;position:relative}.design-system__demo-nav-content{padding-bottom:48px}.design-system__demo-nav-tabs{background:var(--glass-bg,#ffffff0f);border-radius:var(--glass-radius-sm,8px);display:flex;gap:4px;padding:4px}.design-system__demo-nav-tab{border-radius:6px;color:var(--glass-text-secondary,#ffffff80);cursor:default;font-size:12px;font-weight:500;padding:6px 12px}.design-system__demo-nav-tab--active{background:var(--glass-bg-active,#ffffff24);color:var(--glass-text-primary,#e9e9e9)}.design-system__demo-bottom-bar{background:var(--glass-surface-heavy,#1c1c1ec7);border-radius:20px;bottom:10px;box-shadow:0 4px 16px #00000040,inset 0 1px 0 #ffffff1f;display:flex;gap:4px;left:50%;padding:6px 16px;position:absolute;transform:translateX(-50%)}.design-system__demo-bottom-tab{border-radius:12px;color:var(--glass-text-secondary,#ffffff80);cursor:default;font-size:11px;font-weight:500;padding:4px 10px}.design-system__demo-bottom-tab--active{background:var(--glass-bg-active,#ffffff24);color:var(--glass-text-primary,#e9e9e9)}

/*# sourceMappingURL=2839.9a51709c.css.map*/