.photo-output-mode{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 0;padding:0;border:0}.photo-output-mode legend{grid-column:1/-1;width:100%;margin-bottom:8px;color:#244236;font-size:13px;font-weight:800}.photo-output-mode label{display:flex;gap:9px;align-items:center;padding:13px;border:1px solid #d9e8dc;border-radius:11px;background:#f8fbf8;cursor:pointer}.photo-output-mode label:has(input:checked){border-color:#188768;background:#eff9f2;box-shadow:inset 0 0 0 1px #188768}.photo-output-mode input{accent-color:#188768}.photo-output-mode span{display:grid;gap:3px}.photo-output-mode strong{font-size:13px;color:#244236}.photo-output-mode small{font-size:10px;color:#718578}.slideshow-tool{margin-top:22px;padding-top:20px;border-top:1px solid #dfe8e0}.slideshow-tool[hidden],.slideshow-tool [hidden]{display:none!important}.slideshow-heading{display:flex;align-items:end;justify-content:space-between;gap:12px}.slideshow-heading h3{margin:4px 0 0;color:#244236;font-size:22px;letter-spacing:-.03em}.slideshow-heading>strong{color:#188768;font-size:12px;white-space:nowrap}.slideshow-tool>p{font-size:12px;color:#637b6c;line-height:1.5}.slide-timeline{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 12px;margin:14px 0 16px}.slide-card{position:relative;display:flex;flex-direction:column;gap:8px;flex-shrink:0;min-width:145px;max-width:430px;padding:8px;border:1px solid #d9e8dc;border-radius:11px;background:#f7fbf8;scroll-snap-align:start}.slide-photo{position:relative;display:block;width:100%;height:110px;padding:0;border:0;border-radius:7px;overflow:hidden;background:#e1ece4;cursor:pointer}.slide-photo img{display:block;width:100%;height:100%;object-fit:cover}.slide-photo b{position:absolute;left:6px;top:6px;padding:4px 6px;border-radius:5px;background:#123d31;color:#fff;font-size:10px}.slide-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#244236;font-size:11px}.slide-duration{display:grid;grid-template-columns:1fr;gap:6px;color:#37624b;font-size:11px;font-weight:800}.slide-duration input,.slide-field input[type=range]{width:100%;accent-color:#188768}.slide-moves{display:flex;gap:5px;margin-top:auto}.slide-moves button{flex:1;padding:6px 4px;border:1px solid #c5dccb;border-radius:6px;background:white;color:#147657;font-size:10px;font-weight:700}.slide-moves button:disabled{opacity:.45}.slide-field{display:grid;gap:7px;margin:15px 0;color:#244236;font-size:12px;font-weight:800}.slide-field small{color:#718578;font-weight:400}.slide-field select,.slide-field input[type=file]{width:100%;padding:11px;border:1px solid #cddfd1;border-radius:8px;background:#fff;color:#244236;font:inherit}.slide-field output{color:#188768}.slideshow-tool audio{display:block;width:100%;margin:10px 0}.slideshow-tool #slideCreate{width:100%;margin-top:18px}.slideshow-tool #slideResult{margin-top:16px}.slideshow-tool #slideOutput{display:block;width:100%;max-height:440px;background:#101923;border-radius:9px}.slideshow-tool #slideDownload{display:block;margin-top:10px;text-align:center;text-decoration:none}.slideshow-tool .restore-button{margin:4px 0 8px}@media(max-width:600px){.photo-output-mode{grid-template-columns:1fr 1fr;gap:7px}.photo-output-mode label{padding:10px 8px}.photo-output-mode strong{font-size:11px}.photo-output-mode small{font-size:9px}.slideshow-heading{align-items:start;flex-direction:column}.slide-photo{height:96px}}
.slide-card-effect{display:grid;grid-template-columns:1fr auto;gap:5px 4px;padding:8px;border:1px solid #c7e2d4;border-radius:8px;background:#eef7f1}.slide-card-effect span{grid-column:1/-1;color:#426654;font-size:10px;font-weight:800}.slide-card-effect select{min-width:0;width:100%;padding:7px 4px;border:1px solid #b8d7c4;border-radius:6px;background:#fff;color:#176d51;font-size:10px;font-weight:700}.slide-card-effect button{padding:5px 6px;border:0;border-radius:6px;background:#147d61;color:#fff;font-size:10px;font-weight:800}.slide-transition-preview{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:12px;border:1px solid #254d44;border-radius:12px;background:linear-gradient(135deg,#102b2b,#173c39);color:white}.slide-transition-preview>div{display:grid;gap:3px}.slide-transition-preview strong{font-size:13px}.slide-transition-preview small{color:#b9d8ce;font-size:11px}.slide-transition-preview canvas{grid-column:1/-1;width:100%;max-height:230px;aspect-ratio:16/9;border-radius:7px;background:#0b171a;object-fit:contain}.slide-transition-preview button{grid-column:2;grid-row:1;padding:8px 12px;border:1px solid #5eb399;border-radius:7px;background:#24594e;color:white;font-size:11px;font-weight:800;cursor:pointer}.slide-card-effect button:disabled,.slide-transition-preview button:disabled{opacity:.5}