.local-notice{display:inline-block;background:#e8f5e9;color:#1b5e20;border:1px solid #a5d6a7;border-radius:20px;padding:6px 16px;font-size:.9rem;margin-bottom:20px}.local-notice i{margin-right:6px}.settings-panel{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;margin-bottom:20px;text-align:left;display:flex;flex-wrap:wrap;gap:16px 32px;align-items:flex-end}.settings-panel .setting{display:flex;flex-direction:column;gap:6px}.settings-panel label{font-weight:700;font-size:.9rem;color:#333}.settings-panel select,.settings-panel input[type=number]{padding:6px 10px;border:1px solid #ccc;border-radius:4px;font-size:.95rem;background:#fff;color:#333}.mode-radio-group{display:flex;gap:0;border:1px solid var(--accent);border-radius:6px;overflow:hidden}.mode-radio-group label{font-weight:400!important;font-size:.95rem!important;padding:8px 16px;cursor:pointer;background:#fff;color:var(--accent);margin:0;display:flex;align-items:center;gap:6px;transition:background .2s,color .2s}.mode-radio-group label+label{border-left:1px solid var(--accent)}.mode-radio-group input[type=radio]{position:absolute;opacity:0;width:0;height:0}.mode-radio-group label:has(input:checked){background:var(--accent);color:#fff;font-weight:700!important}#bgColorWrap input[type=color]{width:48px;height:34px;padding:2px;border:1px solid #ccc;border-radius:4px;background:#fff;cursor:pointer}.settings-panel .slider-row{display:flex;align-items:center;gap:10px}.settings-panel .slider-row input[type=range]{width:160px;accent-color:var(--accent)}.settings-panel .slider-row #paddingValue,.settings-panel .slider-row #qualityValue{font-weight:700;min-width:2.5em;color:#2c3e50}#padSettings{display:flex;flex-wrap:wrap;gap:16px 32px;align-items:flex-end}#reprocessButton{background-color:#28a745!important;color:#fff!important;border:none;padding:8px 18px;border-radius:4px;cursor:pointer;font-size:14px!important}#reprocessButton:hover{background-color:#218838!important}#reprocessButton:disabled{background-color:#ccc!important;cursor:not-allowed}.upload-area{border:2px dashed var(--accent);padding:40px;margin-bottom:20px;border-radius:8px;cursor:pointer;color:var(--accent);text-align:center}.upload-area.hover{background-color:var(--accent-bg)}#inputImage{display:none}#progressContainer{margin-bottom:20px;display:none}#progressBar{width:100%;background-color:#eee;border-radius:4px;overflow:hidden}#progress{height:20px;width:0%;background-color:var(--accent)}#progressText{margin-top:5px;font-size:.9em;color:#333;text-align:center}#summaryArea{display:none;background:#f0f7ff;border:1px solid #bcd9f5;border-radius:8px;padding:14px 20px;margin:0 0 20px;font-size:1.05rem;color:#2c3e50;text-align:center}.preview-list{list-style-type:none!important;margin:20px 0!important;background:#f9f9f9;border-radius:8px;padding:20px!important}.preview-list:empty{display:none}.preview-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:15px!important;margin-bottom:15px!important;display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:10px;transition:box-shadow .3s;position:static!important;list-style:none!important}.preview-item:hover{box-shadow:0 2px 8px #0000001a}.preview-item:last-child{margin-bottom:0!important}.preview-item .thumbs{display:flex!important;align-items:center!important;gap:6px;flex-shrink:0!important;margin-right:14px!important;position:static!important}.preview-item .thumbs img{width:90px!important;height:90px!important;object-fit:contain!important;border:1px solid #e0e0e0;border-radius:4px;padding:4px!important;background:#fafafa;flex-shrink:0!important;position:static!important;margin:0!important}.preview-item .thumb-arrow{color:#888;font-size:1.1rem;flex-shrink:0}.preview-item .info{flex:1!important;display:flex!important;flex-direction:column!important;min-width:200px;margin-right:20px!important;position:static!important}.preview-item .info .title{font-weight:700;margin-bottom:8px;word-break:break-all;font-size:1rem;color:#333!important}.preview-item .info .size-info{font-size:.95rem;color:#555!important;line-height:1.8}.preview-item .info .size-info .num{font-weight:700;color:#2c3e50}.preview-item .button-area{display:flex!important;gap:10px;flex-shrink:0!important;position:static!important}.preview-item button{margin:0!important;padding:8px 20px!important;font-size:.9rem!important;border:none!important;border-radius:4px!important;cursor:pointer!important;background-color:var(--accent)!important;color:#fff!important;transition:background-color .3s!important;white-space:nowrap!important;position:static!important;display:inline-block!important;text-align:center!important}.preview-item button:hover{background-color:var(--accent-hover)!important;color:#fff!important}#downloadAllButton{background-color:var(--accent)!important;color:#fff!important;border:none;padding:10px 25px;font-size:1rem!important;border-radius:4px;cursor:pointer;margin:0 auto 20px;display:none;position:static!important}#downloadAllButton:hover{background-color:var(--accent-hover)!important}#downloadAllButton:disabled{background-color:#ccc!important;cursor:not-allowed}.preview-item *{position:static!important}@media (max-width: 768px){.settings-panel{flex-direction:column;align-items:stretch}.preview-item{flex-wrap:wrap!important}.preview-item .thumbs{width:100%!important;margin-right:0!important;margin-bottom:15px!important;justify-content:center!important}.preview-item .info{width:100%!important;flex:1 1 100%!important;min-width:0!important;margin-bottom:15px!important;margin-right:0!important}.preview-item .button-area{width:100%!important}.preview-item button{flex:1}}