.control-btn,.slide-btn{transition:.2s;cursor:pointer}.skeleton-frame,.text-skeleton{animation:1.2s infinite skeletonMove}#projectName,.viewer-box{width:100%;overflow:hidden}#projectName,.raw-btn{white-space:nowrap;text-decoration:none}*{margin:0;padding:0;box-sizing:border-box}body{background:#111826;font-family:Arial,sans-serif;color:#fff;min-height:100vh;display:flex;justify-content:center;padding:20px}.live-container{width:100%;max-width:1200px}.viewer-card{background:#161b22;border:1px solid #30363d;border-radius:16px;overflow:hidden;box-shadow:0 0 25px rgba(0,0,0,.35)}.viewer-box{position:relative;height:80vh;padding:15px;background:#161b22}.viewer-box iframe{width:135%;height:135%;transform:scale(.74);transform-origin:top left;border-radius:12px;background:#fff;box-shadow:0 0 30px rgba(0,0,0,.4)}.slide-btn{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border:none;border-radius:50%;background:rgba(0,0,0,.7);color:#fff;font-size:20px;z-index:10;backdrop-filter:blur(10px)}.bottom-controls,.info-box{padding:20px;border-top:1px solid #30363d}.slide-btn:hover{transform:translateY(-50%) scale(1.08)}.prev-btn{left:26px}.next-btn{right:26px}.project-name{flex:1;min-width:0;font-size:20px;font-weight:700;margin-bottom:10px}.project-meta{display:flex;flex-wrap:wrap;gap:15px;font-size:14px;color:#8b949e}.bottom-controls{display:flex;justify-content:center;align-items:center;gap:10px}.control-btn{padding:12px 18px;border:none;border-radius:10px;background:#0057ff;color:#fff;font-size:14px}.control-btn:hover,.raw-btn:hover{opacity:.8}.slide-btn::before{content:"";display:block;width:22px;height:22px;margin:auto;background-repeat:no-repeat;background-position:center;background-size:contain}.next-control::after,.prev-control::before{width:16px;height:16px;content:"";background-repeat:no-repeat;background-size:contain}.prev-btn::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'/%3E%3C/svg%3E")}.next-btn::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E")}.next-control,.prev-control{display:flex;align-items:center;gap:8px}.prev-control::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'/%3E%3C/svg%3E")}.next-control::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E")}.counter{font-size:14px;color:#8b949e;padding:0 10px}.loading{display:flex;align-items:center;justify-content:center;height:100%;font-size:18px}@media(max-width:768px){.viewer-box{height:70vh}.viewer-box iframe{width:334%;height:335%;transform:scale(.3);transform-origin:top left}.slide-btn{width:45px;height:45px;font-size:18px}.bottom-controls{flex-wrap:wrap}}.skeleton-layer{position:absolute;inset:0;z-index:5;background:#161b22;display:flex;align-items:center;justify-content:center}.skeleton-frame{width:94%;height:94%;border-radius:12px;background:linear-gradient(90deg,#1a1f2c 25%,#2a3142 37%,#1a1f2c 63%);background-size:400% 100%}@keyframes skeletonMove{0%{background-position:100% 0}100%{background-position:0 0}}.skeleton-hide{display:none!important}.text-skeleton{display:inline-block;height:18px;border-radius:6px;background:linear-gradient(90deg,#1a1f2c 25%,#2a3142 37%,#1a1f2c 63%);background-size:400% 100%}.name-skeleton{width:280px;height:24px;margin-bottom:10px}.meta-skeleton{width:90px;height:16px}.counter-skeleton{width:70px;height:16px}.info-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.raw-btn{background:#fff;color:#000;font-weight:700;padding:6px 12px;font-size:13px;border-radius:8px}#projectName{color:#00ff91;display:flex;align-items:center;gap:6px;text-overflow:ellipsis;cursor:pointer}#projectName::after{flex-shrink:0;content:"";width:18px;height:18px;flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb(0 255 145)' stroke='rgb(0 255 145)' stroke-width='0.7'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain}#projectName:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px}
#alertBox img,.lock{width:92px;height:92px;margin-bottom:10px}#alertBox{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#161b22;border:1px solid #30363d;border-radius:14px;padding:18px;box-shadow:0 20px 60px rgba(0,0,0,.6);color:#e5e7eb;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:14px;text-align:center;z-index:9999;transition:opacity .25s ease-in-out;opacity:0;width:min(340px,92vw)}#alertBox img{object-fit:cover;border-radius:10px}#alertBox .msg{color:#0073e5;display:block;margin-top:6px;font-weight:420;letter-spacing:.2px}#alertBox #countdown{margin-top:14px;font-size:13px;color:#c5c5c5;font-weight:400}#alertBox .footer-text{margin-top:14px;font-size:12px;color:#8e8ea0;letter-spacing:.3px}.lock{display:inline-block;background-size:contain;background-repeat:no-repeat;background-position:center;background-image:url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJIYXhvckFJX0xvY2siIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCiAgICAgICAgICAgIDwhLS0gQmFja2dyb3VuZCBQZXJzZWdpIC0tPgogICAgICAgICAgICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgZmlsbD0idHJhbnNwYXJlbnQiIHJ4PSIyMCIgLz4KCiAgICAgICAgICAgIDwhLS0gSGFuZGxlIEdlbWJvayAtLT4KICAgICAgICAgICAgPHBhdGggZD0iTTY2LjEsMTI4LjFWNTkuOWMwLTE4LjQsMTQuOS0zMy4zLDMzLjMtMzMuM3MzMy4zLDE0LjksMzMuMywzMy4zdjM2LjgiIHN0eWxlPSJmaWxsOm5vbmU7IHN0cm9rZTp3aGl0ZXNtb2tlOyBzdHJva2Utd2lkdGg6MTQ7IHN0cm9rZS1saW5lY2FwOnJvdW5kOyBzdHJva2UtbGluZWpvaW46cm91bmQ7IHN0cm9rZS1taXRlcmxpbWl0OjEwOyIgLz4KCiAgICAgICAgICAgIDwhLS0gQm9keSBHZW1ib2sgLS0+CiAgICAgICAgICAgIDxnIGlkPSJsb2NrLWJvZHkiIHN0eWxlPSJ0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTIycHgpOyB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4zcyBlYXNlLWluLW91dDsiPgogICAgICAgICAgICAgICAgPHJlY3QgeD0iNTkiIHk9IjExNy41IiB3aWR0aD0iMTQuNSIgaGVpZ2h0PSI0LjciIHN0eWxlPSJvcGFjaXR5OjAuNjsgZmlsbDpncmV5OyIgLz4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik00OS44LDE3NS43YzAsMy45LDMuMSw3LDcsN0gxNDJjMy44LDAsNy0zLjEsNy03di00OC4zYzAtMy44LTMuMi03LTctN0g1Ni44Yy0zLjksMC03LDMuMi03LDdWMTc1Ljd6IiBzdHlsZT0iZmlsbDpoc2woMjE3LCA4MyUsIDUwJSk7IiAvPgoKICAgICAgICAgICAgICAgIDwhLS0gTHViYW5nIEt1bmNpIC8gSWtvbiBKYXJpbmdhbiAtLT4KICAgICAgICAgICAgICAgIDxnIGlkPSJuZXR3b3JrIiBzdHlsZT0idHJhbnNmb3JtOiB0cmFuc2xhdGVZKDApOyB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4zcyBlYXNlLWluLW91dDsiPgogICAgICAgICAgICAgICAgICAgIDxsaW5lIHgxPSIxMTEuNCIgeTE9IjE0MS42IiB4Mj0iMTExLjQiIHkyPSIxNjIuMSIgc3R5bGU9ImZpbGw6bm9uZTsgc3Ryb2tlOndoaXRlOyBzdHJva2Utd2lkdGg6Nzsgc3Ryb2tlLW1pdGVybGltaXQ6MTA7IiAvPgogICAgICAgICAgICAgICAgICAgIDxsaW5lIHgxPSI5OS40IiB5MT0iMTQ3LjQiIHgyPSI5OS40IiB5Mj0iMTYyLjEiIHN0eWxlPSJmaWxsOm5vbmU7IHN0cm9rZTp3aGl0ZTsgc3Ryb2tlLXdpZHRoOjc7IHN0cm9rZS1taXRlcmxpbWl0OjEwOyIgLz4KICAgICAgICAgICAgICAgICAgICA8bGluZSB4MT0iODcuNCIgeTE9IjE1MS44IiB4Mj0iODcuNCIgeTI9IjE2Mi4xIiBzdHlsZT0iZmlsbDpub25lOyBzdHJva2U6d2hpdGU7IHN0cm9rZS13aWR0aDo3OyBzdHJva2UtbWl0ZXJsaW1pdDoxMDsiIC8+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L3N2Zz4=');opacity:.95}