body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-family:Arial;height:100%;margin:0;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box}input,select{border:1px solid #a7b1c3;border-radius:4px}body::-webkit-scrollbar{display:none}.header-content{text-align:center}.story-body,.story-container{text-align:left}.story-body{pre{p{color:#000!important}}}.iframe-test-container{background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.iframe-test-header{background-color:#2c3e50;color:#fff;padding:20px;text-align:center}.iframe-test-header h1{font-size:2rem;margin:0 0 10px}.iframe-test-header p{margin:0;opacity:.9}.iframe-test-controls{background-color:#fff;border-bottom:1px solid #ddd;box-shadow:0 2px 4px #0000001a;padding:20px}.url-input-section{margin-bottom:20px}.page-selector-section{align-items:center;display:flex;gap:10px;margin-top:15px}.page-select-label{color:#333;font-size:.9rem;font-weight:600;white-space:nowrap}.page-select{background-color:#fff;border:2px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-size:.9rem;font-weight:500;min-width:200px;padding:8px 12px;transition:all .3s ease}.page-select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.page-select:hover{border-color:#2980b9}.url-input-section label{color:#333;display:block;font-weight:600;margin-bottom:8px}.url-input-container{align-items:center;display:flex;gap:10px}.url-input{border:2px solid #ddd;border-radius:6px;flex:1 1;font-size:16px;padding:12px;transition:border-color .3s ease}.url-input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.load-button{background-color:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:background-color .3s ease}.load-button:hover{background-color:#2980b9}.message-controls{display:flex;gap:10px}.clear-messages-button{background-color:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background-color .3s ease}.clear-messages-button:hover{background-color:#c0392b}.iframe-test-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr;height:calc(100vh - 200px);padding:20px}.iframe-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.iframe-section h3{background-color:#34495e;color:#fff;font-size:1.1rem;margin:0;padding:15px 20px}.test-iframe{background-color:#f8f9fa;border:none;height:calc(100% - 50px);width:100%}.messages-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;overflow:hidden}.messages-section h3{background-color:#8e44ad;color:#fff;font-size:1.1rem;margin:0;padding:15px 20px}.messages-container{flex:1 1;overflow-y:auto;padding:10px}.no-messages{color:#666;font-style:italic;margin-top:50px;text-align:center}.message-item{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-bottom:10px;padding:12px;transition:box-shadow .2s ease}.message-item:hover{box-shadow:0 2px 4px #0000001a}.message-header{align-items:center;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:8px}.message-timestamp{color:#666;font-weight:500}.message-id{background-color:#f3e5f5;border-radius:4px;color:#8e44ad;font-weight:600;padding:2px 8px}.message-data{background-color:#fff;border:1px solid #e9ecef;border-radius:4px;overflow-x:auto;padding:10px}.message-data pre{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;line-height:1.4;margin:0;white-space:pre-wrap;word-break:break-word}.message-data pre.plain-text{color:#2c3e50;font-weight:500}.message-data pre.json-text{margin:5px;outline:1px solid #ccc;padding:5px}.string{color:green}.number{color:#ff8c00}.boolean{color:blue}.null{color:#f0f}.key{color:red}.message-data .json-bracket{color:#2c3e50!important;font-weight:700}@media (max-width:768px){.iframe-test-content{grid-template-columns:1fr;height:auto}.iframe-section,.messages-section{min-height:400px}.url-input-container{align-items:stretch}.message-controls,.url-input-container{flex-direction:column}}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.messages-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.messages-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.test-links{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1;align-items:center;background:linear-gradient(135deg,#ff8a50,#ff5722);box-sizing:border-box;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;justify-content:center;min-height:100vh;padding:20px;position:relative;text-rendering:optimizeLegibility}.test-links.direct{background:linear-gradient(135deg,#eb6e08,#eea784);color:#eb6e08}.test-links.potter{background:linear-gradient(135deg,#00c1b5,#96d7d3);color:#00c1b5}.test-links.desktop{background:linear-gradient(135deg,#008bca,#53bde9);color:#008bca}.version-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;font-size:12px;font-weight:500;letter-spacing:.3px;line-height:1.4;padding:8px 16px;position:absolute;right:20px;top:20px}.login-container{align-items:center;display:flex;justify-content:center;max-width:420px;width:100%}.login-card{animation:slideUp .4s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;padding:40px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:32px;text-align:center}.login-header h1{color:#1a202c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:32px;font-weight:700;letter-spacing:-.8px;line-height:1.2;margin:0 0 8px}.login-header p{color:#718096;font-size:15px;font-weight:400;letter-spacing:.1px;line-height:1.5;margin:0}.login-form{gap:24px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#2d3748;font-size:12px;font-weight:600;letter-spacing:.3px;line-height:1.5;text-transform:uppercase}.form-group input{background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#2d3748;font-family:inherit;font-size:15px;letter-spacing:.1px;line-height:1.5;padding:14px 16px;transition:all .2s ease;width:100%}.form-group input:focus{background:#fff;border-color:#ff8a50;box-shadow:0 0 0 3px #ff8a501a;outline:none}.form-group input:disabled{background:#edf2f7;cursor:not-allowed;opacity:.6}.form-group input::placeholder{color:#a0aec0;font-weight:400;letter-spacing:.1px}.form-group .mode-select,.form-group select{background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#2d3748;cursor:pointer;font-family:inherit;font-size:15px;letter-spacing:.1px;line-height:1.5;padding:14px 16px;transition:all .2s ease;width:100%}.form-group .mode-select:focus,.form-group select:focus{background:#fff;border-color:#ff8a50;box-shadow:0 0 0 3px #ff8a501a;outline:none}.form-group .mode-select:disabled,.form-group select:disabled{background:#edf2f7;cursor:not-allowed;opacity:.6}.form-group .mode-select:hover:not(:disabled),.form-group select:hover:not(:disabled){border-color:#ff8a50}.login-button{align-items:center;background:linear-gradient(135deg,#ff8a50,#ff5722);border:none;border-radius:8px;box-shadow:0 4px 12px #ff8a5066;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.5px;line-height:1.5;margin-top:8px;padding:14px 24px;text-transform:uppercase;transition:all .2s ease;width:100%}.login-button:hover:not(:disabled){box-shadow:0 6px 20px #ff8a5080;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.content-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;margin-top:20px;max-width:800px;padding:40px;width:100%}.content-container h3{color:#1a202c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.3px;line-height:1.3;margin:32px 0 16px}.content-container h3:first-child{margin-top:0}.mode-selector{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.mode-selector label{color:#2d3748;font-size:14px;font-weight:600;letter-spacing:.3px;line-height:1.5;margin:0}.mode-select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#2d3748;cursor:pointer;font-family:inherit;font-size:15px;letter-spacing:.1px;line-height:1.5;min-width:150px;padding:10px 16px;transition:all .2s ease}.mode-select:focus{box-shadow:0 0 0 3px #ff8a501a;outline:none}.mode-select:focus,.mode-select:hover{border-color:#ff8a50}.links-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:24px}.content-container a{background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;color:inherit;display:block;font-family:inherit;font-size:15px;font-weight:500;letter-spacing:.2px;line-height:1.5;padding:12px 16px;text-align:center;text-decoration:none;transition:all .2s ease}.content-container a:hover{background:#fff;border-color:#ff8a50;box-shadow:0 2px 8px #ff8a5033;color:#ff5722;transform:translateY(-2px)}.test-section{border-top:1px solid #e2e8f0;margin-top:32px;padding-top:32px}.test-form{margin-top:16px}.test-button{background:linear-gradient(135deg,#ff8a50,#ff5722);border:none;border-radius:8px;box-shadow:0 4px 12px #ff8a5066;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.test-button:hover{box-shadow:0 6px 20px #ff8a5080;transform:translateY(-2px)}.test-button:active{transform:translateY(0)}@media (max-width:480px){.test-links{padding:16px}.login-card{padding:32px 24px}.login-header h1{font-size:26px;letter-spacing:-.5px}.version-badge{align-self:flex-end;margin-bottom:20px;position:static}.content-container{padding:24px}.links-grid{gap:10px;grid-template-columns:1fr}}.theme-toggle-btn-container{align-items:center;display:flex;gap:10px;justify-content:flex-end;margin-right:10px}.theme-toggle-btn{background:linear-gradient(45deg,#64b5f6,#42a5f5);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.theme-toggle-btn.active{background:orange;color:#fff}
/*# sourceMappingURL=main.4d01fad3.css.map*/