:root{font-family:system-ui,-apple-system,sans-serif;line-height:1.5}body{margin:0}#app{min-height:100vh;background-color:#f5f5f5}*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:#f5f5f5}.extract-code-container[data-v-6fbd6262]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:10px;background:linear-gradient(135deg,#2d5016,#0f3460)}.card[data-v-6fbd6262]{background:#fff;border-radius:12px;padding:12px;box-shadow:0 10px 30px #0000001a;width:100%;max-width:400px}.title[data-v-6fbd6262]{text-align:center;color:#333;margin-bottom:32px;font-size:24px;font-weight:600}.form-group[data-v-6fbd6262]{margin-bottom:24px}.label[data-v-6fbd6262]{display:block;margin-bottom:8px;color:#555;font-weight:500}.input[data-v-6fbd6262]{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;box-sizing:border-box}.input[data-v-6fbd6262]:focus{outline:none;border-color:#16a085}.input[data-v-6fbd6262]:disabled{background-color:#f5f5f5;cursor:not-allowed}.extract-btn[data-v-6fbd6262]{width:100%;padding:14px;background:linear-gradient(135deg,#16a085,#27ae60);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;margin-bottom:16px}.extract-btn[data-v-6fbd6262]:disabled{opacity:.6;cursor:not-allowed}.error-message[data-v-6fbd6262]{color:#e74c3c;text-align:center;font-size:14px;margin-top:16px;padding:12px;background-color:#fdf2f2;border:1px solid #fecaca;border-radius:6px}.force-extract-btn[data-v-6fbd6262]{width:100%;padding:12px;background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer}.success-message[data-v-6fbd6262]{margin-top:10px;padding:10px;background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:8px}.success-message h3[data-v-6fbd6262]{color:#059669;margin:0 0 16px;text-align:center}.api-key-container[data-v-6fbd6262]{display:flex;flex-direction:column;gap:8px}.api-key[data-v-6fbd6262]{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:6px;padding:12px;font-family:Courier New,monospace;font-size:14px;word-break:break-all}.example-btn[data-v-6fbd6262]{padding:8px;background-color:#16a085;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer}.announcement-container[data-v-6fbd6262]{margin-top:10px;padding:10px;background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;border-left:4px solid #f39c12}.announcement-header h4[data-v-6fbd6262]{margin:0;color:#d68910;font-size:16px}.announcement-content[data-v-6fbd6262]{color:#856404;font-size:14px;white-space:pre-wrap;word-break:break-all}.usage-info[data-v-6fbd6262]{margin-top:8px;padding:16px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.usage-item[data-v-6fbd6262]{display:flex;justify-content:space-between;margin-bottom:8px}.warning-text[data-v-6fbd6262]{color:#e74c3c;font-size:14px;margin-top:16px;padding:12px;background-color:#fdf2f2}.key-type-info[data-v-6fbd6262]{display:flex;justify-content:space-between;padding:8px 12px;background-color:#e3f2fd;border-radius:6px;border:1px solid #bbdefb}.key-type[data-v-6fbd6262]{color:#0d47a1;font-weight:600;font-size:14px}.api-label-container[data-v-6fbd6262]{display:flex;justify-content:space-between;margin-bottom:8px}@media(max-width:480px){.extract-code-container[data-v-6fbd6262]{padding:16px}.card[data-v-6fbd6262]{padding:12px 10px}.title[data-v-6fbd6262]{font-size:20px;margin-bottom:24px}}.extract-code-container[data-v-3ddb1627]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:10px;background:linear-gradient(135deg,#2d5016,#0f3460)}.card[data-v-3ddb1627]{background:#fff;border-radius:12px;padding:12px;box-shadow:0 10px 30px #0000001a;width:100%;max-width:400px}.title[data-v-3ddb1627]{text-align:center;color:#333;margin-bottom:32px;font-size:24px;font-weight:600}.form-group[data-v-3ddb1627]{margin-bottom:24px}.label[data-v-3ddb1627]{display:block;margin-bottom:8px;color:#555;font-weight:500}.input[data-v-3ddb1627]{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;box-sizing:border-box}.extract-btn[data-v-3ddb1627]{width:100%;padding:14px;background:linear-gradient(135deg,#16a085,#27ae60);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;margin-bottom:16px}.extract-btn[data-v-3ddb1627]:disabled{opacity:.6;cursor:not-allowed}.error-message[data-v-3ddb1627]{color:#e74c3c;text-align:center;font-size:14px;padding:12px;background-color:#fdf2f2;border:1px solid #fecaca;border-radius:6px}.success-message[data-v-3ddb1627]{padding:10px;background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:8px}.success-message h3[data-v-3ddb1627]{color:#059669;text-align:center}.api-key[data-v-3ddb1627]{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;padding:12px;font-family:monospace;font-size:14px;word-break:break-all}.example-btn[data-v-3ddb1627]{padding:8px;background:#16a085;color:#fff;border:none;border-radius:6px;cursor:pointer}.usage-info[data-v-3ddb1627]{margin-top:8px;padding:16px;background:#f8f9fa;border-radius:8px}.usage-item[data-v-3ddb1627]{display:flex;justify-content:space-between;margin-bottom:8px}.key-type-info[data-v-3ddb1627]{display:flex;justify-content:space-between;padding:8px 12px;background:#e3f2fd;border-radius:6px;margin-bottom:8px}.announcement-container[data-v-3ddb1627]{margin-top:10px;padding:10px;background:#fff3cd;border-radius:8px}