:root{--bg:#f3f7fc;--panel:#fff;--text:#12233d;--muted:#607590;--blue:#2b70e8;--line:#d7e2ef;--danger:#c43f3a;--green:#177548}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}button,input{font:inherit}.hidden{display:none!important}
.tool-page{min-height:100vh;display:flex;flex-direction:column}.tool-top{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:14px}.tool-brand{display:flex;align-items:center;gap:12px}.tool-brand a{text-decoration:none;color:var(--text);font-weight:900}.tool-badge{width:42px;height:42px;border-radius:13px;background:linear-gradient(150deg,#3378ef,#1b56bd);display:grid;place-items:center;color:#fff;font-weight:900}.top-actions{display:flex;gap:8px}.btn{border:0;border-radius:11px;padding:11px 16px;font-weight:800;cursor:pointer}.btn.primary{background:var(--blue);color:#fff}.btn.secondary{background:#eaf1fa;color:var(--text)}.btn.danger{background:#fdebea;color:#a82f2a}.btn.small{padding:8px 10px;font-size:12px}
.tool-main{width:min(1120px,calc(100% - 28px));margin:28px auto;flex:1}.hero{margin-bottom:18px}.hero h1{font-size:32px;margin:0 0 7px}.hero p{margin:0;color:var(--muted)}
.creator-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.82fr);gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 14px 34px rgba(22,49,89,.06);padding:22px}.card h2{margin:0 0 6px}.card>p{color:var(--muted);margin:0 0 18px;font-size:14px}.form-grid{display:grid;gap:12px}.form-grid label{font-size:13px;font-weight:800}.form-grid input{width:100%;height:47px;border:1px solid #cbd8e8;border-radius:11px;padding:0 13px;outline:none}.form-grid input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(43,112,232,.10)}.result-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:330px;text-align:center}.result-placeholder{color:#7b8fa8}.qr-box{background:#fff;border:1px solid #dae3ee;border-radius:16px;padding:14px;display:grid;place-items:center;width:250px;height:250px}.qr-box img{max-width:100%;max-height:100%}.result-url{width:100%;margin:14px 0 10px;padding:10px 12px;background:#f5f8fc;border:1px solid var(--line);border-radius:10px;word-break:break-all;font-size:13px}.result-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.notice{margin-top:12px;min-height:18px;font-size:13px;color:var(--muted)}.notice.error{color:#b3322e}.notice.ok{color:var(--green)}
.admin-panel{margin-top:24px}.admin-login{max-width:430px}.admin-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:15px;background:#fff}.admin-table{border-collapse:collapse;width:100%;min-width:900px}.admin-table th,.admin-table td{border-bottom:1px solid #e4eaf2;padding:10px;vertical-align:middle;text-align:left;font-size:13px}.admin-table th{background:#193f72;color:#fff;font-weight:800}.admin-table tr:last-child td{border-bottom:0}.admin-table input{height:38px;border:1px solid #cad7e7;border-radius:9px;padding:0 9px;width:100%;min-width:140px}.row-actions{display:flex;gap:6px}.admin-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.admin-head h2{margin:0}.admin-status{font-size:12px;color:var(--muted)}
.short-output{font-size:20px;font-weight:900;color:#185dbb;word-break:break-all}.tool-footer{text-align:center;padding:18px;color:#7a8da4;font-size:12px}
@media(max-width:760px){.tool-top{height:auto;padding:12px 14px;align-items:flex-start}.tool-brand div:last-child{font-size:13px}.creator-grid{grid-template-columns:1fr}.tool-main{margin:18px auto}.hero h1{font-size:26px}.card{padding:17px}.result-card{min-height:270px}.top-actions{flex-direction:column}.btn{padding:10px 12px}}

/* Captcha admin tools */
.tool-captcha-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.tool-captcha-code{height:46px;border:1px solid #c8d7e9;border-radius:10px;background:repeating-linear-gradient(-25deg,#e7f0ff 0,#e7f0ff 7px,#fafcff 7px,#fafcff 14px);display:grid;place-items:center;font-size:23px;font-weight:950;letter-spacing:7px;color:#173f72;user-select:none}.tool-captcha-row .btn{height:46px;padding:0 14px}

/* v4.6 - Short URL + Barcode digabung */
.result-label{margin-top:13px;font-size:12px;font-weight:900;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}
.short-result-url{font-size:16px;font-weight:900;color:#185dbb}
.combined-result{width:100%;display:flex;flex-direction:column;align-items:center}
.combined-admin-table{min-width:1280px}
.short-admin-link{display:block;max-width:230px;word-break:break-all;color:#185dbb;font-weight:700;text-decoration:none}
.click-count{text-align:center!important;font-weight:900;color:#173f72}
@media(max-width:760px){.qr-box{width:min(250px,80vw);height:min(250px,80vw)}.result-actions{width:100%}.result-actions .btn,.result-actions a{flex:1 1 100%;text-align:center;text-decoration:none}}