.dpkg{--dp-border:#e4eaee;--dp-bg:#f5f8fa;--dp-card:#fff;--dp-text:#26333d;--dp-muted:#687781;--dp-accent:#1cbaea;--dp-accent-dark:#159bc4;--dp-dark:#394752;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--dp-text);max-width:1240px;margin:28px auto;border:1px solid var(--dp-border);border-radius:22px;overflow:hidden;background:var(--dp-card);box-shadow:0 20px 55px rgba(38,51,61,.09)}
.dpkg *{box-sizing:border-box}.dpkg button,.dpkg input,.dpkg select{font:inherit}
.dpkg__header{display:flex;justify-content:space-between;gap:22px;align-items:center;padding:28px 30px;background:#fff;border-bottom:1px solid var(--dp-border);position:relative}
.dpkg__header:before{content:"";position:absolute;left:30px;top:0;width:64px;height:4px;border-radius:0 0 6px 6px;background:var(--dp-accent)}
.dpkg__header h2{font-size:29px;line-height:1.1;margin:0 0 7px;color:var(--dp-dark);letter-spacing:-.025em}.dpkg__header p{margin:0;color:var(--dp-muted);font-size:14px;line-height:1.5}
.dpkg__privacy{font-size:11px;font-weight:650;color:var(--dp-dark);background:#f3fbfe;padding:9px 13px;border:1px solid rgba(28,186,234,.22);border-radius:999px;white-space:nowrap}
.dpkg__layout{display:grid;grid-template-columns:minmax(330px,420px) minmax(0,1fr);min-height:660px;background:#fff}.dpkg__controls{padding:27px 25px;border-right:1px solid var(--dp-border);background:#fff;overflow:auto}.dpkg__preview{position:relative;background:radial-gradient(circle at 50% 38%,#fff 0%,#f8fbfc 48%,#f0f5f7 100%);min-height:610px}.dpkg__viewport{position:absolute;inset:0;z-index:1;overflow:hidden}.dpkg__viewport canvas{position:absolute;inset:0;opacity:1!important;visibility:visible!important;z-index:1;display:block;width:100%!important;height:100%!important}
.dpkg__field{margin-bottom:19px}.dpkg__field label{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:800;margin-bottom:8px;color:var(--dp-dark);letter-spacing:.02em}.dpkg__field label span{font-weight:750;color:var(--dp-dark)}
.dpkg__field input[type=text],.dpkg__field select{width:100%;height:44px;border:1px solid #d9e1e5;border-radius:11px;padding:0 13px;background:#fff;color:var(--dp-text);transition:.16s ease}.dpkg__field input[type=text]:hover,.dpkg__field select:hover{border-color:#c6d2d8}.dpkg__field input[type=text]:focus,.dpkg__field select:focus{outline:3px solid rgba(28,186,234,.14);border-color:var(--dp-accent)}
.dpkg__field input[type=range]{width:100%;accent-color:var(--dp-accent)}.dpkg__grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dpkg__segmented{display:flex;border:1px solid #d9e1e5;border-radius:11px;overflow:hidden;background:#fff}.dpkg__segmented button{flex:1;min-height:41px;border:0;border-right:1px solid #e3e8eb;background:#fff;color:var(--dp-dark);cursor:pointer;transition:.15s ease}.dpkg__segmented button:last-child{border-right:0}.dpkg__segmented button:hover{background:#f5fbfd}.dpkg__segmented button.is-active{background:var(--dp-dark);color:#fff;box-shadow:inset 0 -3px 0 var(--dp-accent)}.dpkg-icons button.is-active{background:var(--dp-accent);color:#fff;box-shadow:none}
.dpkg__filebtn{height:44px!important;justify-content:center!important;border:1px dashed #b9c7ce;border-radius:11px;cursor:pointer;font-weight:650!important;color:var(--dp-muted)!important;margin:0!important;background:#fbfcfd}.dpkg__filebtn:hover{border-color:var(--dp-accent);color:var(--dp-dark)!important}.dpkg__filebtn input{display:none}
.dpkg__actions{display:grid;grid-template-columns:2fr 1fr;gap:10px;margin-top:8px}.dpkg__actions button{height:48px;border-radius:11px;cursor:pointer;font-weight:800;transition:.16s ease}.dpkg-download{background:var(--dp-accent);color:#fff;border:1px solid var(--dp-accent-dark);box-shadow:0 7px 18px rgba(28,186,234,.2)}.dpkg-download:hover{background:var(--dp-accent-dark);transform:translateY(-1px)}.dpkg-reset{background:#fff;color:var(--dp-dark);border:1px solid #cdd7dc}.dpkg-reset:hover{background:#f6f9fa}
.dpkg__status{min-height:20px;margin-top:10px;font-size:11px;color:var(--dp-muted)}.dpkg__metrics{position:absolute;z-index:2;left:18px;bottom:18px;display:flex;gap:8px;flex-wrap:wrap}.dpkg__metrics span,.dpkg__hint{background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border:1px solid rgba(57,71,82,.1);border-radius:10px;padding:7px 10px;font-size:10px;color:var(--dp-muted);box-shadow:0 4px 14px rgba(57,71,82,.05)}.dpkg__metrics strong{color:var(--dp-dark)}.dpkg__hint{position:absolute;z-index:2;right:18px;bottom:18px}.dpkg__brand{text-align:right;padding:10px 18px;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#84929a;border-top:1px solid var(--dp-border);background:#fff}.dpkg__busy .dpkg-download{opacity:.58;pointer-events:none}.dpkg__error{color:#a40000}
.dpkg__viewport .dpkg__canvas2d{touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}.dpkg__viewport .dpkg__canvas2d:active{cursor:grabbing}
.dpkg input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 3px rgba(28,186,234,.12)}
@media(max-width:800px){.dpkg{margin:10px;border-radius:15px}.dpkg__header{align-items:flex-start;padding:23px 20px;flex-direction:column}.dpkg__header:before{left:20px}.dpkg__privacy{white-space:normal}.dpkg__layout{grid-template-columns:1fr}.dpkg__controls{border-right:0;border-bottom:1px solid var(--dp-border);padding:20px}.dpkg__preview{min-height:470px}.dpkg__grid2{grid-template-columns:1fr}.dpkg__hint{display:none}}
.dpkg-paw{width:20px;height:20px;display:block;margin:auto;fill:currentColor}
/* Managed font picker (v3.6.1) */
.dpkg-font-picker{border:1px solid #d9e1e5;border-radius:12px;background:#fff;overflow:hidden}.dpkg-font-current{min-height:48px;display:flex;align-items:center;padding:8px 13px;font-size:22px;color:var(--dp-dark);border-bottom:1px solid #e7ecef;background:#fbfdfe}.dpkg-font-options{display:grid;grid-template-columns:1fr;max-height:210px;overflow:auto;padding:6px}.dpkg-font-option{display:grid;grid-template-columns:minmax(88px,.7fr) 1.3fr;align-items:center;gap:10px;width:100%;border:1px solid transparent;border-radius:9px;background:#fff;padding:8px 10px;text-align:left;cursor:pointer;color:var(--dp-dark)}.dpkg-font-option:hover{background:#f3fbfe;border-color:rgba(28,186,234,.22)}.dpkg-font-option.is-active{background:#eaf9fe;border-color:var(--dp-accent);box-shadow:inset 3px 0 0 var(--dp-accent)}.dpkg-font-option__name{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:11px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dpkg-font-option__sample{font-size:21px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dpkg-font-empty{padding:12px;border:1px dashed #c8d3d8;border-radius:10px;background:#fbfcfd;color:var(--dp-muted);font-size:12px;line-height:1.45}
/* Visitor-local font upload (v3.6.1) */
.dpkg-custom-font{margin-top:10px;padding-top:10px;border-top:1px solid #edf1f3}.dpkg-custom-font .dpkg__filebtn{display:flex;align-items:center;width:100%;min-height:42px}.dpkg-custom-font-note{margin-top:6px;font-size:10px;line-height:1.35;color:var(--dp-muted)}.dpkg-custom-font-clear{margin-top:7px;border:0;background:transparent;color:var(--dp-accent-dark);font-size:11px;font-weight:700;padding:0;cursor:pointer}.dpkg-custom-font-clear:hover{text-decoration:underline}

.dpkg__printability{display:flex;align-items:flex-start;gap:9px;padding:10px 11px;margin:-2px 0 17px;border:1px solid #dce7e2;background:#f7fbf9;border-radius:11px}.dpkg__print-dot{width:9px;height:9px;border-radius:50%;background:#32a66a;margin-top:4px;flex:none}.dpkg__printability strong{display:block;font-size:11px;color:var(--dp-dark)}.dpkg__printability small{display:block;font-size:10px;color:var(--dp-muted);line-height:1.35;margin-top:2px}.dpkg__printability.is-warning{background:#fffaf1;border-color:#f0d7a4}.dpkg__printability.is-warning .dpkg__print-dot{background:#d99720}.dpkg__printability.is-risk{background:#fff5f4;border-color:#edc4bf}.dpkg__printability.is-risk .dpkg__print-dot{background:#c84d40}
.dpkg__share-links{display:flex;align-items:center;flex-wrap:nowrap;gap:7px;margin-top:10px;overflow-x:auto;padding:1px 0 3px;scrollbar-width:none}.dpkg__share-links::-webkit-scrollbar{display:none}.dpkg__share-links>span{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--dp-muted);margin-right:2px;flex:0 0 auto}.dpkg__share-links a,.dpkg__share-links button{appearance:none;border:1px solid rgba(57,71,82,.12);background:#fff;color:var(--dp-dark);border-radius:999px;width:34px;height:34px;min-width:34px;padding:0;text-decoration:none!important;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color .18s ease,background .18s ease,transform .18s ease;flex:0 0 auto}.dpkg__share-links a:hover,.dpkg__share-links button:hover{border-color:rgba(28,186,234,.42);background:#fbfdff;transform:translateY(-1px)}.dpkg-share-icon{width:17px;height:17px;display:inline-flex;align-items:center;justify-content:center;color:var(--dp-dark);opacity:.76;line-height:1}.dpkg-share-icon svg{width:17px;height:17px;fill:currentColor;display:block}.dpkg-share-label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.dpkg__post-export{margin-top:12px;padding:13px;border-radius:12px;background:linear-gradient(135deg,#f1fbfe,#f7fafb);border:1px solid rgba(28,186,234,.24)}.dpkg__post-export strong,.dpkg__post-export span{display:block}.dpkg__post-export strong{font-size:12px;color:var(--dp-dark)}.dpkg__post-export span{font-size:10px;line-height:1.4;color:var(--dp-muted);margin:3px 0 8px}.dpkg__post-export a{display:inline-block;font-size:11px;font-weight:800;color:#fff;background:var(--dp-dark);padding:7px 10px;border-radius:8px;text-decoration:none}.dpkg__post-export a:hover{background:#1f2b33;color:#fff}
@media(max-width:480px){
}

/* Preview interaction v3.8.3: page wheel scroll stays native; zoom uses a slider. */
.dpkg__preview-size{position:absolute;z-index:3;right:18px;top:18px;width:min(230px,calc(100% - 36px));padding:9px 11px 10px;border:1px solid rgba(57,71,82,.11);border-radius:11px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);box-shadow:0 4px 16px rgba(57,71,82,.06)}
.dpkg__preview-size label{display:flex;justify-content:space-between;gap:12px;margin:0 0 6px;font-size:10px;font-weight:750;color:var(--dp-muted)}
.dpkg__preview-size label strong{color:var(--dp-dark)}
.dpkg__preview-size input[type=range]{display:block;width:100%;margin:0;accent-color:var(--dp-accent)}
@media(max-width:800px){.dpkg__preview-size{right:12px;top:12px;width:190px}}

/* Compact desktop layout v3.8.4: preview starts higher; advanced controls span below it. */
@media(min-width:801px){
  .dpkg__layout--compact{grid-template-columns:minmax(330px,390px) minmax(0,1fr);grid-template-rows:auto auto;min-height:0;align-items:stretch}
  .dpkg__controls--primary{grid-column:1;grid-row:1;overflow:visible;padding:22px 22px 16px;border-right:1px solid var(--dp-border);border-bottom:1px solid var(--dp-border)}
  .dpkg__layout--compact .dpkg__preview{grid-column:2;grid-row:1;min-height:430px;height:430px;border-bottom:1px solid var(--dp-border)}
  .dpkg__controls--secondary{grid-column:1 / -1;grid-row:2;border-right:0;padding:19px 24px 18px;background:#fff;overflow:visible}
  .dpkg__advanced-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px 20px;align-items:end}
  .dpkg__advanced-grid .dpkg__field{margin-bottom:2px}
  .dpkg__secondary-footer{display:grid;grid-template-columns:minmax(320px,430px) minmax(0,1fr);column-gap:20px;align-items:start;margin-top:14px}
  .dpkg__secondary-footer .dpkg__actions{grid-column:1;margin-top:0}
  .dpkg__secondary-footer .dpkg__share-links{grid-column:1}
  .dpkg__secondary-footer .dpkg__status{grid-column:2;grid-row:1;align-self:center;margin-top:0}
  .dpkg__secondary-footer .dpkg__post-export{grid-column:2;grid-row:1 / span 2;margin-top:0}
  .dpkg-font-options{max-height:150px}
  .dpkg__controls--primary .dpkg__field{margin-bottom:14px}
  .dpkg__controls--primary .dpkg__printability{margin-bottom:0}
}
@media(max-width:800px){
  .dpkg__layout--compact{display:grid;grid-template-columns:1fr}
  .dpkg__controls--primary{order:1}
  .dpkg__layout--compact .dpkg__preview{order:2;min-height:470px;height:auto}
  .dpkg__controls--secondary{order:3;border-right:0;border-top:1px solid var(--dp-border)}
  .dpkg__advanced-grid{display:grid;grid-template-columns:1fr;gap:0}
}


/* Mobile layout audit v3.8.5: keep preview useful while reducing vertical scrolling. */
@media(max-width:800px){
  .dpkg{margin:8px;border-radius:14px}
  .dpkg__header{padding:19px 17px;gap:12px}
  .dpkg__header h2{font-size:25px;margin-bottom:5px}
  .dpkg__header p{font-size:13px}
  .dpkg__privacy{padding:7px 10px;font-size:10px}
  .dpkg__controls--primary{padding:17px 16px 14px;border-bottom:1px solid var(--dp-border)}
  .dpkg__controls--primary .dpkg__field{margin-bottom:13px}
  .dpkg-font-current{min-height:44px;font-size:20px}
  .dpkg-font-options{max-height:155px}
  .dpkg-font-option{grid-template-columns:minmax(78px,.72fr) 1.28fr;padding:7px 8px;gap:8px}
  .dpkg-font-option__sample{font-size:19px}
  .dpkg-custom-font{margin-top:8px;padding-top:8px}
  .dpkg__printability{margin:0;padding:9px 10px}

  .dpkg__layout--compact .dpkg__preview{min-height:390px;height:390px;border-bottom:1px solid var(--dp-border)}
  .dpkg__preview-size{right:10px;top:10px;width:165px;padding:8px 9px 9px}
  .dpkg__preview-size label{font-size:9px;margin-bottom:4px}
  .dpkg__metrics{left:10px;bottom:10px;gap:5px;right:10px}
  .dpkg__metrics span{padding:6px 8px;font-size:9px}

  .dpkg__controls--secondary{padding:16px 16px 15px;border-top:0}
  .dpkg__advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}
  .dpkg__advanced-grid .dpkg__field{margin-bottom:7px;min-width:0}
  .dpkg__advanced-grid .dpkg__field label{font-size:10px;margin-bottom:5px}
  .dpkg__advanced-grid .dpkg__field input[type=range]{margin:0}
  .dpkg__secondary-footer{margin-top:7px}
  .dpkg__actions{margin-top:0}
  .dpkg__actions button{height:46px}
  .dpkg__share-links{margin-top:7px}
  .dpkg__status{margin-top:7px}
  .dpkg__brand{padding:8px 12px}
}
@media(max-width:520px){
  .dpkg__layout--compact .dpkg__preview{min-height:330px;height:330px}
  .dpkg__preview-size{width:150px}
  .dpkg__controls--primary{padding:15px 14px 12px}
  .dpkg__controls--secondary{padding:14px}
  .dpkg__advanced-grid{gap:7px 11px}
  .dpkg__segmented button{min-height:39px}
  .dpkg__actions{grid-template-columns:minmax(0,1.65fr) minmax(88px,1fr)}
}
@media(max-width:380px){
  .dpkg{margin:4px;border-radius:12px}
  .dpkg__header{padding:17px 14px}
  .dpkg__layout--compact .dpkg__preview{min-height:300px;height:300px}
  .dpkg__preview-size{width:140px;right:8px;top:8px}
  .dpkg__metrics{left:8px;right:8px;bottom:8px}
  .dpkg__metrics span{font-size:8.5px;padding:5px 6px}
  .dpkg__advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 9px}
  .dpkg__controls--secondary{padding:12px}
}

@media(max-width:560px){.dpkg__share-links{gap:7px}.dpkg__share-links a,.dpkg__share-links button{width:32px;height:32px;min-width:32px}.dpkg-share-icon,.dpkg-share-icon svg{width:16px;height:16px}}

/* Icon palette v3.9.0: two clean rows of four choices. */
.dpkg-icons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden}
.dpkg-icons button{min-width:0;border-right:1px solid #e3e8eb;border-bottom:1px solid #e3e8eb;border-radius:0;display:flex;align-items:center;justify-content:center;padding:0 5px}
.dpkg-icons button:nth-child(4n){border-right:0}
.dpkg-icons button:nth-child(n+17){border-bottom:0}
.dpkg-icons svg{width:20px;height:20px;display:block;fill:currentColor}
@media(max-width:480px){.dpkg-icons button{min-height:40px}.dpkg-icons svg{width:19px;height:19px}}

/* Ghost picker eyes are shown as cut-outs against the icon fill. */
.dpkg-icons .dpkg-icon-cutout{fill:var(--dpkg-bg,#fff)}

/* Visitor-local SVG icon upload v4.2.1 */
.dpkg-custom-icon{margin-top:10px;padding-top:10px;border-top:1px solid #edf1f3}.dpkg-custom-icon .dpkg__filebtn{display:flex;align-items:center;width:100%;min-height:42px}.dpkg-custom-icon-note{margin-top:6px;font-size:10px;line-height:1.35;color:var(--dp-muted)}.dpkg-custom-icon-loaded{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px;padding:7px 9px;border-radius:8px;background:#f2fbfe;border:1px solid rgba(28,186,234,.18);font-size:10px;color:var(--dp-dark)}.dpkg-custom-icon-loaded[hidden]{display:none}.dpkg-custom-icon-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dpkg-custom-icon-clear{border:0;background:transparent;color:var(--dp-accent-dark);font-size:10px;font-weight:800;padding:0;cursor:pointer;white-space:nowrap}.dpkg-custom-icon-clear:hover{text-decoration:underline}.dpkg-www-icon{font-size:10px;font-weight:900;letter-spacing:-.04em;line-height:1}