:root{--dig-primary:var(--main-primary);--dig-primary-hover:var(--main-primary-hover);--dig-text:#1e293b;--dig-text-muted:#64748b;--dig-bg:#fff;--dig-bg-hover:#f8fafc;--dig-border:#e2e8f0;--dig-border-hover:#cbd5e1;--dig-radius:var(--main-radius);--dig-radius-lg:var(--main-radius-lg);--dig-shadow:0 1px 3px #0000001a;--dig-shadow-lg:0 4px 12px #0000001a;--dig-checkerboard:repeating-conic-gradient(#e5e7eb 0% 25%, transparent 0% 50%) 50% / 16px 16px}._dig-container{max-width:1200px;margin:0 auto}._dig-editor{gap:var(--main-space-5);grid-template-columns:300px 1fr;align-items:start;display:grid}@media (max-width:900px){._dig-editor{grid-template-columns:1fr}._dig-settings{order:2}._dig-preview-area{order:1}}@media (max-width:768px){._dig-container{padding-left:1rem;padding-right:1rem}}._dig-upload-zone{border-style:dashed;border-width:2px;border-color:var(--dig-border);border-radius:var(--dig-radius-lg);background:var(--dig-bg);cursor:pointer;justify-content:center;align-items:center;min-height:320px;transition:border-color .2s,background .2s;display:flex}._dig-upload-zone:hover,._dig-upload-zone._dig-dragover{border-color:var(--dig-primary);background:var(--dig-bg-hover)}._dig-upload-content{text-align:center;padding:var(--main-space-6)}._dig-upload-icon{color:var(--dig-text-muted);margin-bottom:var(--main-space-4)}._dig-upload-icon svg{width:40px;height:40px}._dig-upload-text{font-size:var(--main-text-base);color:var(--dig-text);margin:0 0 var(--main-space-2);font-weight:500}._dig-upload-hint{font-size:var(--main-text-sm);color:var(--dig-text-muted);margin:0}@media (max-width:480px){._dig-upload-zone{min-height:220px}}._dig-settings{gap:var(--main-space-4);flex-direction:column;display:flex}._dig-section{background:var(--dig-bg);border-radius:var(--dig-radius-lg);padding:var(--main-space-4);border-style:solid;border-width:1px;border-color:var(--dig-border);box-shadow:var(--dig-shadow)}._dig-section-title{font-size:var(--main-text-sm);color:var(--dig-text);margin:0 0 var(--main-space-3);text-transform:uppercase;letter-spacing:.05em;font-weight:600}._dig-color-pair{align-items:flex-end;gap:var(--main-space-3);display:flex}._dig-color-item{flex:1;min-width:0}._dig-color-label{font-size:var(--main-text-xs);color:var(--dig-text-muted);margin-bottom:var(--main-space-1);font-weight:500;display:block}._dig-color-input-group{align-items:center;gap:var(--main-space-2);display:flex}._dig-color-picker{border-radius:var(--dig-radius);cursor:pointer;border-width:0;flex-shrink:0;width:40px;height:36px;padding:0}._dig-color-picker::-webkit-color-swatch-wrapper{padding:2px}._dig-color-picker::-webkit-color-swatch{border:none;border-radius:4px}._dig-hex-input{width:100%;min-width:0;height:36px;padding:0 var(--main-space-2);border-style:solid;border-width:1px;border-color:var(--dig-border);border-radius:var(--dig-radius);font-family:var(--main-font-mono);font-size:var(--main-text-sm);color:var(--dig-text);background:var(--dig-bg);text-transform:uppercase}._dig-hex-input:focus{border-color:var(--dig-primary);outline:none;box-shadow:0 0 0 3px #6366f126}._dig-swap-btn{border-style:solid;border-width:1px;border-color:var(--dig-border);border-radius:var(--dig-radius);background:var(--dig-bg);width:36px;height:36px;color:var(--dig-text-muted);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:color .2s,border-color .2s;display:flex}._dig-swap-btn:hover{color:var(--dig-primary);border-color:var(--dig-border-hover)}._dig-presets-grid{gap:var(--main-space-2);grid-template-columns:repeat(auto-fill,minmax(100px,1fr));min-height:88px;display:grid}._dig-preset-item{border-radius:var(--dig-radius);cursor:pointer;border:2px solid #0000;height:40px;transition:border-color .2s,opacity .2s;position:relative;overflow:hidden}._dig-preset-item:hover{opacity:.85}._dig-preset-item._dig-active{border-color:var(--dig-primary)}._dig-preset-item:after{content:attr(data-name);color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#0006;padding:2px 6px;font-size:9px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}._dig-slider-group{margin-bottom:var(--main-space-3)}._dig-slider-group:last-child{margin-bottom:0}._dig-slider-row{margin-bottom:var(--main-space-1);justify-content:space-between;align-items:center;display:flex}._dig-slider-label{font-size:var(--main-text-sm);color:var(--dig-text)}._dig-slider-value{font-size:var(--main-text-sm);font-family:var(--main-font-mono);color:var(--dig-text-muted);text-align:right;min-width:40px}._dig-slider{-webkit-appearance:none;appearance:none;background:var(--dig-border);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}._dig-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--dig-primary);cursor:pointer;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #0003}._dig-slider::-moz-range-thumb{background:var(--dig-primary);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #0003}._dig-select{width:100%;height:36px;padding:0 var(--main-space-2);border-style:solid;border-width:1px;border-color:var(--dig-border);border-radius:var(--dig-radius);font-size:var(--main-text-sm);color:var(--dig-text);background:var(--dig-bg);cursor:pointer}._dig-select:focus{border-color:var(--dig-primary);outline:none;box-shadow:0 0 0 3px #6366f126}._dig-preview-area{gap:var(--main-space-3);flex-direction:column;min-height:400px;display:flex}._dig-canvas-wrapper{background:var(--dig-checkerboard);border-radius:var(--dig-radius-lg);border-style:solid;border-width:1px;border-color:var(--dig-border);box-shadow:var(--dig-shadow);justify-content:center;align-items:center;min-height:360px;display:flex;position:relative;overflow:hidden}._dig-canvas-wrapper canvas{border-radius:var(--dig-radius);max-width:100%;max-height:500px;display:block}._dig-preview-info{justify-content:space-between;align-items:center;gap:var(--main-space-3);display:flex}._dig-size-badge{border-radius:var(--main-radius-full);font-size:var(--main-text-xs);font-family:var(--main-font-mono);color:var(--dig-text-muted);background:var(--dig-bg);border-style:solid;border-width:1px;border-color:var(--dig-border);align-items:center;padding:.25rem .75rem;font-weight:500;display:inline-flex}._dig-compare-toggle{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-sm);color:var(--dig-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}._dig-compare-toggle input[type=checkbox]{accent-color:var(--dig-primary)}._dig-compare-slider{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}._dig-compare-original{justify-content:center;align-items:center;width:50%;display:flex;position:absolute;top:0;bottom:0;left:0;overflow:hidden}._dig-compare-original canvas{object-fit:contain;width:100%;max-width:none;height:100%;max-height:none;position:absolute;top:0;left:0}._dig-compare-handle{cursor:ew-resize;z-index:2;justify-content:center;align-items:center;width:4px;margin-left:-2px;display:flex;position:absolute;top:0;bottom:0;left:50%}._dig-compare-line{background:#fff;width:2px;height:100%;box-shadow:0 0 4px #00000080}._dig-compare-handle:before{content:"";z-index:3;background:#fff;border-radius:50%;width:32px;height:32px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000004d}._dig-compare-handle:after{content:"↔";color:#334155;z-index:4;font-size:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:480px){._dig-preview-area{min-height:280px}._dig-canvas-wrapper{min-height:260px}._dig-preview-info{flex-direction:column;align-items:flex-start}}._dig-actions{justify-content:center;align-items:center;gap:var(--main-space-3);margin-top:var(--main-space-4);flex-wrap:wrap;display:flex}._dig-btn{align-items:center;gap:var(--main-space-2);border-radius:var(--dig-radius);font-size:var(--main-text-sm);cursor:pointer;border-width:0;padding:.625rem 1.25rem;font-weight:500;transition:opacity .2s,box-shadow .2s;display:inline-flex}._dig-btn:hover{opacity:.9}._dig-btn svg{width:16px;height:16px}._dig-btn-primary{background:var(--dig-primary);color:#fff;box-shadow:0 2px 8px #6366f140}._dig-btn-secondary{background:var(--dig-bg);color:var(--dig-text);border-style:solid;border-width:1px;border-color:var(--dig-border)}._dig-btn-secondary:hover{background:var(--dig-bg-hover);opacity:1}@media (max-width:480px){._dig-actions{flex-direction:column}._dig-btn{justify-content:center;width:100%}}