[data-tool=dimensional_weight_calculator] .dm-headcard{display:grid;grid-template-columns:minmax(0,1fr) 330px;column-gap:28px;align-items:center;border:1px solid #6f5686;border-radius:20px;background:radial-gradient(circle at 88% 20%,rgba(246,205,99,.16),transparent 42%),radial-gradient(circle at 10% 110%,rgba(140,100,220,.25),transparent 50%),linear-gradient(135deg,#2c2640,#242032 60%,#1d1a29)}
[data-tool=dimensional_weight_calculator] .dm-headcard>*:not(.dm-formula){grid-column:1}[data-tool=dimensional_weight_calculator] .dm-formula{grid-column:2;grid-row:1/span 6;background:rgba(15,12,24,.55);border:1px solid #6f5686;border-radius:16px;padding:16px 18px}
[data-tool=dimensional_weight_calculator] .dm-f-label{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#c9b8e6;margin-bottom:10px}[data-tool=dimensional_weight_calculator] .dm-f-eq{display:flex;flex-wrap:wrap;gap:6px;align-items:center}[data-tool=dimensional_weight_calculator] .dm-f-eq b{display:grid;place-items:center;min-width:38px;height:38px;padding:0 8px;border-radius:10px;background:#3a3150;border:1px solid #6f5686;color:#fff}[data-tool=dimensional_weight_calculator] .dm-f-eq b.dm-f-div{background:#f6cd63;color:#231a08;border-color:#f6cd63}[data-tool=dimensional_weight_calculator] .dm-f-eq i{font-style:normal;color:#f6cd63;font-weight:700}[data-tool=dimensional_weight_calculator] .dm-formula p{margin:12px 0 0;font-size:13px;line-height:1.5;color:#ddd3ee}
[data-tool=dimensional_weight_calculator] .dm-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:14px;align-items:stretch}[data-tool=dimensional_weight_calculator] .dm-grid>section{min-width:0;margin:0;display:flex;flex-direction:column}[data-tool=dimensional_weight_calculator] .dm-results{grid-column:1/-1}
[data-tool=dimensional_weight_calculator] .dm-h{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#c9b8e6;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #3d3452}
[data-tool=dimensional_weight_calculator] .dm-pack .adv-editors{flex:1;display:flex;flex-direction:column}[data-tool=dimensional_weight_calculator] .dm-pack label[for=ot-input]{flex:1;display:flex;flex-direction:column}[data-tool=dimensional_weight_calculator] .dm-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin-top:10px}[data-tool=dimensional_weight_calculator] .dm-foot .nf-actions{margin:0;flex-wrap:nowrap}[data-tool=dimensional_weight_calculator] .dm-foot label{margin:0}
[data-tool=dimensional_weight_calculator] .dm-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end}[data-tool=dimensional_weight_calculator] .dm-rules select,[data-tool=dimensional_weight_calculator] .dm-rules input{width:100%;box-sizing:border-box}
[data-tool=dimensional_weight_calculator] .dm-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px;margin:4px 0 10px}[data-tool=dimensional_weight_calculator] .dm-chips button{min-height:34px;padding:0 10px}[data-tool=dimensional_weight_calculator] .dm-chips button[aria-pressed=true]{background:#f6cd63;color:#231a08;border-color:#f6cd63;font-weight:700}
[data-tool=dimensional_weight_calculator] .practical-entry{display:grid;grid-template-columns:2fr repeat(5,minmax(0,1fr));gap:8px;align-items:end;padding:12px;border-radius:14px;background:#1c1828;border:1px dashed #5a4f78;margin-bottom:12px}[data-tool=dimensional_weight_calculator] .practical-entry input{width:100%;box-sizing:border-box}[data-tool=dimensional_weight_calculator] #dw-add{grid-column:1/-1;background:#3a3150;border-color:#6f5686}[data-tool=dimensional_weight_calculator] #ot-input{width:100%;box-sizing:border-box;min-height:120px;flex:1;font:13px/1.5 ui-monospace,Consolas,monospace}
[data-tool=dimensional_weight_calculator] .dm-results .nf-stats{margin-top:0}[data-tool=dimensional_weight_calculator] .dm-results details{margin-top:10px}
[data-tool=dimensional_weight_calculator] .dm-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr));gap:10px;margin:10px 0}[data-tool=dimensional_weight_calculator] .dm-card{padding:12px;background:#241c38;border:1px solid #5a4f78;border-radius:12px;min-width:0}[data-tool=dimensional_weight_calculator] .dm-top{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:6px}[data-tool=dimensional_weight_calculator] .dm-top strong{overflow-wrap:anywhere}[data-tool=dimensional_weight_calculator] .dm-top button{min-height:34px;padding:0 10px;font-size:13px}
[data-tool=dimensional_weight_calculator] .dm-row{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:8px;align-items:center;font-size:13px;margin:4px 0}[data-tool=dimensional_weight_calculator] .dm-row i{display:block;height:12px;background:#141022;border-radius:6px;overflow:hidden}[data-tool=dimensional_weight_calculator] .dm-row b{display:block;height:100%;background:#6a5a8e}[data-tool=dimensional_weight_calculator] .dm-row b[data-on=true]{background:#f6cd63}[data-tool=dimensional_weight_calculator] .dm-bill{margin:8px 0 0;font-size:14px;font-weight:700;color:#ffe9a8}
[data-tool=dimensional_weight_calculator] #ot-preview{overflow-x:auto}[data-tool=dimensional_weight_calculator] #ot-run{background:#f6cd63;color:#231a08;border-color:#f6cd63;font-weight:700}[data-tool=dimensional_weight_calculator] button{min-height:44px}[data-tool=dimensional_weight_calculator] .dm-chips button,[data-tool=dimensional_weight_calculator] .dm-top button{min-height:36px}
[data-tool=dimensional_weight_calculator] .dm-results .adv-callout{font-size:13px}
@media(max-width:1000px){[data-tool=dimensional_weight_calculator] .dm-headcard{grid-template-columns:minmax(0,1fr)}[data-tool=dimensional_weight_calculator] .dm-formula{grid-column:1;grid-row:auto;margin-top:12px}[data-tool=dimensional_weight_calculator] .dm-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){[data-tool=dimensional_weight_calculator] .nf-badges,[data-tool=dimensional_weight_calculator] .nf-eyebrow{display:none}[data-tool=dimensional_weight_calculator] .dm-headcard h1{font-size:26px;line-height:1.2}[data-tool=dimensional_weight_calculator] .practical-entry{grid-template-columns:repeat(2,minmax(0,1fr))}[data-tool=dimensional_weight_calculator] .practical-entry label:first-child{grid-column:1/-1}[data-tool=dimensional_weight_calculator] .dm-foot,[data-tool=dimensional_weight_calculator] .dm-pair{grid-template-columns:minmax(0,1fr)}[data-tool=dimensional_weight_calculator] .dm-foot .nf-actions{flex-wrap:wrap}[data-tool=dimensional_weight_calculator] input,[data-tool=dimensional_weight_calculator] select,[data-tool=dimensional_weight_calculator] textarea{font-size:16px}}