.phd-demo-layer{--phd-handle-bg: #000;--phd-accent: #ff4da6;--phd-panel-bg: #0a0a0a;--phd-border: rgba(255, 255, 255, .14);--phd-text: #e9e9e9;--phd-muted: rgba(233, 233, 233, .7);--phd-shadow: 0 25px 70px rgba(0, 0, 0, .5);color:var(--phd-text)}.phd-demo-portal{color:var(--phd-text)}.phd-leftLine{position:fixed;left:0;top:0;bottom:0;width:1px;background:rgba(255,77,166,var(--phd-handle-line-opacity, .65));z-index:2147483647;pointer-events:none}.phd-handle-wrap{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:2147483647;display:flex;align-items:center;gap:10px;cursor:pointer}.phd-handle{width:var(--phd-handle-width, 38px);height:var(--phd-handle-height, 76px);background:var(--phd-handle-bg);border-radius:0 999px 999px 0;border:1px solid rgba(255,77,166,.55);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px #00000059;transform:scale(1);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;position:relative}.phd-handle:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:0 999px 999px 0;border:1px solid rgba(255,77,166,.25);pointer-events:none}.phd-handle__logo{width:30px;height:auto;color:#fff;opacity:0;animation:phd-handle-fade .6s ease forwards}.phd-handle__label{font-size:11px;letter-spacing:.4em;text-transform:uppercase;color:#ffffffa6;opacity:0;transform:translate(0);transition:opacity .22s ease,transform .22s ease,letter-spacing .22s ease,color .22s ease;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:auto}.phd-handle-wrap:hover .phd-handle{transform:scale(1.04);border-color:#ff4da6bf;box-shadow:0 10px 22px #0006}.phd-handle-wrap:hover .phd-handle__label{opacity:1;transform:translate(6px)}.phd-handle__label:hover{letter-spacing:.52em;color:#ffffffe6}.phd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2147483645;opacity:0;transition:opacity var(--phd-animation-ms, .42s) cubic-bezier(.22,1,.36,1);pointer-events:auto}.phd-overlay[data-phase=open],.phd-overlay[data-phase=opening]{opacity:1;pointer-events:auto}.phd-overlay[data-phase=closing],.phd-overlay[data-phase=closed]{opacity:0;pointer-events:none}.phd-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) translate(-28px) scale(.9);transform-origin:left center;width:min(720px,calc(100vw - 32px));background:var(--phd-panel-bg);border:1px solid var(--phd-border);border-radius:20px;box-shadow:var(--phd-shadow);padding:32px 34px 30px;z-index:2147483646;opacity:0;transition:opacity var(--phd-animation-ms, .42s) cubic-bezier(.22,1,.36,1),transform var(--phd-animation-ms, .42s) cubic-bezier(.22,1,.36,1);overflow:hidden;pointer-events:auto}.phd-panel[data-phase=open],.phd-panel[data-phase=opening]{opacity:1;transform:translate(-50%,-50%) translate(0) scale(1)}.phd-panel[data-phase=closing],.phd-panel[data-phase=closed]{opacity:0;transform:translate(-50%,-50%) translate(-28px) scale(.9);pointer-events:none}.phd-demo-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:16px;opacity:1;transform:translateY(0);transition:opacity var(--phd-animation-ms, .42s) cubic-bezier(.22,1,.36,1),transform var(--phd-animation-ms, .42s) cubic-bezier(.22,1,.36,1)}.phd-demo-content.is-splashing{opacity:0;transform:translateY(8px);pointer-events:none}.phd-demo-splash{position:absolute;top:0;right:0;bottom:0;left:0;background:#050505;display:flex;align-items:center;justify-content:center;z-index:3;animation:phd-splash-fade var(--phd-splash-ms, .9s) ease forwards}.phd-demo-splash-inner{display:flex;align-items:center;justify-content:center}.phd-logo{width:86px;height:auto;display:block}.phd-logo-brand{width:88px;color:var(--phd-accent)}.phd-logo-splash{width:120px;color:var(--phd-accent);animation:phd-logo-pop 1.1s ease forwards}.phd-demo-brand{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:4px;text-align:center}.phd-demo-brand-text{font-size:11px;letter-spacing:.45em;text-transform:uppercase;color:#ffffffb8;transition:letter-spacing .22s ease,color .22s ease}.phd-demo-brand-text:hover{letter-spacing:.55em;color:#ffffffe6}.phd-demo-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.phd-demo-title{font-size:20px;font-weight:600;margin:0}.phd-demo-locale-toggle{display:flex;gap:6px}.phd-demo-locale-toggle button{background:transparent;border:1px solid var(--phd-border);color:var(--phd-muted);font-size:11px;padding:6px 8px;border-radius:8px;cursor:pointer;transition:border-color .18s ease,color .18s ease,background .18s ease}.phd-demo-locale-toggle button.is-active{color:var(--phd-accent);border-color:#ff4da699}.phd-demo-body{font-size:15px;line-height:1.6;color:var(--phd-muted);margin:0}.phd-demo-actions{display:flex;flex-wrap:wrap;gap:12px;position:relative}.phd-demo-actions .phd-demo-btn{border-radius:12px;padding:12px 16px;border:1px solid var(--phd-border);background:#ffffff0a;color:var(--phd-text);font-size:14px;cursor:pointer;transition:border .18s ease,color .18s ease,background .18s ease,box-shadow .18s ease}.phd-demo-actions .phd-demo-btn.primary{border-color:#ff4da680;color:var(--phd-accent)}.phd-demo-actions .phd-demo-btn.secondary{border-color:#fff3}.phd-demo-actions .phd-demo-btn.ghost{background:transparent;color:var(--phd-muted)}.phd-demo-btn[data-locked=true]{opacity:.5;cursor:not-allowed}.phd-demo-btn:disabled{opacity:.5;cursor:not-allowed}.phd-demo-tooltip{position:absolute;right:0;bottom:calc(100% + 8px);background:#0a0a0af2;border:1px solid var(--phd-border);color:var(--phd-text);font-size:12px;padding:8px 10px;border-radius:10px;width:min(280px,90vw);opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .16s ease,transform .16s ease}.phd-demo-tooltip.is-visible{opacity:1;transform:translateY(0)}.phd-demo-section{margin-top:18px;display:grid;gap:14px}.phd-demo-field{display:grid;gap:6px}.phd-demo-field label{font-size:12px;color:var(--phd-muted)}.phd-demo-field input,.phd-demo-field textarea,.phd-demo-field select{background:#ffffff0a;border:1px solid var(--phd-border);border-radius:12px;color:var(--phd-text);padding:12px 14px;font-size:14px;font-family:inherit;transition:border-color .18s ease,box-shadow .18s ease}.phd-demo-field input:focus,.phd-demo-field textarea:focus,.phd-demo-field select:focus{outline:none;border-color:#ff4da6b3;box-shadow:0 0 0 3px #ff4da62e}.phd-demo-demo-row{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--phd-border);border-radius:12px;background:#ffffff08}.phd-demo-demo-url{flex:1;font-size:12px;color:var(--phd-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;word-break:break-all}.phd-demo-btn.tiny{padding:6px 12px;font-size:11px;border-radius:10px}.phd-demo-field textarea{resize:vertical;min-height:110px}.phd-demo-footer-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.phd-demo-helper{font-size:12px;color:var(--phd-muted);margin-top:8px}.phd-demo-divider{height:1px;background:var(--phd-border);margin:14px 0}@media(max-width:520px){.phd-panel{padding:22px 20px 20px}.phd-demo-actions,.phd-demo-footer-actions{flex-direction:column}.phd-handle{width:32px;height:64px}.phd-handle__logo{width:24px}.phd-handle__label{display:none}}@keyframes phd-handle-fade{0%{opacity:0}to{opacity:1}}@keyframes phd-logo-pop{0%{transform:scale(.92);opacity:.6}60%{transform:scale(1.03);opacity:1}to{transform:scale(1);opacity:1}}@keyframes phd-splash-fade{0%{opacity:1}80%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.phd-overlay,.phd-panel,.phd-demo-content,.phd-handle,.phd-handle__logo,.phd-handle__label,.phd-logo-splash,.phd-demo-brand-text,.phd-demo-actions .phd-demo-btn,.phd-demo-field input,.phd-demo-field textarea,.phd-demo-field select{transition:none!important;animation:none!important}}