@import"https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap";html,body{margin:0;padding:0}.page[data-v-cae200e2]{margin:0;padding:0;font-family:Lato,sans-serif;display:flex;flex-direction:column;min-height:100vh}.header[data-v-cae200e2]{padding:15px 30px}.site-name[data-v-cae200e2]{font-size:18px;font-weight:700;color:#888}.container[data-v-cae200e2]{flex:1;text-align:center;max-width:1000px;margin:0 auto;padding:30px}h2[data-v-cae200e2]{font-size:34px;margin-bottom:20px}.input-box[data-v-cae200e2]{display:flex;justify-content:center;margin-top:15px}input[type=text][data-v-cae200e2]{width:85%;padding:18px;font-size:18px;border-radius:10px 0 0 10px;border:1px solid #ccc}button[data-v-cae200e2]{padding:18px 28px;font-size:16px;border:none;background:#00df76;color:#fff;cursor:pointer;border-radius:0 10px 10px 0;font-weight:700}button[data-v-cae200e2]:disabled{background:#ccc;cursor:not-allowed}.error[data-v-cae200e2]{color:red;margin-top:10px}.success[data-v-cae200e2]{color:green;margin-top:20px;margin-bottom:8px;font-weight:700;text-align:left}.result-box[data-v-cae200e2]{display:flex;align-items:center;gap:10px;justify-content:space-between;font-size:18px;padding:14px}.result-box input[data-v-cae200e2]{flex:1;padding:12px;border-radius:8px;border:1px solid #ccc;font-size:16px}.actions[data-v-cae200e2]{display:flex;gap:8px}.copy[data-v-cae200e2]{background:#333;border-radius:6px;padding:10px 18px;color:#fff;font-weight:700}.view-btn[data-v-cae200e2]{background:#00df76;padding:10px 18px;border-radius:6px;color:#fff;text-decoration:none;font-weight:700}.how[data-v-cae200e2]{margin-top:40px;text-align:left}.explanation[data-v-cae200e2]{margin-top:30px;text-align:left;font-size:16px;line-height:1.6;color:#000}.explanation h3[data-v-cae200e2],.how h3[data-v-cae200e2]{font-size:20px;margin-bottom:10px;font-weight:700}.how ol[data-v-cae200e2]{font-size:16px;line-height:1.6}.loader[data-v-cae200e2]{width:18px;height:18px;border:3px solid white;border-top:3px solid transparent;border-radius:50%;animation:spin-cae200e2 .8s linear infinite;display:inline-block}@keyframes spin-cae200e2{to{transform:rotate(360deg)}}.footer[data-v-cae200e2]{background:#f9f9f9;padding:15px 30px;font-size:14px;color:#555;display:flex;flex-direction:column;align-items:stretch}.about[data-v-cae200e2]{text-align:left;margin-bottom:10px}.about-text[data-v-cae200e2]{font-weight:400;color:#777}.author[data-v-cae200e2]{text-align:center;font-weight:400;margin-top:5px}