:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#4c5a73;background-color:#f7f8ff;--primary: #6c82ff;--primary-light: #e9edff;--text-main: #4c5a73;--border-soft: #dde3f0;--bg: #f7f8ff;--radius-lg: 16px;--radius-md: 12px;--shadow-soft: 0 10px 30px rgba(16, 44, 112, .08)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column;padding:32px 24px;background:var(--bg);color:var(--text-main)}.app-header{display:flex;justify-content:space-between;align-items:center;max-width:960px;margin:0 auto 32px}.logo-wrapper{display:flex;align-items:center;gap:10px}.logo-icon{width:40px;height:28px;border-radius:10px;border:2px solid var(--primary);position:relative}.logo-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-40%,-50%);border-style:solid;border-width:7px 0 7px 12px;border-color:transparent transparent transparent var(--primary)}.logo-text{font-size:24px;font-weight:600;color:var(--primary)}.btn-outline{padding:8px 20px;border-radius:999px;border:1px solid var(--primary);background:#fff;color:var(--primary);font-weight:500;cursor:pointer}.btn-outline:hover{background:var(--primary-light)}.app-main{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:40px 16px}.card{width:100%;max-width:70%;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:24px;box-sizing:border-box;display:flex;flex-direction:column;gap:24px}.controls-row{display:flex;align-items:center;gap:12px;margin-top:24px}.label{font-size:14px}.btn-primary{padding:10px 24px;border-radius:999px;border:none;background:var(--primary);color:#fff;font-weight:600;cursor:pointer;font-size:14px}.btn-primary:hover{filter:brightness(1.06)}.btn-icon{width:36px;height:36px;border-radius:8px;border:none;background:#6e8bff;color:#fff;font-size:22px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 20px #3e63ff40}.btn-icon:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.upload-area{border-radius:var(--radius-md);border:1px dashed var(--border-soft);padding:40px 16px;background:#fafbff;display:flex;justify-content:center;align-items:center;cursor:pointer;width:100%}.upload-inner{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.upload-icon{width:64px;height:64px;border-radius:24px;background:var(--primary-light);position:relative}.upload-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-35%,-50%);border-style:solid;border-width:12px 0 12px 18px;border-color:transparent transparent transparent var(--primary)}.upload-text{font-size:15px;color:var(--text-main)}.upload-thumb-frame{position:relative;width:100%;max-width:1280px;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;background:#000;box-shadow:0 16px 40px #0f172a2e}.upload-thumb-image{width:100%;height:100%;object-fit:cover;display:block}.upload-thumb-duration{position:absolute;right:8px;bottom:8px;padding:2px 8px;font-size:16px;font-weight:500;color:#fff;background:#000000c7;border-radius:4px}.time-input{width:160px;max-width:100%;padding:8px 12px;border-radius:10px;border:1px solid var(--border-soft);text-align:center;font-size:15px;font-weight:500;letter-spacing:.06em;background:#f9fbff;transition:border-color .15s ease,box-shadow .15s ease}.time-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #3b82f626}.time-input::placeholder{letter-spacing:.02em;font-size:13px;color:#9aa4b2}