.top-page[data-v-8d4efae4]{min-height:100vh;display:flex;flex-direction:column;background-color:#111}.top-main[data-v-8d4efae4]{flex:1;max-width:760px;margin:0 auto;padding:40px 24px 80px;width:100%}.hero[data-v-8d4efae4]{margin-bottom:48px;text-align:center}.hero-title[data-v-8d4efae4]{font-size:32px;font-weight:500;color:#e66f00;letter-spacing:.05em;margin-bottom:16px}.hero-desc[data-v-8d4efae4]{font-size:15px;color:#aaa;line-height:1.9}.form-section[data-v-8d4efae4]{background-color:#1e1e1e;border-radius:8px;padding:32px}.form-title[data-v-8d4efae4]{font-size:18px;font-weight:500;color:#fff;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid #e66f00}.video-list[data-v-8d4efae4]{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.video-row-main[data-v-8d4efae4]{display:flex;align-items:center;gap:10px}.video-index[data-v-8d4efae4]{font-size:13px;color:#777;min-width:20px;text-align:center}.url-input[data-v-8d4efae4]{flex:1;background-color:#2a2a2a;border:1px solid #444;border-radius:4px;color:#fff;font-size:13px;font-family:inherit;padding:10px 14px;outline:none;transition:border-color .2s}.url-input[data-v-8d4efae4]:focus{border-color:#e66f00}.url-input[data-v-8d4efae4]::placeholder{color:#555}.url-input[data-v-8d4efae4]:disabled{opacity:.5}.new-check[data-v-8d4efae4]{display:flex;align-items:center;gap:6px;cursor:pointer;white-space:nowrap}.new-check input[type=checkbox][data-v-8d4efae4]{width:16px;height:16px;accent-color:#e66f00;cursor:pointer}.new-check-label[data-v-8d4efae4]{font-size:12px;color:#ccc;font-weight:500}.remove-btn[data-v-8d4efae4]{background:none;border:none;color:#666;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;transition:color .2s,background-color .2s}.remove-btn[data-v-8d4efae4]:hover{color:#f55;background-color:#ff55551a}.remove-btn .material-icons[data-v-8d4efae4]{font-size:18px}.add-btn[data-v-8d4efae4]{display:flex;align-items:center;gap:6px;background:none;border:1px dashed #555;color:#aaa;font-size:13px;font-family:inherit;padding:8px 16px;border-radius:4px;cursor:pointer;transition:border-color .2s,color .2s;margin-bottom:24px}.add-btn[data-v-8d4efae4]:hover{border-color:#e66f00;color:#e66f00}.add-btn[data-v-8d4efae4]:disabled{opacity:.4;cursor:not-allowed}.add-btn .material-icons[data-v-8d4efae4]{font-size:18px}.error-msg[data-v-8d4efae4]{color:#ff6b6b;font-size:13px;margin-bottom:16px}.generate-btn[data-v-8d4efae4]{width:100%;background-color:#e66f00;color:#fff;border:none;border-radius:4px;font-size:15px;font-family:inherit;font-weight:500;padding:14px;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center;gap:8px}.generate-btn[data-v-8d4efae4]:hover:not(:disabled){background-color:#c55e00}.generate-btn[data-v-8d4efae4]:disabled{opacity:.7;cursor:not-allowed}.generating-text[data-v-8d4efae4]{display:flex;align-items:center;gap:8px}@keyframes spin-8d4efae4{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin[data-v-8d4efae4]{animation:spin-8d4efae4 1s linear infinite}.modal-overlay[data-v-8d4efae4]{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:100;padding:24px}.modal[data-v-8d4efae4]{background-color:#1e1e1e;border-radius:8px;padding:32px;max-width:560px;width:100%;display:flex;flex-direction:column;gap:20px}.modal-title[data-v-8d4efae4]{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:500;color:#fff}.modal-title .material-icons[data-v-8d4efae4]{color:#4caf50;font-size:24px}.modal-url-box[data-v-8d4efae4]{background-color:#2a2a2a;border:1px solid #444;border-radius:4px;padding:12px 16px;word-break:break-all}.modal-url[data-v-8d4efae4]{font-size:13px;color:#e66f00;font-family:monospace}.modal-actions[data-v-8d4efae4]{display:flex;gap:12px}.copy-btn[data-v-8d4efae4],.open-btn[data-v-8d4efae4]{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:4px;font-size:13px;font-family:inherit;font-weight:500;cursor:pointer;text-decoration:none;transition:background-color .2s}.copy-btn[data-v-8d4efae4]{background-color:#e66f00;color:#fff;border:none}.copy-btn[data-v-8d4efae4]:hover{background-color:#c55e00}.open-btn[data-v-8d4efae4]{background-color:#2a2a2a;color:#fff;border:1px solid #555}.open-btn[data-v-8d4efae4]:hover{background-color:#333}.copy-btn .material-icons[data-v-8d4efae4],.open-btn .material-icons[data-v-8d4efae4]{font-size:18px}.modal-close[data-v-8d4efae4]{background:none;border:none;color:#777;font-size:13px;font-family:inherit;cursor:pointer;align-self:center;padding:4px 12px;transition:color .2s}.modal-close[data-v-8d4efae4]:hover{color:#aaa}.floating-fullscreen[data-v-5174df19]{position:fixed;top:8px;left:8px;z-index:50;background-color:#00000073}.floating-fullscreen[data-v-5174df19]:hover{background-color:#000000b3}.error-screen[data-v-5174df19]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background-color:#1a1a1a}.error-icon[data-v-5174df19]{font-size:48px;color:#e66f00}.error-back-btn[data-v-5174df19]{margin-top:8px;padding:10px 24px;background-color:#e66f00;color:#fff;border-radius:4px;text-decoration:none;font-size:14px;transition:background-color .2s}.error-back-btn[data-v-5174df19]:hover{background-color:#c55e00}.video-description[data-v-5174df19]{background-color:#1e1e1e;border-left:3px solid #e66f00;padding:5px 10px}.video-description p[data-v-5174df19]{font-size:12px;color:#aaa;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans JP,sans-serif;font-weight:300;background-color:#000;color:#fff}#app{display:flex;flex-direction:column;height:100vh}.logo-header{background-color:#e66f00;padding:3px 15px;display:flex;justify-content:space-between;align-items:center}.logo-header h1{font-size:18px;font-weight:500;color:#fff;letter-spacing:.1em}.fullscreen-btn{background:none;border:none;color:#fff;cursor:pointer;padding:5px;border-radius:50%;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.fullscreen-btn:hover{background-color:#fff3}.fullscreen-btn .material-icons{font-size:24px}.main-container{display:flex;flex:1;overflow:hidden}.left-column{width:45%;background-color:#000;display:flex;align-items:center;justify-content:center;padding:20px}.video-wrapper{width:100%;max-width:100%;aspect-ratio:16 / 9}#player{width:100%;height:100%}.right-column{width:55%;background-color:#242424;overflow-y:auto}.album-list{height:100%}.album-section{border-bottom:1px solid #808080}.album-header{display:flex;align-items:center;padding:10px 15px;cursor:pointer;transition:background-color .2s}.album-header:hover{background-color:#333}.album-thumbnail{width:50px;height:50px;object-fit:cover;border-radius:4px;margin-right:15px}.album-info{flex:1;display:flex;align-items:center;gap:10px}.album-title{font-size:10px;font-weight:400;color:#fff;letter-spacing:.05em}.new-badge{background-color:#f44;color:#fff;padding:3px 8px;border-radius:3px;font-size:12px;font-weight:500}.track-list{background-color:#1a1a1a}.track-item{padding:5px 20px 5px 35px;border-bottom:1px solid #808080;cursor:pointer;transition:background-color .2s}.track-item:hover{background-color:#2a2a2a}.track-item.active{background-color:#e66f00;font-weight:500}.track-info{display:flex;align-items:center;gap:15px;min-height:38px}.track-name{font-size:13px;color:#fff;letter-spacing:.03em;min-width:120px}.track-description{font-size:13px;color:#b0b0b0;letter-spacing:.02em;font-weight:300}.track-item.active .track-description{color:#fff;opacity:.9}.control-bar{background-color:#e66f00;display:flex;justify-content:center;align-items:center;gap:0px;padding:3px 20px;flex-wrap:wrap}.control-btn{background:none;border:none;color:#fff;cursor:pointer;padding:10px;border-radius:50%;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.control-btn:hover{background-color:#ffffff1a}.control-btn .material-icons{font-size:36px}.seek-section{flex:1;display:flex;align-items:center;gap:15px;margin-left:20px}@media (max-width: 600px){.control-bar{gap:4px;padding:2px 10px}.seek-section{order:-1;flex-basis:100%;margin-left:0;gap:8px;padding:2px 0}.control-btn .material-icons{font-size:28px}.volume-section{margin-left:4px}.volume-bar{width:60px}}.time-display{font-size:14px;font-weight:300;color:#fff;min-width:40px;text-align:center}.seek-bar{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:#ffffff4d;border-radius:3px;outline:none;cursor:pointer}.seek-bar::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:#fff;border-radius:50%;cursor:pointer;transition:transform .2s}.seek-bar::-webkit-slider-thumb:hover{transform:scale(1.2)}.seek-bar::-moz-range-thumb{width:16px;height:16px;background:#fff;border-radius:50%;border:none;cursor:pointer;transition:transform .2s}.seek-bar::-moz-range-thumb:hover{transform:scale(1.2)}.seek-bar::-moz-range-track{background:#ffffff4d;height:6px;border-radius:3px}.volume-section{display:flex;align-items:center;gap:10px;margin-left:20px}.volume-btn{background:none;border:none;color:#fff;cursor:pointer;padding:5px;border-radius:50%;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.volume-btn:hover{background-color:#ffffff1a}.volume-btn .material-icons{font-size:24px}.volume-bar{width:100px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:#ffffff4d;border-radius:3px;outline:none;cursor:pointer}.volume-bar::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:#fff;border-radius:50%;cursor:pointer;transition:transform .2s}.volume-bar::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-bar::-moz-range-thumb{width:14px;height:14px;background:#fff;border-radius:50%;border:none;cursor:pointer;transition:transform .2s}.volume-bar::-moz-range-thumb:hover{transform:scale(1.2)}.volume-bar::-moz-range-track{background:#ffffff4d;height:6px;border-radius:3px}.right-column::-webkit-scrollbar{width:8px}.right-column::-webkit-scrollbar-track{background:#1a1a1a}.right-column::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.right-column::-webkit-scrollbar-thumb:hover{background:#777}@media (orientation: portrait){body:before{content:"このアプリは横置きモードでご利用ください";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;text-align:center;z-index:9999}}