.dpds-root{--dpds-green:#00d79e;--dpds-ink:#103c33;font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--dpds-ink);background:#f0f6f3;padding:26px;border-radius:24px;max-width:1280px;margin:20px auto;box-sizing:border-box}.dpds-root *{box-sizing:border-box}.dpds-root h2,.dpds-root h3,.dpds-root p{margin:0}.dpds-root header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.dpds-root h2{font-size:28px;line-height:1.2;color:#103c33}.dpds-sub{color:#60766d;margin-top:7px!important}.dpds-badge{background:#d8f9ed;border-radius:30px;padding:7px 12px;font-size:12px;white-space:nowrap}.dpds-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:20px}.dpds-controls,.dpds-preview{background:white;padding:22px;border:1px solid #dde8e1;border-radius:18px}.dpds-root label{display:block;font-weight:600;font-size:13px;margin:14px 0 6px}.dpds-root input:not([type=range]):not([type=color]),.dpds-root select{width:100%;font:inherit;padding:10px 12px;border:1px solid #cbd9d1;border-radius:9px;background:white;color:#143a30;min-height:43px}.dpds-root input[type=file]{font-size:12px!important}.dpds-root input[type=range]{width:100%;accent-color:#058c69}.dpds-root input[type=color]{width:100%;height:40px;border:1px solid #ccd9d2;border-radius:8px;background:#fff}.dpds-root button,.dpds-root .dpds-download{font:600 14px system-ui;cursor:pointer;border:1px solid #ccdfd5;border-radius:10px;padding:12px;background:#f6faf8;color:#164d3e;text-decoration:none;display:inline-block;text-align:center}.dpds-root button:disabled{opacity:.5;cursor:wait}.dpds-root button:focus-visible,.dpds-root input:focus-visible,.dpds-root select:focus-visible,.dpds-root a:focus-visible{outline:3px solid #138766;outline-offset:3px}.dpds-root .dpds-primary{background:#00d79e;border-color:#00d79e;color:#083b2e}.dpds-row{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.dpds-row>*{flex:1}.dpds-root h3{font-size:16px}.dpds-tip{font-size:12px;color:#63766c;margin-top:9px!important}.dpds-canvas-wrap{background:#e8efeb;padding:15px;border-radius:12px;margin-top:14px;display:flex;justify-content:center}.dpds-root canvas{width:100%;max-height:none;object-fit:contain;display:block;touch-action:none;cursor:grab}.dpds-status{min-height:42px;padding:10px 0;font-size:13px;color:#286249;overflow-wrap:anywhere}.dpds-footer{display:flex;gap:16px;justify-content:space-between;margin-top:18px;font-size:12px;color:#60766d}.dpds-root a{color:#116e52}.dpds-root .dpds-error{color:#a52525}.dpds-root .dpds-templates{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.dpds-templates button{padding:12px 4px;font-size:12px}.dpds-templates button[aria-pressed=true]{background:#dcfff0;border:2px solid #00a679}.dpds-root progress{width:100%;accent-color:#00a679}.dpds-hidden{display:none!important}@media(max-width:800px){.dpds-root{padding:14px;border-radius:15px}.dpds-grid{grid-template-columns:1fr}.dpds-controls,.dpds-preview{padding:16px}.dpds-root header{align-items:flex-start}.dpds-root h2{font-size:23px}.dpds-badge{font-size:10px}.dpds-footer{flex-wrap:wrap}.dpds-root canvas{max-height:none}}
.dpds-root .dpds-templates{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dpds-root .dpds-templates button{padding:6px;border-radius:12px;overflow:hidden}.dpds-root .dpds-templates canvas{width:100%;height:auto;max-height:none;pointer-events:none;cursor:pointer;border-radius:7px;aspect-ratio:1}.dpds-root .dpds-templates span{display:block;padding:7px 2px;font-size:13px}.dpds-root .dpds-templates button[aria-pressed=true]{box-shadow:0 0 0 2px #00a679;border-color:#00a679}.dpds-preview{align-self:start;position:sticky;top:40px}@media(max-width:800px){.dpds-preview{position:static}.dpds-root .dpds-templates{grid-template-columns:repeat(3,minmax(0,1fr))}}