body{font-family:sans-serif;background-color:#f0f2f5;color:#333;margin:0}#root{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:40px 20px;box-sizing:border-box}.app-container{width:100%;max-width:800px;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.app-header{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;position:relative;margin-bottom:20px}h1,h2{color:#1a2c5b}h1{text-align:center;font-family:"M PLUS Rounded 1c",sans-serif;font-size:2.5em;margin:0;flex-grow:1}.loading-message{width:100%;text-align:center;color:#666;font-style:italic;margin-top:10px}.file-dropzone{border:2px dashed #ccc;border-radius:6px;padding:40px 20px;text-align:center;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.file-dropzone p{margin:0;font-size:16px;color:#666}.file-dropzone:hover{background-color:#f9f9f9;border-color:#aaa}.dropzone-active{background-color:#e8f0fe;border-color:#4285f4}.file-list{margin-top:20px}.file-list ul{list-style-type:none;padding:0}.file-list li{background-color:#f7f7f7;padding:10px;border-radius:4px;margin-bottom:5px}.queue-container{margin-top:20px}.queue-container ul{list-style-type:none;padding:0}.queue-item{display:block;padding:12px;border-radius:4px;margin-bottom:8px;border:1px solid #ddd;background-color:#f9f9f9}.file-details{display:flex;flex-direction:column}.file-name{font-weight:700;margin-bottom:4px;word-break:break-all}.file-meta{font-size:.85em;color:#555}.conversion-path{font-size:.9em;font-weight:700;color:#0056b3;margin-top:5px;background-color:#e7f3ff;padding:2px 6px;border-radius:4px;display:inline-block}.diagnosis-status{display:flex;align-items:center;font-size:.9em}.diagnosis-icon{margin-right:8px;font-size:1.2em}.diagnosis-low{border-left:5px solid #28a745}.diagnosis-medium{border-left:5px solid #ffc107}.diagnosis-high{border-left:5px solid #dc3545}.diagnosis-error{border-left:5px solid #6c757d}.top-controls-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.conversion-controls-container{display:flex;align-items:center;gap:10px}.zip-download-button{padding:10px 20px;font-size:16px;background-color:#218838;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s ease}.zip-download-button:hover{background-color:#1e7e34}.zip-download-button:disabled{background-color:#ccc;cursor:not-allowed}.clear-completed-button{padding:10px 20px;font-size:16px;background-color:#6c757d;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s ease}.clear-completed-button:hover{background-color:#5a6268}.clear-completed-button:disabled,.convert-all-button:disabled{background-color:#ccc;cursor:not-allowed}.convert-all-button{padding:10px 20px;font-size:16px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s ease}.convert-all-button:hover{background-color:#0056b3}.item-main-info{display:flex;justify-content:space-between;align-items:center}.item-settings{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:15px;padding-top:15px;border-top:1px solid #eee}.setting-group{display:flex;align-items:center;gap:8px}.setting-group label{font-size:.9em}.setting-group select,.setting-group input{padding:5px;border:1px solid #ccc;border-radius:4px}.size-input{width:70px}.trim-group span{margin:0 -4px}.trim-input{width:70px}.remove-button{margin-left:auto;background:none;border:none;font-size:24px;color:#888;cursor:pointer;padding:0 5px;line-height:1}.remove-button:hover{color:#dc3545}.remove-button:disabled{color:#ccc;cursor:not-allowed}.item-status-bar{display:flex;align-items:center;margin-top:15px;padding-top:15px;border-top:1px solid #eee}.progress-bar-container{flex-grow:1;height:20px;background-color:#e0e0e0;border-radius:10px;overflow:hidden;position:relative}.progress-bar{height:100%;background-color:#4caf50;transition:width .1s linear}.progress-text{position:absolute;width:100%;text-align:center;top:0;left:0;line-height:20px;color:#fff;font-weight:700;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.download-button{display:inline-block;padding:8px 16px;background-color:#28a745;color:#fff;text-decoration:none;border-radius:5px;font-weight:700;text-align:center;flex-grow:1;border:none;cursor:pointer}.download-button:hover{background-color:#218838}.error-message{color:#dc3545;font-weight:700;flex-grow:1}.item-settings+.item-details-settings,.item-settings+.info-area{margin-top:15px}.item-settings+.item-status-bar,.item-details-settings+.item-status-bar,.info-area+.item-status-bar{border-top:none;padding-top:0;margin-top:15px}.info-area{display:flex;flex-direction:column;gap:10px}.estimated-time-info{padding:8px 12px;background-color:#f0f2f5;border-radius:4px;font-size:.85em;color:#555;text-align:center;border:1px solid #e0e0e0}.batch-settings-container{border:1px solid #ddd;border-radius:6px;padding:15px;margin-bottom:20px;background-color:#f9f9f9;display:flex;align-items:center;flex-wrap:wrap;gap:20px}.batch-settings-title{font-size:1.1em;margin:0 10px 0 0;color:#333}.details-toggle-button,.preview-button{background-color:#f0f2f5;border:1px solid #ccc;border-radius:4px;padding:5px 10px;cursor:pointer;font-size:.85em;color:#333}.details-toggle-button:hover,.preview-button:hover{background-color:#e0e0e0}.details-toggle-button{margin-left:auto}.item-details-settings{margin-top:15px;padding:15px;background-color:#f0f2f5;border-radius:4px;border:1px solid #e0e0e0;display:flex;flex-direction:column;gap:15px}.preset-group{padding-bottom:10px;border-bottom:1px solid #ddd}.details-note{font-size:.8em;color:#666}.upscaling-warning{padding:8px 12px;background-color:#fff3cd;border:1px solid #ffeeba;border-radius:4px;font-size:.85em;color:#856404;text-align:center}.watermark-group{flex-direction:column;align-items:flex-start;padding-top:10px;border-top:1px solid #ddd}.watermark-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:5px}.watermark-button{background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:5px 10px;cursor:pointer}.watermark-preview-controls{display:flex;align-items:center;gap:8px;font-size:.8em;background-color:#fff;padding:2px 5px;border:1px solid #ccc;border-radius:4px}.watermark-thumbnail-preview{max-height:24px;max-width:80px}.watermark-filename{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.watermark-remove-button{background:none;border:none;font-size:20px;color:#888;cursor:pointer;padding:0 5px;line-height:1}.watermark-remove-button:hover{color:#dc3545}.watermark-preview-container{width:100%;max-width:400px;margin-top:10px}.watermark-canvas-preview{width:100%;border:1px solid #ccc}@media (max-width: 768px){.details-toggle-button,.preview-button{display:none}}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:20px;border-radius:8px;max-width:90%;max-height:90%;width:800px;box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:20px}.modal-title{margin:0;font-size:1.2em}.modal-close-button{background:none;border:none;font-size:28px;cursor:pointer;color:#888}.modal-body{overflow:auto}.video-player-container{width:100%}.video-player{width:100%;background-color:#000;border-radius:4px}.video-controls{display:flex;align-items:center;gap:10px;margin-top:10px}.play-pause-button{background-color:#007bff;color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:20px;cursor:pointer;display:flex;justify-content:center;align-items:center}.timeline-wrapper{flex-grow:1;position:relative;height:20px;cursor:pointer;display:flex;align-items:center;margin:0 8px}.timeline-background{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:4px;background-color:#ddd;border-radius:2px}.timeline-progress{position:absolute;left:0;top:50%;transform:translateY(-50%);height:4px;background-color:#007bff;border-radius:2px;z-index:1}.timeline-trim-range{position:absolute;top:50%;transform:translateY(-50%);height:10px;background-color:#28a74580;border-radius:5px;z-index:2;box-sizing:border-box;border:1px solid #28a745}.timeline-handle{position:absolute;top:50%;transform:translateY(-50%);width:16px;height:16px;background-color:#fff;border:2px solid #28a745;border-radius:50%;cursor:ew-resize;z-index:3}.handle-start{left:-8px}.handle-end{right:-8px}.trim-display{display:flex;justify-content:space-between;margin-top:8px;font-family:monospace;font-size:.9em}.manual-toggle-button{background-color:transparent;border:1px solid #ccc;border-radius:6px;padding:5px 10px;cursor:pointer;font-size:.8em;color:#333;font-weight:400;white-space:nowrap}.manual-toggle-button:hover{background-color:#f0f2f5}.manual-container{background-color:#f9f9f9;border:1px solid #ddd;border-radius:6px;padding:15px 20px;margin:15px 0;line-height:1.6}.manual-container h3{margin-top:0;margin-bottom:10px;border-bottom:2px solid #ddd;padding-bottom:5px}.manual-container ul,.manual-container ol{padding-left:20px}.manual-container details{margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:10px}.manual-container summary{cursor:pointer;font-weight:700}.manual-container summary:hover{color:#0056b3}.manual-container p{margin:10px 0 0;padding-left:10px}.ad-container{text-align:center;margin-top:30px}.app-footer{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid #eee;font-size:.8em;color:#666}.app-footer p{margin:5px 0}.app-footer a{color:#007bff;text-decoration:none}.app-footer a:hover{text-decoration:underline}@media (max-width: 768px){#root{padding:20px 10px}.app-container{padding:15px}.app-header{justify-content:center;gap:10px}h1{font-size:2em;width:100%;text-align:center}.top-controls-wrapper{flex-direction:column-reverse;align-items:stretch;gap:15px;margin-bottom:20px}.conversion-controls-container{flex-direction:column;align-items:stretch;width:100%}.batch-settings-container{flex-direction:column;align-items:stretch;gap:10px}.batch-settings-title{margin:0 0 10px;text-align:center}.batch-settings-container .setting-group{flex-direction:column;align-items:flex-start;gap:5px}.batch-settings-container .setting-group select,.batch-settings-container .setting-group input{width:100%}.item-main-info{flex-direction:column;align-items:flex-start;gap:10px}.diagnosis-status{width:100%}.item-settings{flex-direction:column;align-items:stretch;gap:15px}.item-settings .setting-group{flex-direction:column;align-items:flex-start;gap:5px}.item-settings .setting-group select,.item-settings .setting-group input{width:100%;box-sizing:border-box}.trim-group{gap:5px}.trim-group span{display:none}}