.wz-floating-card { position: fixed; z-index: 300; width: min(920px, calc(100vw - 24px)); height: min(660px, calc(100vh - 110px)); left: 50%; top: 105px; transform: translateX(-50%); border: 1px solid rgba(246,242,232,0.16); border-radius: 26px; background: rgba(11,11,13,0.88); box-shadow: 0 30px 110px rgba(0,0,0,0.58); backdrop-filter: blur(22px); overflow: hidden; resize: both; min-width: 310px; min-height: 220px; }
.wz-floating-card.is-hidden { display: none; }
.wz-floating-card.is-minimized { height: 58px !important; min-height: 58px; resize: none; }
.wz-floating-card.is-minimized .wz-card-body { display: none; }
.wz-floating-card.is-fullscreen { inset: 10px !important; width: auto !important; height: auto !important; transform: none !important; border-radius: 22px; resize: none; }
.wz-card-bar { height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 0 12px 0 18px; border-bottom: 1px solid rgba(246,242,232,0.12); background: linear-gradient(90deg, rgba(201,162,74,0.11), rgba(159,122,234,0.08), rgba(54,211,153,0.07)); cursor: grab; user-select: none; touch-action: none; }
.wz-card-title { display: flex; align-items: center; gap: 10px; min-width: 0; font-weight: 900; letter-spacing: -0.03em; }
.wz-card-title small { display: block; color: rgba(246,242,232,0.48); font: 11px ui-monospace, monospace; letter-spacing: 0.1em; text-transform: uppercase; }
.wz-card-title span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wz-card-controls { display: flex; align-items: center; gap: 7px; }
.wz-card-controls button { width: 34px; height: 34px; border-radius: 12px; border: 1px solid rgba(246,242,232,0.12); background: rgba(255,255,255,0.04); color: #f6f2e8; }
.wz-card-controls button:hover { background: rgba(246,242,232,0.12); }
.wz-card-body { height: calc(100% - 58px); min-height: 0; overflow: auto; }
.wz-card-resize-hint { position: absolute; right: 7px; bottom: 6px; color: rgba(246,242,232,0.25); font-size: 16px; pointer-events: none; }
@media (max-width: 720px) { .wz-floating-card { left: 10px !important; right: 10px; top: 86px !important; transform: none !important; width: auto !important; height: min(680px, calc(100vh - 104px)); } }