.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}.settings-panel input[type=number]{width:90px}.size-row{display:flex;align-items:center;gap:8px}.size-row #sizeUnit{font-size:.95rem;color:#555;min-width:2em}.checkbox-label{display:flex!important;align-items:center;gap:6px;font-weight:400!important;font-size:.9rem!important;color:#333;cursor:pointer;padding-bottom:6px}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.settings-panel .quality-row{display:flex;align-items:center;gap:10px}.settings-panel .quality-row input[type=range]{width:160px;accent-color:var(--accent)}.settings-panel .quality-row #qualityValue{font-weight:700;min-width:2.5em;color:#2c3e50}.preset-area{margin-bottom:20px;text-align:left}.preset-area .preset-label{font-size:.85rem;color:#666;margin-bottom:6px;display:block}.preset-btn{background:#fff!important;color:var(--accent)!important;border:1px solid var(--accent)!important;border-radius:20px!important;padding:6px 16px!important;margin:0 8px 8px 0!important;font-size:.9rem!important;cursor:pointer;transition:background .2s,color .2s}.preset-btn:hover{background:var(--accent)!important;color:#fff!important}#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 img{width:100px!important;height:100px!important;object-fit:contain!important;margin-right:20px!important;border:1px solid #e0e0e0;border-radius:4px;padding:5px!important;background:#fafafa;flex-shrink:0!important;position:static!important}.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 .info .note{font-size:.8rem;color:#b26a00;margin-top:6px;line-height:1.5}.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 img{width:100%!important;max-width:200px!important;height:auto!important;margin-bottom:15px!important;margin-right:0!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}}