body{margin:0;padding:0;background:#0e0e0e;font-family:'Segoe UI',sans-serif;color:#eee;display:flex;justify-content:center;align-items:center;min-height:100vh}.container{background:#1c1c1c;padding:2em;border-radius:12px;max-width:650px;width:100%;box-shadow:0 0 20px rgb(0 255 204 / .2)}h2{text-align:center;margin-bottom:1em}label{margin-top:15px;font-weight:700;text-align:center;display:block}select,input,textarea,button{width:100%;padding:10px;margin-top:5px;border:none;border-radius:6px;background:#2a2a2a;color:#eee}textarea{resize:vertical}button{background:#00c896;color:#fff;margin-top:20px;font-weight:700;transition:background 0.3s;cursor:pointer}button:disabled{background:#555;cursor:not-allowed}.dynamic-field{display:none}pre{background:#222;padding:1em;margin-top:20px;border-radius:8px;white-space:pre-wrap;word-break:break-word}a{color:#00ffd5}.footer{margin-top:2em;text-align:center}.footer a{margin:0 10px;font-size:1.2em}.toolbar{text-align:center;margin-bottom:15px}.toolbar button{background:#333;color:#00ffd5;margin:5px;font-size:.9em}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .8);display:none;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#1e1e1e;padding:1em;border-radius:10px;max-width:90%;max-height:90%;overflow:auto}.modal video,.modal iframe{width:100%;height:300px;margin-top:10px}.close-btn{float:right;cursor:pointer;color:#f66}.notice-popup{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgb(0 0 0 / .6);display:none;align-items:center;justify-content:center;z-index:1000}.notice-content{background:#1e1e1e;padding:1.5em;border-radius:10px;color:#fff;text-align:center;max-width:90%;font-size:1.1em}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.loading-spinner{display:inline-block;margin-left:10px;border:2px solid #fff;border-top:2px solid #00c896;border-radius:50%;width:16px;height:16px;animation:spin 1s linear infinite;vertical-align:middle}.animate-result{animation:fadeIn 0.5s ease-in-out;margin-top:1em}.result-icon{display:inline-block;animation:bounce 0.8s infinite;font-size:1.2em;margin-right:.4em}.result-success .result-icon{color:#0f9}.result-error .result-icon{color:#f55}.social{margin-top:2rem;display:flex;justify-content:center;gap:1.5rem}.social a img{width:24px;height:24px;filter:brightness(1.2);transition:transform 0.3s}.social a img:hover{transform:scale(1.2)}