/* Preserve the two-panel working layout; apply the requested light theme. */
:root{color:#202737;background:#f7f9fc;color-scheme:light;--lime:#245ccc;--muted:#596575;--border:#dce2eb;--panel:#fff;font-family:Inter,"Segoe UI",Meiryo,sans-serif}body{background:#f7f9fc}.site-header{height:76px;max-width:1256px;background:transparent}.brand-icon{background:#2f65da;color:#fff}.brand>span:not(.brand-icon){color:#2f65da}.intro{align-items:center}.intro>div>p:last-child{max-width:660px;font-size:16px}.local-pill{color:#526171;white-space:normal;min-width:170px}main{padding-top:32px}.workspace{overflow:visible;border-radius:16px;box-shadow:0 8px 30px #23345306;align-items:start}.input-panel{background:#fff;border-radius:16px 0 0 16px}.settings-panel{background:#fff;border-radius:0 16px 16px 0}.drop-zone{background:#f7faff;border-color:#a1b9e3;min-height:340px;color:#254264;position:relative}.drop-zone:hover,.drop-zone.dragover{background:#ebf2ff;border-color:#3268cf}.drop-zone.dragover{outline:3px solid #9bbafd;outline-offset:3px}.drop-zone span,.drop-zone small{color:#506682}.drop-zone small{font-size:13px}.step{color:#396ace}.media-frame{background:#101621;min-height:180px}.media-frame video,.media-frame img{width:100%;max-height:360px}.media-frame #noPreview{color:#e5eaf3;padding:24px}.file-heading{align-items:center}.file-heading strong{font-size:16px}.caption{font-size:14px}.text-button{color:#245ccc;min-height:36px}.service-field{border:0;margin:0 0 22px;padding:0}.service-presets{display:flex;flex-wrap:wrap;gap:8px}.service-presets button{border:1px solid #d6deec;background:#fff;border-radius:8px;min-height:42px;padding:8px 13px;font-size:14px;color:#465166}.service-presets button.selected{background:#eef4ff;color:#1b50b7;border-color:#3265cc;box-shadow:inset 0 0 0 1px #3265cc}.source-link{font-size:13px;color:#3564b1;display:inline-block;margin-top:4px}.presets{grid-template-columns:repeat(4,minmax(0,1fr))}.presets button{background:#f9fafc;border:1px solid #cfd8e6;color:#38485f;font-size:18px;min-height:49px;border-radius:8px}.presets button.selected{color:#154ea9;background:#edf4ff;border-color:#3770d2}.presets button span{font-size:12px}.presets button:last-child{font-size:14px}.budget-line{font-size:14px;background:#f4f7fc;border-radius:8px;padding:10px 12px;margin:14px 0 22px}.budget-line strong{color:#214b92}input[type=number],select{color:#253247;background:#fff;border-color:#c8d3e1;font-size:16px;border-radius:8px;min-height:46px}select{max-width:100%}.primary-button,.download-button{background:#2f65da;color:#fff;justify-content:center;gap:12px;border-radius:9px;min-height:52px}.primary-button:disabled{background:#e0e6f0;color:#65728a}.primary-button:not(:disabled):hover,.download-button:hover{background:#2353b9}.engine-note{font-size:13px;text-align:left}.advanced{border-top:1px solid var(--border);padding:14px 0;margin-top:4px}.advanced summary{font-size:14px;font-weight:600;cursor:pointer}.advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.advanced-grid label{font-size:14px;min-width:0}.field-row>label{font-size:16px}.plan{font-size:14px;background:#f5f8fc;border:1px solid #dde6f3;border-radius:8px;padding:12px;margin:3px 0 20px;line-height:1.7}.plan:empty{display:none}.trim-field{border-top:1px solid var(--border);padding-top:22px;margin:24px 0 0}.trim-field h3{font-size:16px;margin:0}.trim-field .panel-heading{margin-bottom:10px}.timeline-labels{display:flex;justify-content:space-between;font-size:13px;color:#566680;padding:0 1px}.trim-track{height:40px;position:relative;margin:30px 22px 30px;border-radius:6px;background:repeating-linear-gradient(90deg,#e5eaf1,#e5eaf1 14px,#edf1f6 14px,#edf1f6 16px);touch-action:none}.trim-selection{position:absolute;top:0;bottom:0;background:#bed3ff;border-top:2px solid #366bdb;border-bottom:2px solid #366bdb;pointer-events:none}.trim-handle{width:44px;height:52px;position:absolute;top:-6px;transform:translateX(-50%);border:0;background:none;cursor:ew-resize;padding:0;touch-action:none;z-index:2}.trim-handle:before{content:'';display:block;width:12px;height:44px;border:2px solid #fff;background:#3267d4;border-radius:5px;margin:auto;box-shadow:0 0 0 1px #2f64d5}.trim-handle span{position:absolute;white-space:nowrap;left:50%;transform:translateX(-50%);color:#2354b6;font-size:12px;font-weight:600}.trim-handle.start span{top:-20px}.trim-handle.end span{bottom:-20px}.trim-handle.dragging,.trim-handle:focus{z-index:3}.trim-inputs{gap:16px}.trim-inputs label{font-size:14px;display:block;min-width:0}.trim-inputs strong{margin-left:6px;color:#294366;font-size:14px}.trim-inputs input{font-variant-numeric:tabular-nums}.trim-summary{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:14px 0;font-size:14px}.secondary-button{background:#f5f8ff;color:#2856a7;border:1px solid #c7d6ee;border-radius:8px;min-height:44px;padding:9px 15px;font-size:14px}.secondary-button:disabled{color:#8490a2;background:#f2f4f7}.notice{color:#345373;background:#edf5fd;border:1px solid #caddf1;border-radius:8px;padding:12px;margin-top:16px;font-size:14px}.error{color:#97372e;background:#fff1ee;border:1px solid #e9b7ac;font-size:14px}.progress-heading{align-items:center}.progress-percent{font-size:14px;color:#2457b3;float:right}.progress-percent:empty{display:none}progress::-webkit-progress-bar{background:#e5eaf5}progress::-webkit-progress-value{background:#3269db}.result{border-top:2px solid #3570d9}.result-label{color:#3268c0;letter-spacing:0;font-size:14px}.result-heading h3{font-size:20px}.result-heading strong{color:#2155b3;font-size:26px}.result>p:not(.result-label){font-size:14px}.result-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.result-stats div{background:#f5f8fc;padding:10px;border-radius:8px}.result-stats dt{font-size:12px;color:#607089}.result-stats dd{margin:2px 0;font-size:14px;overflow-wrap:anywhere}.result-actions{display:flex;justify-content:space-between;gap:8px;margin:10px 0}.ad-card{background:#fff;box-shadow:none;margin-bottom:38px}.ad-label{border-color:#c3ccd9;color:#64728a}.ad-brand{font-size:12px;color:#596b87;letter-spacing:.08em}.ad-card>a{border-color:#bdcbe0;color:#315994;background:#f9fbff}.ad-card>a:hover{background:#edf3fc}.guide{margin-top:32px}.guide p{font-size:16px}.guide-grid article>span{font-size:14px;color:#3c61a4;letter-spacing:0}.guide details{padding:17px 0;border-bottom:1px solid var(--border);border-top:0}.guide summary{font-size:16px}.related-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.related-links a{font-size:14px;color:#315aab;background:#fff;border:1px solid #d4deed;border-radius:8px;padding:10px 14px}footer{flex-wrap:wrap}footer nav{gap:16px}footer nav a{font-size:13px}.document p,.document li{color:#48596e}.document a{color:#265bbe}#metadataDetails{margin-top:10px;font-size:13px}#metadataDetails summary{cursor:pointer;color:#315d9e}#metadataList{display:grid;grid-template-columns:auto 1fr;gap:4px 16px}#metadataList dt{color:#647184}#metadataList dd{margin:0;overflow-wrap:anywhere}.page-context{font-size:16px;line-height:1.9;color:#4b5b72}.page-context h2{margin:28px 0 12px}.page-context a{color:#285cb5}@media(max-width:900px){.local-pill{display:none}.input-panel,.settings-panel{padding:22px}.presets{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:700px){.workspace{grid-template-columns:1fr}.input-panel{border-radius:16px 16px 0 0}.settings-panel{border-radius:0 0 16px 16px}.drop-zone{min-height:240px}.intro>div>p:last-child{font-size:15px}.trim-field{padding-top:18px}.site-header{height:68px}.advanced-grid{gap:12px}.service-presets{gap:6px}.service-presets button{padding:8px 11px}.presets button{min-height:46px}h1{font-size:26px}.result-actions{flex-wrap:wrap}}@media(max-width:390px){.input-panel,.settings-panel{padding:18px}.advanced-grid{grid-template-columns:1fr}.trim-inputs{gap:10px}.trim-inputs strong{display:block;margin-left:0}.ad-card>a{max-width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.breadcrumbs{font-size:14px;color:#5d6b80;margin:0 0 18px}.breadcrumbs a{color:#265bbe}.document .secondary-button{display:inline-flex;align-items:center}.trim-handle.start{transform:translate(-50%,-12px)}.trim-handle.end{transform:translate(-50%,12px)}.trim-track{margin-top:40px;margin-bottom:44px}

.source-details.dragover{outline:2px dashed #3167dc;outline-offset:6px;background:#edf3ff}

.trim-selection{pointer-events:auto}
.ad-card[hidden]{display:none!important}
.preview-handle{position:absolute;top:48px;left:0;transform:translateX(-50%);width:44px;height:44px;padding:0;border:0;background:transparent;cursor:ew-resize;touch-action:none;z-index:4;color:#9a4c13}
.preview-handle:before{content:'';position:absolute;left:50%;transform:translateX(-50%);bottom:30px;width:2px;height:64px;background:#c5691d;pointer-events:none}
.preview-handle:after{content:'';position:absolute;top:4px;left:50%;width:16px;height:16px;box-sizing:border-box;background:#c5691d;transform:translateX(-50%) rotate(45deg);border:2px solid white;border-radius:3px}
.preview-handle span{position:absolute;top:29px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:11px}
.preview-handle:disabled{opacity:.4;cursor:default}
.trim-track{margin-bottom:104px}

.trim-selection{cursor:ew-resize;touch-action:none}

/* Navigation only: single-file pipeline and controls are unchanged. */
.mode-switch{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 24px;padding:5px;border:1px solid #dce2eb;border-radius:12px;background:#edf1f7;width:fit-content}.mode-switch a{padding:10px 16px;border-radius:8px;text-decoration:none;font-size:15px;font-weight:600;color:#526171}.mode-switch a[aria-current=page]{background:white;color:#245ccc;box-shadow:0 2px 5px #23345312}

.brand-logo{display:block;width:188px;height:48px;object-fit:contain}footer .brand-logo{width:141px;height:36px}@media(max-width:700px){.site-header .brand-logo{width:157px;height:40px}}
