.dbtool-main{min-height:80vh;padding:clamp(72px,8vw,116px) var(--pad) 130px;background:radial-gradient(circle at 18% 4%,#153c3150,transparent 31%),radial-gradient(circle at 88% 22%,#28432830,transparent 30%),linear-gradient(180deg,#070908,#090c0a)}
.dbtool-hero{width:min(890px,100%);margin:0 auto 42px;text-align:center}.dbtool-hero>p{margin:0;color:var(--accent);font-size:9px;letter-spacing:.28em}.dbtool-hero h1{margin:17px 0 13px;font-size:clamp(44px,7vw,78px);letter-spacing:-.06em}.dbtool-hero>span{color:#8d9690;font-size:13px;line-height:1.8}
.dbtool-steps{width:min(980px,100%);margin:0 auto 22px;padding:13px 18px;display:flex;align-items:center;justify-content:center;gap:24px;border:1px solid #ffffff13;border-radius:18px;background:#ffffff04}.dbtool-steps>div{display:flex;align-items:center;gap:10px}.dbtool-steps>div>b{width:34px;height:34px;display:grid;place-items:center;border:1px solid #ffffff17;border-radius:10px;color:#737c76;font-size:9px}.dbtool-steps .is-current>b{border-color:#79e6c147;background:#79e6c112;color:#8cf4c8;box-shadow:0 0 28px #5de0a621}.dbtool-steps strong,.dbtool-steps small{display:block}.dbtool-steps strong{font-size:10px}.dbtool-steps small{margin-top:4px;color:#69716c;font-size:8px}.dbtool-steps>i{color:#47504a;font-style:normal}
.dbtool-upload{position:relative;width:min(980px,100%);min-height:290px;margin:auto;padding:48px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:27px;overflow:hidden;border:1px dashed #79e6c14f;border-radius:28px;background:linear-gradient(135deg,#0e1511,#0a0e0c);transition:.25s}.dbtool-upload:before{content:"";position:absolute;inset:-80% -30%;background:linear-gradient(105deg,transparent 42%,#8affc00d 49%,transparent 56%);transform:translateX(-35%);animation:dbtoolScan 7s linear infinite;pointer-events:none}.dbtool-upload.is-dragging{border-color:#8affc0;background:#101e17;transform:translateY(-2px);box-shadow:0 25px 80px #0007,0 0 50px #65e6aa14}.dbtool-upload.is-loading{pointer-events:none;opacity:.72}
.dbtool-upload-icon{position:relative;width:70px;height:70px;border:1px solid #79e6c13d;border-radius:22px;background:#79e6c10a}.dbtool-upload-icon i:first-child{position:absolute;left:21px;top:18px;width:28px;height:34px;border:1.5px solid #8df5c9;border-radius:4px}.dbtool-upload-icon i:last-child{position:absolute;left:29px;top:31px;width:12px;height:12px;border-right:1.5px solid #8df5c9;border-bottom:1.5px solid #8df5c9;transform:rotate(45deg)}.dbtool-upload small{color:var(--accent);font-size:8px;letter-spacing:.2em}.dbtool-upload h2{margin:10px 0 7px;font-size:26px}.dbtool-upload p{margin:0;color:#aab5ae;font-size:14px;font-weight:500;line-height:1.65}.dbtool-upload>button{position:relative;z-index:2;min-width:138px;height:48px;border:0;border-radius:13px;background:linear-gradient(105deg,#c9ff93,#67eab8);color:#071009;font:inherit;font-size:11px;font-weight:700;cursor:pointer}.dbtool-privacy{grid-column:1/-1;padding-top:23px;display:flex;gap:12px;border-top:1px solid #ffffff0e;color:#77817a;font-size:9px;line-height:1.7}.dbtool-privacy b{flex:none;color:#9be8c5}.dbtool-message{width:min(980px,100%);min-height:22px;margin:14px auto;color:#8edebc;font-size:11px}.dbtool-message.error{color:#e2a09a}
.dbtool-result{width:min(1180px,100%);margin:66px auto 0}.dbtool-result[hidden]{display:none}.dbtool-result-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:18px}.dbtool-result-head small{color:var(--accent);font-size:8px;letter-spacing:.2em}.dbtool-result-head h2{margin:9px 0 7px;font-size:30px;word-break:break-all}.dbtool-result-head p{margin:0;color:#778079;font-size:11px}.dbtool-style{padding:11px 13px;display:flex;align-items:center;gap:12px;border:1px solid #ffffff13;border-radius:12px;background:#ffffff04;color:#8a938d;font-size:9px}.dbtool-style input{accent-color:#68eab5}
.dbtool-ai-hint{position:relative;margin:22px 0;padding:18px 20px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;overflow:hidden;border:1px solid #79e6c137;border-radius:17px;background:radial-gradient(circle at 5% 50%,#79e6c119,transparent 30%),#0c120f}.dbtool-ai-hint:after{content:"";position:absolute;top:-80%;bottom:-80%;width:60px;background:linear-gradient(90deg,transparent,#d7ffe73a,transparent);transform:rotate(18deg);animation:dbAi 4.4s ease-in-out infinite}.dbtool-ai-orb{width:46px;height:46px;display:grid;place-items:center;border:1px solid #8bf3c850;border-radius:14px;background:#79e6c10d;color:#93f6ce;font-size:11px;font-weight:700;box-shadow:0 0 30px #6be7b529}.dbtool-ai-hint b{font-size:12px}.dbtool-ai-hint p{margin:6px 0;color:#747e77;font-size:9px}.dbtool-ai-hint em{color:#96efc9;font-size:9px;font-style:normal}
.dbtool-preview{display:grid;gap:14px}.dbtool-table{overflow:hidden;border:1px solid #ffffff13;border-radius:17px;background:#0c100e}.dbtool-table>header{padding:14px 17px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #ffffff0e}.dbtool-table>header>span{color:#75e7b7;font:9px ui-monospace,monospace}.dbtool-table h3{margin:0;font-size:14px}.dbtool-table>header small{margin-left:auto;color:#6d766f;font-size:9px}.dbtool-table>div{overflow:auto}.dbtool-table table{width:100%;min-width:820px;border-collapse:collapse}.dbtool-table th,.dbtool-table td{padding:11px 14px;border-bottom:1px solid #ffffff0b;text-align:left;font-size:9px}.dbtool-table th{color:#69726c;background:#ffffff03;font-weight:500}.dbtool-table td{color:#a1aaa4}.dbtool-table code{color:#dbe8df}.dbtool-table .db-comment{color:#6e7771}.dbtool-table .db-comment.is-ai{color:#92efc7;background:#79e6c108}.dbtool-truncated{color:#7e8781;font-size:9px}
.dbtool-plans,.dbtool-downloads{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.dbtool-plans{margin-top:27px}.dbtool-plans>button{position:relative;padding:21px;display:grid;grid-template-columns:1fr auto;gap:10px;border:1px solid #ffffff16;border-radius:19px;background:#0d120f;color:#eef3ef;text-align:left;cursor:pointer;transition:.25s}.dbtool-plans>button:hover{transform:translateY(-3px);border-color:#79e6c14a}.dbtool-plans button.is-featured{border-color:#79e6c147;background:#0d1511}.dbtool-plans mark{position:absolute;right:0;top:0;padding:5px 10px;border-radius:0 18px 0 10px;background:#8df4c8;color:#071009;font-size:8px}.dbtool-plans span>*{display:block}.dbtool-plans span small{color:#77deb4;font-size:8px}.dbtool-plans span b{margin-top:8px;font-size:17px}.dbtool-plans span em{margin-top:6px;color:#747d77;font-size:9px;font-style:normal}.dbtool-plans strong{color:#baff98;font-size:27px}.dbtool-plans i{grid-column:1/-1;padding-top:12px;border-top:1px solid #ffffff0d;color:#9ddfc4;font-size:9px;font-style:normal}
.dbtool-downloads>button{padding:18px;display:grid;grid-template-columns:auto 1fr;gap:4px 12px;border:1px solid #ffffff13;border-radius:16px;background:#ffffff04;color:#eef3ef;text-align:left;cursor:pointer}.dbtool-downloads>button:disabled{opacity:.42}.dbtool-downloads span{grid-row:1/3;width:47px;height:47px;display:grid;place-items:center;border:1px solid #79e6c12d;border-radius:12px;color:#81e9bd;font-size:8px}.dbtool-downloads b{font-size:12px}.dbtool-downloads small{color:#717a74;font-size:9px}.dbtool-notes{width:min(980px,100%);margin:36px auto;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff10}.dbtool-notes>div{padding:25px 16px;text-align:center}.dbtool-notes b,.dbtool-notes span{display:block}.dbtool-notes b{font-size:11px}.dbtool-notes span{margin-top:7px;color:#6d766f;font-size:9px}
@keyframes dbAi{0%,58%{left:-15%}84%,100%{left:115%}}@media(max-width:760px){.dbtool-main{padding-left:16px;padding-right:16px}.dbtool-steps{justify-content:flex-start;overflow:auto}.dbtool-steps>div{flex:none}.dbtool-upload{padding:28px 21px;grid-template-columns:auto 1fr}.dbtool-upload>button{grid-column:1/-1;width:100%}.dbtool-result-head{align-items:flex-start;flex-direction:column}.dbtool-ai-hint{grid-template-columns:auto 1fr}.dbtool-ai-hint em{grid-column:1/-1}.dbtool-plans,.dbtool-downloads,.dbtool-notes{grid-template-columns:1fr}}@media(max-width:480px){.dbtool-upload{grid-template-columns:1fr;text-align:center}.dbtool-upload-icon{margin:auto}.dbtool-privacy{text-align:left}}
