body{display:block;background-color:#f5f5f5;height:100vh;margin:0;padding:0;font-family:Arial,sans-serif}.container{position:relative;width:100%;height:100%}.content{display:flex;background-color:#c2fbff66;flex-direction:column;width:100%}.description{margin-inline-start:auto;margin-inline-end:auto;width:min(1000px,80vw);margin-top:25px;margin-bottom:120px}.description-title{text-align:center;color:#141414;font-size:40px;font-weight:550}.footer{margin-top:20px;margin-inline-start:auto;margin-inline-end:auto}.description-contents{margin-inline-start:auto;margin-inline-end:auto;background-color:#fcfcfc;border:1px solid #64646440;border-radius:4px;margin-top:80px;padding:20px 40px 40px;box-shadow:0 0 8px #64646480}.description-content{margin-inline-start:auto;margin-inline-end:auto;padding-top:5px;padding-bottom:50px}.header{color:#fff;position:fixed;z-index:1000;backdrop-filter:blur(10px);background-color:#14282866;border-radius:8px;width:min(92.5vw,750px);margin-top:10px;margin-left:10px;margin-right:10px;padding:10px 15px 5px;box-shadow:0 4px 15px #0003}.header h1{margin:0 0 8px;font-size:16px;font-weight:600}.url-input-container{display:flex;align-items: center;gap:8px}.url-input{outline:none;border:none;border-radius:6px;flex:1;padding:8px 12px;font-size:14px;box-shadow:0 2px 4px #0000001a}.fetch-button{color:#fff;cursor:pointer;background-color:#3498db;border:none;border-radius:6px;padding:8px 16px;transition:all .3s;font-size:14px;font-weight:500;box-shadow:0 2px 4px #0000001a}.fetch-button:hover{background-color:#2980b9;transform:translateY(-1px);box-shadow:0 4px 8px #0003}.fetch-button:disabled{cursor:not-allowed;background-color:#95a5a6;transform:none}.loading{position:absolute;text-align:center;color:#7f8c8d;z-index:100;top:50%;left:50%;transform:translate(-50%,-50%)}.error{position:fixed;color:#fff;z-index:999;background-color:#e74c3c;border-radius:8px;padding:15px;top:100px;left:10px;right:10px;box-shadow:0 4px 15px #e74c3c4d}.content-frame{position:absolute;z-index:1;background-color:#fff;border:none;width:100%;height:100vh;top:0;left:0}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:40px;height:40px;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){.header{padding:8px 12px;top:5px;left:5px;right:5px}.header h1{margin-bottom:6px;font-size:14px}.url-input-container{gap:6px}.url-input{padding:6px 10px;font-size:13px}.fetch-button{padding:6px 12px;font-size:13px}.error{top:80px;left:5px;right:5px}}