._demoPage_9w9ex_1{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden;position:relative}._backButton_9w9ex_10{position:absolute;top:20px;left:20px;z-index:1000;display:flex;align-items:center;justify-content:center;font-family:Raleway,sans-serif;background-color:#ffffff8c;border:1px solid rgba(102,195,208,.3);border-radius:8px;color:#000;padding:4px 8px 4px 4px;text-decoration:none;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px)}._backButton_9w9ex_10:hover{background-color:#66c3d033;border-color:#66c3d0;color:#fff;transform:translate(-2px)}._backButton_9w9ex_10:active{transform:translate(-2px) scale(.95)}._backButton_9w9ex_10 svg{width:24px;height:24px}._iframeWrapper_9w9ex_49{flex:1;width:100%;min-height:0;position:relative;overflow:hidden;background-color:#000}._demoIframe_9w9ex_58{width:100%;height:100%;border:none;display:block}._hints_9w9ex_65{position:absolute;bottom:0;left:0;right:0;padding:16px 20px;background:linear-gradient(to top,#000000d9,#0009);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:8px;z-index:10;pointer-events:none}._hintText_9w9ex_80{font-family:Raleway,sans-serif;font-size:14px;color:#fff;margin:0;text-align:center;line-height:1.5}._hintText_9w9ex_80 kbd{display:inline-block;padding:2px 6px;margin:0 2px;background-color:#66c3d04d;border:1px solid rgba(102,195,208,.5);border-radius:4px;font-family:Raleway,sans-serif;font-size:12px;font-weight:600;color:#66c3d0;box-shadow:0 1px 2px #0000004d}._hintNote_9w9ex_103{font-family:Raleway,sans-serif;font-size:12px;color:#ffffffb3;margin:0;text-align:center;font-style:italic}._placeholder_9w9ex_112{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#1a1a1a;z-index:1}._placeholderContent_9w9ex_125{display:flex;flex-direction:column;align-items:center;gap:20px}._placeholderText_9w9ex_132{font-family:Raleway,sans-serif;font-size:18px;color:#fff;text-align:center;margin:0}._loader_9w9ex_140{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid #66c3d0;border-radius:50%;animation:_spin_9w9ex_1 1s linear infinite}@keyframes _spin_9w9ex_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._demoVersions_9w9ex_159{height:200px;width:100%;background-color:var(--background-color, #1a1a1a);border-top:1px solid var(--border-color, #333);padding:10px;box-sizing:border-box;overflow-y:auto;flex-shrink:0;display:flex;flex-direction:column;gap:15px}._controls_9w9ex_173{display:flex;justify-content:center;align-items:center}._deployedControls_9w9ex_179{display:flex;flex-direction:column;align-items:center;gap:10px}._deployedText_9w9ex_186{font-family:Raleway,sans-serif;font-size:14px;color:#66c3d0;margin:0}._versionsList_9w9ex_193{flex:1;display:flex;align-items:center;justify-content:center;gap:20px;color:#888;font-family:Raleway,sans-serif;font-size:14px}._arrowButton_9w9ex_204{background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:#66c3d0;transition:all .2s ease;border-radius:4px}._arrowButton_9w9ex_204:hover{color:#fff;background-color:#66c3d01a}._arrowButton_9w9ex_204:active{transform:scale(.95)}._arrowButton_9w9ex_204 svg{width:24px;height:24px}._imageContainer_9w9ex_231{flex:1;display:flex;flex-direction:column;align-items:center;max-width:300px;gap:10px;overflow:hidden;border-radius:8px;font-family:Relaway,sans-serif;font-weight:500;font-size:12px;color:#fff}._image_9w9ex_231{position:relative;width:100%;height:100%}._demoImage_9w9ex_252{position:relative;width:100%;height:100%;object-fit:cover;border-radius:8px;display:block}._imageDesc_9w9ex_261{position:absolute;inset:0;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#0009;font-size:14px;text-align:center;line-height:150%;padding:10px;opacity:0;pointer-events:none;transition:opacity .3s ease}._image_9w9ex_231:hover ._imageDesc_9w9ex_261{opacity:1}@media (max-width: 768px){._demoVersions_9w9ex_159{height:150px;padding:15px}._placeholderText_9w9ex_132{font-size:16px}._versionsList_9w9ex_193{gap:10px}._imageContainer_9w9ex_231{max-width:200px;height:100px}._arrowButton_9w9ex_204 svg{width:20px;height:20px}._hints_9w9ex_65{padding:12px 16px;gap:6px}._hintText_9w9ex_80{font-size:12px}._hintText_9w9ex_80 kbd{font-size:11px;padding:2px 4px}._hintNote_9w9ex_103{font-size:11px}}