.dpc-root{--dpc-bg:#ffffff;--dpc-fg:#1a1d23;--dpc-muted:#6b7280;--dpc-border:#e5e7eb;--dpc-accent:#c2410c;--dpc-accent-hover:#9a3412;--dpc-accent-fg:#ffffff;--dpc-accent-soft:#fff7ed;--dpc-surface:#fafaf9;--dpc-canvas-bg:#f5f5f4;--dpc-radius:12px;--dpc-error:#b91c1c;--dpc-error-bg:#fef2f2;--dpc-success:#15803d;--dpc-success-bg:#f0fdf4;direction:ltr;text-align:left;font-family:"Segoe UI",system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;color:var(--dpc-fg);line-height:1.6;max-width:760px;margin:0 auto}.dpc-root *,.dpc-root *::before,.dpc-root *::after{box-sizing:border-box}.dpc-card{background:var(--dpc-bg);border:1px solid var(--dpc-border);border-radius:var(--dpc-radius);padding:24px;box-shadow:0 1px 3px rgb(0 0 0 / .06)}.dpc-header{text-align:center;margin-bottom:20px}.dpc-title{margin:0 0 6px;font-size:1.5rem;font-weight:700;color:var(--dpc-fg)}.dpc-subtitle{margin:0;font-size:.9rem;color:var(--dpc-muted)}.dpc-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:32px 16px;border:2px dashed var(--dpc-border);border-radius:var(--dpc-radius);background:var(--dpc-surface);cursor:pointer;transition:border-color 0.15s,background 0.15s;text-align:center}.dpc-drop:hover,.dpc-drop:focus,.dpc-drop-active{border-color:var(--dpc-accent);background:var(--dpc-accent-soft);outline:none}.dpc-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.dpc-drop-icon{font-size:1.75rem;color:var(--dpc-accent);line-height:1}.dpc-drop-text{font-size:.95rem;color:var(--dpc-fg);font-weight:600}.dpc-drop-hint{font-size:.8rem;color:var(--dpc-muted)}.dpc-error{margin-top:16px;padding:12px 14px;border-radius:8px;background:var(--dpc-error-bg);color:var(--dpc-error);font-size:.9rem;border:1px solid #fecaca}.dpc-success{margin-top:16px;padding:12px 14px;border-radius:8px;background:var(--dpc-success-bg);color:var(--dpc-success);font-size:.9rem;border:1px solid #bbf7d0}.dpc-result{margin-top:20px}.dpc-file-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.dpc-filename{font-size:.9rem;color:var(--dpc-muted);word-break:break-all}.dpc-reset{flex-shrink:0;padding:6px 12px;border:1px solid var(--dpc-border);border-radius:8px;background:var(--dpc-bg);color:var(--dpc-fg);font-size:.8rem;font-family:inherit;cursor:pointer;transition:background 0.15s}.dpc-reset:hover{background:var(--dpc-surface)}.dpc-canvas{display:block;width:100%;height:360px;background:var(--dpc-canvas-bg);border:1px solid var(--dpc-border);border-radius:var(--dpc-radius)}.dpc-viewbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.dpc-segment{display:inline-flex;border:1px solid var(--dpc-border);border-radius:8px;overflow:hidden;background:var(--dpc-surface)}.dpc-seg-btn{border:none;background:#fff0;color:var(--dpc-muted);font-size:.85rem;font-weight:500;font-family:inherit;padding:6px 16px;cursor:pointer;line-height:1.4;transition:background 0.15s,color 0.15s}.dpc-seg-btn+.dpc-seg-btn{border-left:1px solid var(--dpc-border)}.dpc-seg-active,.dpc-seg-active:hover{background:var(--dpc-accent);color:var(--dpc-accent-fg)}.dpc-toggle{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;color:var(--dpc-muted);cursor:pointer}.dpc-toggle input{width:16px;height:16px;accent-color:var(--dpc-accent);cursor:pointer}.dpc-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px}@media (min-width:520px){.dpc-stats{grid-template-columns:repeat(4,1fr)}}.dpc-stat{display:flex;flex-direction:column;gap:2px;padding:12px;background:var(--dpc-surface);border:1px solid var(--dpc-border);border-radius:10px}.dpc-stat-label{font-size:.75rem;color:var(--dpc-muted)}.dpc-stat-value{font-size:1.1rem;font-weight:600;font-family:ui-monospace,"SF Mono",Menlo,monospace}.dpc-palette{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.dpc-swatch{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--dpc-surface);border:1px solid var(--dpc-border);border-radius:999px;font-size:.8rem}.dpc-swatch-dot{width:14px;height:14px;border-radius:50%;border:1px solid rgb(0 0 0 / .15);flex-shrink:0}.dpc-controls{display:flex;align-items:center;gap:10px;margin-top:20px;flex-wrap:wrap}.dpc-control-label{font-size:.9rem;font-weight:600}.dpc-select{flex:1;min-width:140px;padding:10px 12px;border:1px solid var(--dpc-border);border-radius:8px;background:var(--dpc-bg);color:var(--dpc-fg);font-size:.95rem;font-family:inherit}.dpc-btn{padding:10px 20px;border:none;border-radius:8px;background:var(--dpc-accent);color:var(--dpc-accent-fg);font-size:.95rem;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity 0.15s}.dpc-btn:hover{background:var(--dpc-accent-hover)}.dpc-btn:active{opacity:.9}.dpc-btn-secondary{background:var(--dpc-bg);color:var(--dpc-accent);border:1px solid var(--dpc-accent)}.dpc-btn-secondary:hover{background:var(--dpc-accent-soft)}.dpc-footer{margin-top:20px;padding-top:14px;border-top:1px solid var(--dpc-border);text-align:center;font-size:.8rem;color:var(--dpc-muted)}.dpc-brand{color:var(--dpc-accent);font-weight:600;text-decoration:none}.dpc-brand:hover{text-decoration:underline}