:root{--dmg-primary:var(--main-primary);--dmg-text:#1e293b;--dmg-text-muted:#64748b;--dmg-bg:#fff;--dmg-bg-secondary:#f8fafc;--dmg-border:#e2e8f0;--dmg-border-hover:#cbd5e1;--dmg-toolbar-bg:#fff;--dmg-toolbar-border:#e2e8f0;--dmg-preview-bg:#1e293b;--dmg-radius:var(--main-radius);--dmg-radius-lg:var(--main-radius-lg)}._dmg-container{-webkit-tap-highlight-color:transparent;flex-direction:column;min-height:500px;display:flex}._dmg-container button,._dmg-container input,._dmg-container label{-webkit-tap-highlight-color:transparent;touch-action:manipulation}._dmg-editor{flex-direction:column;gap:0;min-height:500px;display:flex}@media (max-width:768px){._dmg-container{padding-left:.75rem;padding-right:.75rem}._dmg-container,._dmg-editor{min-height:0}}._dmg-upload{border-style:dashed;border-width:2px;border-color:var(--dmg-border);border-radius:var(--dmg-radius-lg);background:var(--dmg-bg);cursor:pointer;justify-content:center;align-items:center;min-height:350px;transition:border-color .2s,background .2s;display:flex}._dmg-upload:hover{border-color:var(--dmg-primary)}._dmg-upload.dragover{border-color:var(--dmg-primary);background:#6366f10a}._dmg-upload-inner{text-align:center;padding:var(--main-space-8)}._dmg-upload-icon{color:var(--dmg-text-muted);margin-bottom:var(--main-space-4);opacity:.5}._dmg-upload-text{font-size:var(--main-text-base);color:var(--dmg-text);margin-bottom:var(--main-space-2);font-weight:500}._dmg-upload-hint{font-size:var(--main-text-xs);color:var(--dmg-text-muted)}@media (max-width:768px){._dmg-upload{border-radius:var(--dmg-radius);min-height:260px}._dmg-upload-inner{padding:var(--main-space-4)}._dmg-upload-text{font-size:var(--main-text-sm)}}._dmg-toolbar{align-items:center;gap:var(--main-space-2);padding:var(--main-space-2) var(--main-space-3);background:var(--dmg-toolbar-bg);border-style:solid;border-width:1px;border-color:var(--dmg-toolbar-border);border-radius:var(--dmg-radius-lg) var(--dmg-radius-lg) 0 0;flex-wrap:wrap;display:flex}._dmg-toolbar-group{align-items:center;gap:var(--main-space-1);flex-wrap:wrap;display:flex}._dmg-toolbar-sep{background:var(--dmg-border);width:1px;height:24px;margin:0 var(--main-space-1)}._dmg-toolbar-spacer{margin-left:auto}._dmg-color-group{min-height:32px}._dmg-device-btn{color:var(--dmg-text-muted);font-size:var(--main-text-xs);border-radius:var(--dmg-radius);cursor:pointer;white-space:nowrap;background:0 0;border:none;justify-content:center;align-items:center;gap:.375rem;padding:.375rem .625rem;font-weight:500;transition:color .15s,background .15s;display:inline-flex}._dmg-device-btn:hover{color:var(--dmg-text);background:var(--dmg-bg-secondary)}._dmg-device-btn.active{color:var(--dmg-primary);background:#6366f114}._dmg-device-label{pointer-events:none}._dmg-tool-btn{width:32px;height:32px;color:var(--dmg-text-muted);border-radius:var(--dmg-radius);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .15s,background .15s;display:inline-flex}._dmg-tool-btn:hover{color:var(--dmg-text);background:var(--dmg-bg-secondary)}._dmg-color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;flex-shrink:0;width:22px;height:22px;padding:0;transition:border-color .15s,opacity .15s;box-shadow:inset 0 0 0 1px #0000001a}._dmg-color-swatch:hover{border-color:var(--dmg-border-hover)}._dmg-color-swatch.active{border-color:var(--dmg-primary)}@media (max-width:768px){._dmg-toolbar{border-radius:var(--dmg-radius) var(--dmg-radius) 0 0;gap:var(--main-space-1);padding:var(--main-space-2)}._dmg-device-label,._dmg-toolbar-spacer{display:none}._dmg-device-btn{width:40px;height:40px;padding:0}._dmg-tool-btn{width:40px;height:40px}._dmg-color-swatch{width:28px;height:28px}._dmg-toolbar-sep{height:28px}}._dmg-preview{background:var(--dmg-preview-bg);border-style:solid;border-width:0 1px;border-color:var(--dmg-toolbar-border);min-height:400px;padding:var(--main-space-4);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}._dmg-preview canvas{border-radius:var(--dmg-radius);touch-action:none;max-width:100%;height:auto;max-height:550px}._dmg-preview.transparent-bg{background-color:#1e1e2e;background-image:linear-gradient(45deg,#2a2a3a 25%,#0000 25%),linear-gradient(-45deg,#2a2a3a 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#2a2a3a 75%),linear-gradient(-45deg,#0000 75%,#2a2a3a 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}@media (max-width:768px){._dmg-preview{min-height:280px;padding:var(--main-space-2)}._dmg-preview canvas{max-height:60vh}}@media (max-width:480px){._dmg-preview{min-height:240px}._dmg-preview canvas{max-height:55vh}}._dmg-controls{justify-content:space-between;align-items:center;gap:var(--main-space-3);padding:var(--main-space-3);background:var(--dmg-toolbar-bg);border-style:solid;border-width:1px;border-color:var(--dmg-toolbar-border);border-radius:0 0 var(--dmg-radius-lg) var(--dmg-radius-lg);flex-wrap:wrap;display:flex}._dmg-controls-left{align-items:center;gap:var(--main-space-3);flex-wrap:wrap;display:flex}._dmg-controls-right{align-items:center;gap:var(--main-space-2);display:flex}._dmg-bg-selector{background:var(--dmg-bg-secondary);border-radius:var(--dmg-radius);gap:2px;padding:2px;display:flex}._dmg-bg-btn{color:var(--dmg-text-muted);font-size:var(--main-text-xs);border-radius:calc(var(--dmg-radius) - 2px);cursor:pointer;white-space:nowrap;background:0 0;border:none;justify-content:center;align-items:center;gap:.375rem;padding:.375rem .625rem;font-weight:500;transition:color .15s,background .15s;display:inline-flex}._dmg-bg-btn:hover{color:var(--dmg-text)}._dmg-bg-btn.active{color:var(--dmg-text);background:var(--dmg-bg);box-shadow:var(--main-shadow-sm)}._dmg-color-picker-wrap{align-items:center;gap:var(--main-space-2);flex-wrap:wrap;display:flex}._dmg-color-input{border-radius:var(--dmg-radius);cursor:pointer;background:0 0;border:none;flex-shrink:0;width:32px;height:32px;padding:0}._dmg-color-input::-webkit-color-swatch-wrapper{padding:0}._dmg-color-input::-webkit-color-swatch{border-radius:var(--dmg-radius);border:none;box-shadow:inset 0 0 0 1px #0000001a}._dmg-color-input::-moz-color-swatch{border-radius:var(--dmg-radius);border:none;box-shadow:inset 0 0 0 1px #0000001a}._dmg-color-presets{flex-wrap:wrap;gap:4px;display:flex}._dmg-color-preset{cursor:pointer;border:2px solid #0000;border-radius:50%;flex-shrink:0;width:24px;height:24px;padding:0;transition:border-color .15s,opacity .15s}._dmg-color-preset:hover{opacity:.85}._dmg-color-preset.active{border-color:var(--dmg-primary)}._dmg-gradient-presets{flex-wrap:wrap;gap:4px;display:flex}._dmg-gradient-swatch{border-radius:var(--dmg-radius);cursor:pointer;border:1px solid #0000;flex-shrink:0;width:32px;height:24px;padding:0;transition:border-color .15s,opacity .15s}._dmg-gradient-swatch:hover{opacity:.85}._dmg-gradient-swatch.active{border-color:var(--dmg-primary);box-shadow:0 0 0 1px var(--dmg-primary)}._dmg-padding-control{align-items:center;gap:var(--main-space-2);display:flex}._dmg-padding-label{font-size:var(--main-text-xs);color:var(--dmg-text-muted);white-space:nowrap;font-weight:500}._dmg-padding-slider{width:100px;height:20px;accent-color:var(--dmg-primary);cursor:pointer;touch-action:pan-x;-webkit-appearance:none;appearance:none;background:0 0;margin:0;padding:8px 0}._dmg-padding-slider::-webkit-slider-runnable-track{background:var(--dmg-bg-secondary);border-radius:2px;height:4px}._dmg-padding-slider::-moz-range-track{background:var(--dmg-bg-secondary);border-radius:2px;height:4px}._dmg-padding-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--dmg-primary);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px;margin-top:-7px;box-shadow:0 1px 3px #0003}._dmg-padding-slider::-moz-range-thumb{background:var(--dmg-primary);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 3px #0003}._dmg-download-btn{background:var(--dmg-primary);color:#fff;border-radius:var(--dmg-radius);font-size:var(--main-text-sm);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;min-height:40px;padding:.5rem 1.25rem;font-weight:600;transition:opacity .15s,box-shadow .15s;display:inline-flex;box-shadow:0 2px 8px #6366f140}._dmg-download-btn:hover{opacity:.9}@media (max-width:768px){._dmg-controls{border-radius:0 0 var(--dmg-radius) var(--dmg-radius);padding:var(--main-space-2);gap:var(--main-space-2);flex-direction:column;align-items:stretch}._dmg-controls-left{gap:var(--main-space-2);justify-content:flex-start;width:100%}._dmg-controls-right{width:100%}._dmg-bg-btn{min-height:36px;padding:.5rem .75rem}._dmg-color-input{width:36px;height:36px}._dmg-color-preset{width:28px;height:28px}._dmg-gradient-swatch{width:36px;height:28px}._dmg-padding-control{gap:var(--main-space-3);flex:100%}._dmg-padding-slider{flex:auto;width:auto;min-width:120px}._dmg-download-btn{justify-content:center;width:100%;min-height:44px;padding:.625rem 1.25rem}._dmg-sep-mobile-hide,._dmg-bg-btn span{display:none}}@media (max-width:480px){._dmg-color-presets,._dmg-gradient-presets{gap:6px}}