.pwd-demo.svelte-1p3klwy.svelte-1p3klwy{background:#0d1323;border:1px solid #283660;border-radius:14px;box-shadow:0 20px 80px #0006}.pwd-controls.svelte-1p3klwy.svelte-1p3klwy{display:flex;gap:16px;padding:14px 16px 12px;align-items:flex-start}.pwd-ctrl--style.svelte-1p3klwy.svelte-1p3klwy{flex:0 0 168px;position:relative}.pwd-ctrl--color.svelte-1p3klwy.svelte-1p3klwy{flex:1;min-width:0}.pwd-ctrl.svelte-1p3klwy.svelte-1p3klwy{display:flex;flex-direction:column;gap:6px}.pwd-ctrl-label.svelte-1p3klwy.svelte-1p3klwy{font-family:Red Hat Display,system-ui,sans-serif;font-size:11px;font-weight:700;color:#ccd6ff;text-transform:uppercase;letter-spacing:.06em}.pwd-grads.svelte-1p3klwy.svelte-1p3klwy{display:flex;gap:5px}.pwd-grad.svelte-1p3klwy.svelte-1p3klwy{flex:1;min-width:0;height:20px;padding:0;margin:0;border:1px solid rgba(40,54,96,.9);border-radius:5px;background-origin:border-box;cursor:pointer;transition:transform .14s ease,border-color .14s ease}.pwd-grad.svelte-1p3klwy.svelte-1p3klwy:hover{transform:translateY(-1px);border-color:#7d8ce0}.pwd-grad.active.svelte-1p3klwy.svelte-1p3klwy{border-color:#f8f8ff;box-shadow:0 0 0 2px #f8f8ff38}.pwd-stage.svelte-1p3klwy.svelte-1p3klwy{position:relative;height:336px;margin:2px 16px 16px;border-radius:8px;background-color:#060b11;box-shadow:inset 0 0 0 1px #1d2644;touch-action:none}.pwd-card.svelte-1p3klwy.svelte-1p3klwy{position:absolute;box-sizing:border-box;background:#0d1323;border:1px solid #283660;border-radius:8px;padding:14px;-webkit-user-select:none;user-select:none;overflow:hidden}.pwd-grip.svelte-1p3klwy.svelte-1p3klwy{position:absolute;top:0;left:0;right:0;height:46px;z-index:5;cursor:move}.pwd-card.dragging.svelte-1p3klwy.svelte-1p3klwy{border-color:#7d8ce0;box-shadow:0 8px 28px #00000073}.pwd-card.svelte-1p3klwy.svelte-1p3klwy:hover{border-color:#3d4f80}.pwd-edge.svelte-1p3klwy.svelte-1p3klwy{position:absolute;z-index:10}.pwd-edge--n.svelte-1p3klwy.svelte-1p3klwy{top:0;left:20px;right:20px;height:6px;cursor:n-resize}.pwd-edge--s.svelte-1p3klwy.svelte-1p3klwy{bottom:0;left:20px;right:20px;height:6px;cursor:s-resize}.pwd-edge--e.svelte-1p3klwy.svelte-1p3klwy{right:0;top:20px;bottom:20px;width:6px;cursor:e-resize}.pwd-edge--w.svelte-1p3klwy.svelte-1p3klwy{left:0;top:20px;bottom:20px;width:6px;cursor:w-resize}.pwd-handle.svelte-1p3klwy.svelte-1p3klwy{position:absolute;right:0;bottom:0;width:20px;height:20px;z-index:10;display:flex;align-items:flex-end;justify-content:flex-end;padding:3px;cursor:se-resize;color:#5a6a8a;opacity:0;transition:opacity .15s ease}.pwd-card.svelte-1p3klwy:hover .pwd-handle.svelte-1p3klwy,.pwd-card.dragging.svelte-1p3klwy .pwd-handle.svelte-1p3klwy{opacity:1}.pwd-hint.svelte-1p3klwy.svelte-1p3klwy{position:absolute;transform:translate(-50%,calc(-100% - 10px));pointer-events:none;z-index:100;animation:svelte-1p3klwy-pwd-hint-bounce 2s ease-in-out infinite,svelte-1p3klwy-pwd-hint-fadein .4s ease-out}.pwd-hint-box.svelte-1p3klwy.svelte-1p3klwy{position:relative;border:1px solid #ffd000;border-radius:4px;background:rgba(35,30,5,.95);color:#ffd000;font-family:Red Hat Display,system-ui,sans-serif;font-weight:400;font-size:11px;padding:2px 8px;white-space:nowrap;box-shadow:0 2px 8px #00000073}.pwd-hint-box.svelte-1p3klwy.svelte-1p3klwy:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%) rotate(45deg);width:7px;height:7px;background:rgba(35,30,5,.95);border-right:1px solid #ffd000;border-bottom:1px solid #ffd000}.pwd-hint--ctrl.svelte-1p3klwy.svelte-1p3klwy{left:50%;top:100%}.pwd-hint--below.svelte-1p3klwy.svelte-1p3klwy{transform:translate(-50%,10px);animation:svelte-1p3klwy-pwd-hint-bounce-below 2s ease-in-out infinite,svelte-1p3klwy-pwd-hint-fadein .4s ease-out}.pwd-hint--below.svelte-1p3klwy .pwd-hint-box.svelte-1p3klwy:after{bottom:auto;top:-4px;border-right:none;border-bottom:none;border-left:1px solid #ffd000;border-top:1px solid #ffd000}@keyframes svelte-1p3klwy-pwd-hint-bounce-below{0%,to{transform:translate(-50%,10px)}50%{transform:translate(-50%,16px)}}.pwd-hint--corner.svelte-1p3klwy.svelte-1p3klwy{transform:translate(-100%,calc(-100% - 10px));animation:svelte-1p3klwy-pwd-hint-bounce-corner 2s ease-in-out infinite,svelte-1p3klwy-pwd-hint-fadein .4s ease-out}.pwd-hint--corner.svelte-1p3klwy .pwd-hint-box.svelte-1p3klwy:after{left:auto;right:12px;transform:rotate(45deg)}@keyframes svelte-1p3klwy-pwd-hint-bounce-corner{0%,to{transform:translate(-100%,calc(-100% - 10px))}50%{transform:translate(-100%,calc(-100% - 16px))}}@keyframes svelte-1p3klwy-pwd-hint-bounce{0%,to{transform:translate(-50%,calc(-100% - 10px))}50%{transform:translate(-50%,calc(-100% - 16px))}}@keyframes svelte-1p3klwy-pwd-hint-fadein{0%{opacity:0}to{opacity:1}}