.nt-bookmarklet .bm-workspace{align-items:start;gap:clamp(18px,2.4vw,30px);padding:clamp(30px,5vw,62px) 0 70px}
.nt-bookmarklet .bm-card{overflow:hidden;border:1px solid rgba(97,56,170,.16);border-radius:24px;background:linear-gradient(180deg,#fff,#fdfcff);box-shadow:0 24px 70px rgba(31,13,75,.11)}
.bm-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:28px 30px 21px;border-bottom:1px solid var(--bm-line);background:linear-gradient(135deg,#fff,#f7f3ff)}
.bm-card>header h2{margin:0 0 5px;font-size:22px}.bm-card>header p{margin:0;color:#766d91;font-size:14px}
.bm-card-body{padding:26px 30px 32px}.bm-inline{display:grid;grid-template-columns:1fr auto;gap:10px}
.bm-inline input{width:100%;height:48px;padding:0 14px;border:1px solid #dcd4ec;border-radius:12px;background:#fff;color:var(--bm-ink);font:inherit;outline:none}
.bm-card-body button,.bm-primary{min-height:48px;padding:0 19px;border:0;border-radius:12px;color:#fff;background:linear-gradient(100deg,#16bcae,#7120df);font:800 14px inherit;cursor:pointer;box-shadow:0 10px 22px rgba(86,28,190,.13);transition:.2s}.bm-card-body button:hover,.bm-primary:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(86,28,190,.2)}
.bm-actions button:not(.bm-primary){border:1px solid var(--bm-line);color:var(--bm-purple);background:#fff}.bm-actions .bm-danger{color:#bb2748;background:#fff0f3}
.bm-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.bm-badges span{padding:9px 14px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.08);font-size:13px;font-weight:700}.bm-field{display:grid;gap:9px;margin-bottom:21px}.bm-field>span{color:#261651;font-size:13px;font-weight:850}.bm-field input[type="text"],.bm-field input[type="url"],.bm-field textarea{width:100%;border:1px solid #dcd4ec;border-radius:13px;background:#fff;color:var(--bm-ink);font:inherit;outline:none;transition:.2s}.bm-field input[type="text"],.bm-field input[type="url"]{height:50px;padding:0 15px}.bm-field textarea{min-height:330px;padding:17px;resize:vertical;background:#111431;color:#d9fff3;font:14px/1.65 Consolas,Monaco,monospace}.bm-field input:focus,.bm-field textarea:focus{border-color:#7021df;box-shadow:0 0 0 4px rgba(112,33,223,.1)}.bm-field input[type="file"]{padding:14px;border:1px dashed #cabde4;border-radius:13px;background:#faf8ff}.bm-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:5px 0 22px}.bm-options label{display:flex;align-items:center;gap:9px;min-height:46px;padding:11px 12px;border:1px solid #e2d9f2;border-radius:12px;background:#faf8ff;font-size:13px;font-weight:750}.bm-options input{width:17px;height:17px;accent-color:#6b20d8}.bm-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.bm-generated{display:flex;align-items:center;justify-content:center;min-height:64px;padding:14px 18px;border-radius:14px;color:#fff!important;background:linear-gradient(100deg,#16b9ab,#7120df);font-weight:900;text-align:center;text-decoration:none;box-shadow:0 14px 32px rgba(74,28,165,.22)}
.bm-help{margin:12px 0 20px;color:#776d91;font-size:12px;line-height:1.6;text-align:center}.bm-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}.bm-stats>div{padding:14px 7px;border:1px solid #e7dff5;border-radius:12px;background:#f7f3fd;text-align:center}.bm-stats strong{display:block;font-size:18px}.bm-stats span{color:#776d91;font-size:10px;text-transform:uppercase}.bm-output>header{color:#fff;background:linear-gradient(135deg,#160d4e,#6420d0)}.bm-output>header p{color:#ddd6f3}.bm-output .bm-card-body{background:linear-gradient(180deg,#fff,#fbf9ff)}#bmEmpty{padding:28px 18px;border:1px dashed #cdbfe7;border-radius:14px;background:#faf8ff;color:#766d91;text-align:center}.bm-copy-grid{display:grid;gap:10px}.bm-converted{margin-top:18px}
@media(max-width:1080px){.nt-bookmarklet .bm-workspace{grid-template-columns:1fr}.nt-bookmarklet .bm-output{position:static}}
@media(max-width:680px){.bm-card>header,.bm-card-body{padding-left:18px;padding-right:18px}.bm-inline,.bm-actions{grid-template-columns:1fr}.bm-options{grid-template-columns:1fr 1fr}.nt-bookmarklet .bm-card{border-radius:18px}}
@media(max-width:430px){.bm-options{grid-template-columns:1fr}.bm-stats{grid-template-columns:1fr}.bm-card>header{display:block}.bm-card>header p{margin-top:8px}}