:root{--dpi-primary:var(--main-primary);--dpi-primary-rgb:99, 102, 241;--dpi-text:#1e293b;--dpi-text-muted:#64748b;--dpi-bg:#fff;--dpi-bg-secondary:#f8fafc;--dpi-border:#e2e8f0;--dpi-radius:var(--main-radius);--dpi-radius-lg:var(--main-radius-lg);--dpi-shadow:0 1px 3px #00000014;--dpi-shadow-md:0 4px 12px #00000014}._dpi-container{max-width:900px;margin:0 auto}._dpi-card{background:var(--dpi-bg);border-radius:var(--dpi-radius-lg);border-style:solid;border-width:1px;border-color:var(--dpi-border);box-shadow:var(--dpi-shadow);padding:var(--main-space-5)}._dpi-header{margin-bottom:var(--main-space-4);padding:var(--main-space-3) var(--main-space-4);background:var(--dpi-bg);border-radius:var(--dpi-radius-lg);border-style:solid;border-width:1px;border-color:var(--dpi-border);box-shadow:var(--dpi-shadow);justify-content:space-between;align-items:center;display:flex}._dpi-header-info{align-items:center;gap:var(--main-space-2);min-width:0;color:var(--dpi-text);display:flex}._dpi-header-info svg{color:var(--dpi-primary);flex-shrink:0}._dpi-filename{font-weight:600;font-size:var(--main-text-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._dpi-filesize{font-size:var(--main-text-xs);color:var(--dpi-text-muted);flex-shrink:0}._dpi-btn-new{border-radius:var(--dpi-radius);background:var(--dpi-bg-secondary);width:32px;height:32px;color:var(--dpi-text-muted);cursor:pointer;border:0 solid #0000;flex-shrink:0;justify-content:center;align-items:center;display:flex}._dpi-btn-new:hover{color:var(--dpi-text);background:var(--dpi-border)}._dpi-grid{gap:var(--main-space-4);grid-template-columns:1fr 1fr;display:grid}@media (max-width:768px){._dpi-container{padding-left:1rem;padding-right:1rem}._dpi-grid{grid-template-columns:1fr}._dpi-card{padding:var(--main-space-4)}._dpi-header{padding:var(--main-space-2) var(--main-space-3);gap:var(--main-space-2)}._dpi-header-info{flex:1;min-width:0}._dpi-btn-new{width:40px;height:40px}}@media (max-width:420px){._dpi-filesize{display:none}}._dpi-upload-zone{justify-content:center;align-items:center;gap:var(--main-space-2);min-height:220px;padding:var(--main-space-8);background:var(--dpi-bg);border-style:dashed;border-width:2px;border-color:var(--dpi-border);border-radius:var(--dpi-radius-lg);cursor:pointer;flex-direction:column;transition:border-color .2s,background .2s;display:flex}._dpi-upload-zone:hover,._dpi-upload-zone._dpi-upload-zone--dragover{border-color:var(--dpi-primary);background:rgba(var(--dpi-primary-rgb), .04)}._dpi-upload-zone svg{color:var(--dpi-text-muted)}._dpi-upload-zone:hover svg,._dpi-upload-zone._dpi-upload-zone--dragover svg{color:var(--dpi-primary)}._dpi-upload-title{font-size:var(--main-text-base);color:var(--dpi-text);margin:0;font-weight:600}._dpi-upload-hint{font-size:var(--main-text-sm);color:var(--dpi-text-muted);margin:0}._dpi-file-input{display:none}@media (max-width:768px){._dpi-upload-zone{min-height:180px;padding:var(--main-space-6)}._dpi-upload-title,._dpi-upload-hint{text-align:center}}._dpi-preview-card{gap:var(--main-space-4);flex-direction:column;display:flex}._dpi-preview{background:var(--dpi-bg-secondary);border-radius:var(--dpi-radius);padding:var(--main-space-3);justify-content:center;align-items:center;min-height:180px;display:flex;overflow:hidden}._dpi-preview img{object-fit:contain;border-radius:var(--dpi-radius);max-width:100%;max-height:200px}._dpi-info-table{flex-direction:column;display:flex}._dpi-info-row{padding:var(--main-space-2) 0;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--dpi-border);justify-content:space-between;align-items:center;display:flex}._dpi-info-row:last-child{border-bottom-width:0}._dpi-info-label{font-size:var(--main-text-sm);color:var(--dpi-text-muted)}._dpi-info-value{font-size:var(--main-text-sm);color:var(--dpi-text);font-weight:600;font-family:var(--main-font-mono)}._dpi-dpi-badge{background:rgba(var(--dpi-primary-rgb), .1);color:var(--dpi-primary);border-radius:var(--main-radius-full);align-items:center;padding:.125rem .5rem;font-weight:700;display:inline-flex}@media (max-width:768px){._dpi-preview{min-height:140px;padding:var(--main-space-2)}._dpi-preview img{max-height:240px}._dpi-info-row{padding:var(--main-space-3) 0}}._dpi-settings-card{gap:var(--main-space-4);flex-direction:column;display:flex}._dpi-section{gap:var(--main-space-2);flex-direction:column;display:flex}._dpi-label{font-size:var(--main-text-sm);color:var(--dpi-text);font-weight:600}._dpi-mode-toggle{background:var(--dpi-bg-secondary);border-radius:var(--dpi-radius);border-style:solid;border-width:1px;border-color:var(--dpi-border);padding:3px;display:flex}._dpi-mode-btn{border-radius:calc(var(--dpi-radius) - 2px);min-width:0;font-size:var(--main-text-sm);color:var(--dpi-text-muted);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0 solid #0000;flex:1;padding:.5rem .75rem;font-weight:500;overflow:hidden}._dpi-mode-btn:hover{color:var(--dpi-text)}._dpi-mode-btn--active{background:var(--dpi-bg);color:var(--dpi-text);font-weight:600;box-shadow:0 1px 3px #0000001a}._dpi-mode-desc{font-size:var(--main-text-xs);color:var(--dpi-text-muted);margin:0;line-height:1.5}._dpi-input{border-style:solid;border-width:1.5px;border-color:var(--dpi-border);border-radius:var(--dpi-radius);width:100%;font-size:var(--main-text-base);font-weight:600;font-family:var(--main-font-mono);color:var(--dpi-text);background:var(--dpi-bg);text-align:center;box-sizing:border-box;-webkit-appearance:none;appearance:none;padding:.625rem .875rem}._dpi-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._dpi-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._dpi-input[type=number]{-moz-appearance:textfield}._dpi-input:focus{border-color:var(--dpi-primary);box-shadow:0 0 0 3px rgba(var(--dpi-primary-rgb), .15);outline:none}._dpi-presets{gap:var(--main-space-2);flex-wrap:wrap;display:flex}._dpi-preset-btn{border-style:solid;border-width:1px;border-color:var(--dpi-border);border-radius:var(--dpi-radius);background:var(--dpi-bg);min-width:0;font-size:var(--main-text-xs);color:var(--dpi-text-muted);cursor:pointer;white-space:nowrap;text-align:center;flex:1;padding:.375rem .5rem;font-weight:500}._dpi-preset-btn:hover{border-color:var(--dpi-primary);color:var(--dpi-primary)}._dpi-preset-btn--active{background:rgba(var(--dpi-primary-rgb), .1);border-color:var(--dpi-primary);color:var(--dpi-primary);font-weight:600}._dpi-output-section{background:var(--dpi-bg-secondary);border-radius:var(--dpi-radius);padding:var(--main-space-3);border-style:dashed;border-width:1px;border-color:var(--dpi-border)}._dpi-output-grid{gap:var(--main-space-3);grid-template-columns:1fr 1fr;display:grid}._dpi-output-item{flex-direction:column;gap:2px;display:flex}._dpi-output-label{font-size:var(--main-text-xs);color:var(--dpi-text-muted)}._dpi-output-value{font-size:var(--main-text-sm);color:var(--dpi-text);font-weight:700;font-family:var(--main-font-mono)}._dpi-btn-download{justify-content:center;align-items:center;gap:var(--main-space-2);background:var(--dpi-primary);color:#fff;border-radius:var(--dpi-radius);width:100%;font-size:var(--main-text-sm);cursor:pointer;box-shadow:0 2px 8px rgba(var(--dpi-primary-rgb), .25);border:0 solid #0000;padding:.75rem 1.5rem;font-weight:600;display:flex}._dpi-btn-download:hover{opacity:.9}._dpi-btn-download:disabled{opacity:.5;cursor:not-allowed}._dpi-btn-download svg{flex-shrink:0}@media (max-width:768px){._dpi-mode-btn{font-size:var(--main-text-xs);padding:.625rem .5rem}._dpi-input{padding:.75rem .875rem;font-size:16px}._dpi-preset-btn{font-size:var(--main-text-xs);padding:.625rem .5rem}._dpi-btn-download{font-size:var(--main-text-base);padding:.875rem 1.5rem}}@media (max-width:480px){._dpi-output-grid{grid-template-columns:1fr}._dpi-presets{grid-template-columns:1fr 1fr;display:grid}}