.dw-kom-dots{display:flex;gap:6px}.dw-kom-dots span{width:10px;height:10px;border-radius:50%;background:var(--color-border)}.dw-kom-av--warm{background:var(--dw-red-soft)}.dw-kom-av--green{background:color-mix(in srgb,var(--dw-green) 18%,transparent)}.dw-page-hero-right .dw-kom-widget-preview{width:100%;max-width:100%}.dw-kom-widget-preview{background:var(--color-bg);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--shadow-card),0 24px 60px var(--dw-navy-14);border:1px solid var(--color-border)}.dw-kom-browser-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-3)}.dw-kom-url{background:var(--color-bg-subtle);flex:1;padding:6px var(--space-3);border-radius:6px;font-size:var(--fs-xs);color:var(--color-fg-muted)}.dw-kom-widget{border-radius:var(--radius-md);overflow:hidden;background:linear-gradient( color-mix(in srgb,var(--dw-sky-soft) 50%,transparent),color-mix(in srgb,var(--dw-paper) 80%,transparent) );height:380px;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.dw-kom-widget-card{background:var(--color-bg);border-radius:var(--radius-md);padding:var(--space-3);display:flex;gap:10px;align-items:center}.dw-kom-widget-search{background:var(--color-bg);border-radius:10px;padding:0 14px;height:44px;display:flex;align-items:center;gap:10px;box-shadow:0 1px 2px var(--dw-navy-06);font-size:var(--fs-sm);color:var(--dw-grey-3)}.dw-kom-widget-tabs{display:flex;gap:var(--space-1);background:color-mix(in srgb,var(--dw-white) 50%,transparent);padding:var(--space-1);border-radius:var(--radius-sm)}.dw-kom-widget-tab{font-size:11px;font-weight:var(--fw-bold);padding:5px var(--space-2);border-radius:var(--space-1);color:var(--color-fg)}.dw-kom-widget-tab.is-active{background:color-mix(in srgb,var(--dw-sky) 40%,transparent)}.dw-kom-widget-av{width:36px;height:36px;border-radius:18px;background:var(--dw-sky-soft);display:flex;align-items:center;justify-content:center;font-weight:var(--fw-bold);font-size:var(--fs-xs);flex-shrink:0}.dw-kom-widget-name{font-weight:var(--fw-bold);font-size:var(--fs-xs);line-height:1.1}.dw-kom-widget-party{font-size:11px;color:var(--color-fg-muted);margin-top:2px}.dw-kom-profile-mock{background:var(--color-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-card),0 24px 60px var(--dw-navy-10);border:1px solid var(--color-border);overflow:hidden}.dw-kom-profile-bar{background:var(--dw-navy);color:var(--color-fg-on-dark);padding:14px var(--space-5);font-size:var(--fs-xs);font-weight:var(--fw-bold);display:flex;align-items:center;justify-content:space-between;letter-spacing:0.02em}.dw-kom-profile-bar span{font-weight:var(--fw-regular);opacity:0.7;font-size:var(--fs-xs)}.dw-kom-profile-body{padding:28px}.dw-kom-profile-head{display:flex;gap:18px;align-items:center;margin-bottom:var(--space-5)}.dw-kom-profile-photo{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--dw-sky-soft),var(--dw-sky));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:28px;color:var(--color-fg);flex-shrink:0}.dw-kom-profile-name{font-size:var(--fs-base);font-weight:800;color:var(--color-fg);line-height:1.1}.dw-kom-profile-meta{font-size:var(--fs-xs);color:var(--color-fg-muted);margin-top:var(--space-1)}.dw-kom-profile-fields{display:flex;flex-direction:column;gap:var(--space-3)}.dw-kom-profile-field{border:1px solid var(--color-border);border-radius:10px;padding:var(--space-3) 14px;display:flex;flex-direction:column;gap:var(--space-1)}.dw-kom-profile-field-lbl{font-size:11px;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:0.04em;color:var(--color-fg-muted)}.dw-kom-profile-field-val{font-size:var(--fs-sm);color:var(--color-fg);font-weight:500;display:flex;align-items:center;justify-content:space-between}.dw-kom-profile-field-edit{font-size:11px;color:var(--color-fg-muted);opacity:0.6}.dw-kom-profile-actions{margin-top:var(--space-5);display:flex;gap:10px}.dw-kom-profile-btn{flex:1;padding:10px 14px;border-radius:10px;background:var(--dw-navy);color:var(--color-fg-on-dark);font-size:var(--fs-xs);font-weight:var(--fw-bold);text-align:center;cursor:default}.dw-kom-profile-btn.is-secondary{background:var(--dw-paper);color:var(--color-fg)}.dw-kom-demo-frame{background:var(--color-bg);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 1px 2px var(--dw-navy-20),0 24px 60px color-mix(in srgb,var(--dw-black) 40%,transparent)}.dw-kom-demo-bar{background:var(--color-bg-subtle);border-bottom:1px solid var(--color-border);padding:10px var(--space-4);display:flex;align-items:center;gap:var(--space-3)}.dw-kom-demo-bar .dw-kom-dots span{background:var(--color-border-warm)}.dw-kom-demo-url{background:var(--color-bg);border:1px solid var(--color-border);flex:1;padding:6px var(--space-3);border-radius:6px;font-size:var(--fs-xs);color:var(--color-fg-muted);display:flex;align-items:center;gap:6px}.dw-kom-demo-stage{padding:var(--space-5);background:var(--color-bg)}.dw-kom-demo-banner{height:40px;background:linear-gradient( 90deg,var(--dw-navy) 0%,var(--dw-navy-hover) 100% );border-radius:6px 6px 0 0;padding:0 var(--space-4);display:flex;align-items:center;gap:var(--space-4);color:var(--color-fg-on-dark);font-size:var(--fs-xs);font-weight:var(--fw-bold)}.dw-kom-demo-banner span{opacity:0.7;font-weight:var(--fw-regular)}.dw-kom-demo-host{border:1px solid var(--color-border);border-top:none;border-radius:0 0 6px 6px;padding:var(--space-5);background:var(--color-bg-subtle)}.dw-kom-demo-hostlbl{font-size:11px;font-weight:var(--fw-bold);letter-spacing:0.04em;text-transform:uppercase;color:var(--color-fg-muted);margin-bottom:var(--space-3)}.dw-kom-demo-widget{background:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border-warm);padding:var(--space-4);box-shadow:0 4px 12px var(--dw-navy-06)}.dw-kom-demo-search{height:44px;background:var(--color-bg-subtle);border-radius:var(--radius-sm);padding:0 var(--space-3);display:flex;align-items:center;gap:10px;font-size:var(--fs-xs);color:var(--color-fg)}.dw-kom-demo-results{margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.dw-kom-demo-result{display:flex;align-items:center;gap:10px;padding:10px;border-radius:var(--radius-sm);background:var(--color-bg-subtle)}.dw-kom-demo-av{width:var(--space-6);height:var(--space-6);border-radius:50%;background:var(--dw-sky-soft);display:flex;align-items:center;justify-content:center;font-weight:var(--fw-bold);font-size:11px;color:var(--color-fg);flex-shrink:0}.dw-kom-demo-rname{font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--color-fg);line-height:1.1}.dw-kom-demo-rrole{font-size:11px;color:var(--color-fg-muted);margin-top:2px}.dw-kom-demo-poweredby{margin-top:var(--space-3);padding-top:10px;border-top:1px dashed var(--color-border-warm);font-size:10px;color:var(--color-fg-muted);text-align:right}@media (max-width:680px){.dw-kom-widget{height:auto;min-height:280px}.dw-kom-profile-bar{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.dw-kom-profile-actions{flex-direction:column}}