.cpd-root{overflow:hidden}.cpd-head{border-bottom:1px solid var(--wh-border-light,var(--wh-border));flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;height:44px;padding:0 14px;display:flex}.cpd-title{font-family:var(--wh-font);text-transform:uppercase;letter-spacing:.05em;color:var(--wh-text-muted);align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.cpd-actions{align-items:center;gap:2px;display:inline-flex}.cpd-act{border-radius:var(--wh-radius-md,8px);color:var(--wh-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:30px;height:30px;transition:background-color .15s,color .15s;display:inline-flex}.cpd-act:hover{background:var(--wh-surface-hover);color:var(--wh-text)}.cpd-act:focus-visible{outline:2px solid var(--wh-indigo);outline-offset:1px}.cpd-stage{flex:1;justify-content:center;align-items:safe center;min-height:0;padding:18px 16px;display:flex;overflow:auto}.cpd-phone-frame{flex-shrink:0;position:relative}.cpd-phone{background:var(--wh-surface);border:10px solid #1f2937;border-radius:48px;display:flex;overflow:hidden;box-shadow:0 24px 60px -18px #00000073}.cpd-screen{background:var(--wh-bg);flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.cpd-screen>*{flex:1;min-width:0}.cpd-empty{font-family:var(--wh-font);color:var(--wh-text-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:24px;font-size:13px;display:flex}