.header{min-height:100px;border-bottom:1px solid #ccc}.title{display:block;font-family:sans-serif;font-size:35px;font-weight:700;text-align:center;padding-top:25px;color:#333}.banner{margin-top:15px}.banner img{width:500px}.container{margin:20px 0;text-align:center}.footer{margin:30px 0 60px 0;text-align:center}.card{width:474px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px;box-shadow:0 1px 3px rgb(0 0 0 / .05);margin-bottom:12px;display:inline-block}.tool_title{font-size:18px;font-weight:800;text-align:left;margin:4px 0 10px 0;color:#111}.tool_desc{font-size:13px;line-height:1.55;text-align:left;color:#444;margin:0 0 12px 0}.form_row{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:10px 0}.form_col{flex:1;text-align:left}.label_text{display:block;font-size:12px;font-weight:700;color:#333;margin:0 0 6px 0}.select_box,.text_box{width:100%;box-sizing:border-box;border:1px solid #d7dbe0;border-radius:10px;padding:10px 12px;background:#fff;font-size:14px;outline:none}.select_box:focus,.text_box:focus{border-color:#9aa7ff;box-shadow:0 0 0 3px rgb(65 105 225 / .12)}.small_hint{font-size:12px;color:#666;margin:6px 0 0 0}.btn_row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:12px}.btn_primary{border:1px solid #3b5bff;background:#3b5bff;color:#fff}.btn_primary:hover{background:#2f4de6}.btn_danger{border:1px solid #e5e7eb;background:#fff;color:#b42318}.btn_danger:hover{background:#fff1f0}.output_box{width:100%;box-sizing:border-box;border:1px solid #d7dbe0;border-radius:10px;padding:10px 12px;background:#fbfbfd;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:13px;line-height:1.5;min-height:120px;resize:vertical;outline:none}.status_bar{margin-top:10px;font-size:12px;color:#333;text-align:left;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.badge{display:inline-block;font-size:11px;font-weight:800;padding:4px 8px;border-radius:999px;border:1px solid #e5e7eb;background:#fff}.badge_ok{border-color:rgb(34 197 94 / .35);background:rgb(34 197 94 / .08);color:#14532d}.badge_warn{border-color:rgb(234 179 8 / .35);background:rgb(234 179 8 / .10);color:#713f12}.hr_line{height:1px;background:#e5e7eb;margin:14px 0}.history_title{font-size:13px;font-weight:800;text-align:left;margin:0 0 8px 0;color:#111}.history_list{text-align:left;max-height:160px;overflow:auto;border:1px solid #e5e7eb;border-radius:10px;background:#fff}.history_item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid #f1f3f5}.history_item:last-child{border-bottom:none}.history_uuid{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:12px;color:#111;word-break:break-all}.history_meta{font-size:11px;color:#666;white-space:nowrap}.inline_actions{display:flex;gap:8px}.mini_btn{padding:6px 10px;border-radius:10px;border:1px solid #ddd;background:#fff;cursor:pointer;font-size:12px}.mini_btn:hover{background:#f0f0f0}body{max-width:500px;margin:auto;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#f8f9fa;color:#222}a{text-decoration:none;color:inherit}h3{display:inline-block;color:royalblue;font-weight:700;font-size:16px}button{margin-top:14px;padding:10px 14px;border-radius:10px;border:1px solid #ddd;background:#fff;cursor:pointer}button:hover{background:#f0f0f0}@media (max-width:768px){.header{min-height:75px;border-bottom:1px solid #ccc}.title{display:block;font-family:sans-serif;font-size:28px;font-weight:700;text-align:center;padding-top:20px;color:#333}.banner{margin-top:15px;text-align:center;display:block}.banner img{width:96%}.container{margin-bottom:10px;text-align:center}.footer{margin:30px 0 60px 0;text-align:center}.card{width:89%;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px;box-shadow:0 1px 3px rgb(0 0 0 / .05);margin-bottom:12px;display:inline-block}.form_row{flex-direction:column;align-items:stretch}.btn_row{justify-content:stretch}.btn_row button{flex:1}body{max-width:500px;margin:auto;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#f8f9fa;color:#222}a{text-decoration:none;color:inherit}h3{display:inline-block;color:royalblue;font-weight:700;font-size:16px}button{margin-top:14px;padding:10px 14px;border-radius:10px;border:1px solid #ddd;background:#fff;cursor:pointer}button:hover{background:#f0f0f0}}@media (min-width:768px) and (max-width:1024px){.header{min-height:100px;border-bottom:1px solid #ccc}.title{display:block;font-family:sans-serif;font-size:35px;font-weight:700;text-align:center;padding-top:25px;color:#333}.banner{margin-top:30px;text-align:center;display:block}.banner img{width:500px}.container{margin:20px 0;text-align:center}.footer{margin:30px 0 60px 0;text-align:center}.card{width:474px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px;box-shadow:0 1px 3px rgb(0 0 0 / .05);margin-bottom:12px;display:inline-block}body{max-width:500px;margin:auto;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#f8f9fa;color:#222}a{text-decoration:none;color:inherit}h3{display:inline-block;color:royalblue;font-weight:700;font-size:16px}button{margin-top:14px;padding:10px 14px;border-radius:10px;border:1px solid #ddd;background:#fff;cursor:pointer}button:hover{background:#f0f0f0}}