:root{--color-bg: #0f0f11;--color-surface: #1a1a1f;--color-surface-2: #24242c;--color-border: #2e2e38;--color-text: #f0f0f5;--color-text-muted: #8888a0;--color-accent: #7c6ff7;--color-accent-hover: #9d93ff;--color-danger: #e05c5c;--color-success: #4caf80;--color-warning: #f0a830;--radius: 8px;--radius-sm: 4px;--gap: 1rem;--gap-sm: .5rem;--gap-xs: .25rem;font-family:system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5;color:var(--color-text);background:var(--color-bg)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100dvh;background:var(--color-bg)}.page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem}.card{width:100%;max-width:640px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:2rem;display:flex;flex-direction:column;gap:var(--gap)}.card-title{font-size:1.4rem;font-weight:600;letter-spacing:-.02em}.card-subtitle{color:var(--color-text-muted);font-size:.9rem}textarea,input[type=text]{width:100%;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font:inherit;padding:.75rem 1rem;resize:vertical;transition:border-color .15s}textarea:focus,input[type=text]:focus{outline:none;border-color:var(--color-accent)}textarea::placeholder,input[type=text]::placeholder{color:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-xs);padding:.6rem 1.25rem;border-radius:var(--radius-sm);font:inherit;font-weight:500;cursor:pointer;border:none;transition:background .15s,opacity .15s;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:not(:disabled):hover{background:var(--color-accent-hover)}.btn-ghost{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border)}.btn-ghost:not(:disabled):hover{color:var(--color-text);border-color:var(--color-text-muted)}.btn-danger{background:transparent;color:var(--color-danger);border:1px solid var(--color-danger)}.btn-danger:not(:disabled):hover{background:var(--color-danger);color:#fff}.btn-row{display:flex;gap:var(--gap-sm);flex-wrap:wrap}.credit-hint{font-size:.85rem;color:var(--color-text-muted);display:flex;align-items:center;gap:var(--gap-xs)}.credit-hint strong{color:var(--color-text)}.banner{padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.9rem;border:1px solid transparent}.banner-error{background:color-mix(in srgb,var(--color-danger) 12%,transparent);border-color:color-mix(in srgb,var(--color-danger) 40%,transparent);color:var(--color-danger)}.banner-info{background:color-mix(in srgb,var(--color-accent) 10%,transparent);border-color:color-mix(in srgb,var(--color-accent) 30%,transparent);color:var(--color-accent-hover)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:1em;height:1em;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.frame-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap)}@media(max-width:480px){.frame-grid{grid-template-columns:1fr 1fr;gap:var(--gap-sm)}}.frame-card{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;display:flex;flex-direction:column}.frame-card__img-wrap{position:relative;aspect-ratio:1;background:var(--color-surface-2);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:.8rem}.frame-card__img-wrap img{width:100%;height:100%;object-fit:cover;display:block}.frame-card__status{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--color-surface-2) 70%,transparent)}.frame-card__caption{padding:var(--gap-xs) var(--gap-sm);font-size:.78rem;color:var(--color-text-muted);border-top:1px solid var(--color-border);line-height:1.3}.progress-bar{width:100%;height:4px;background:var(--color-border);border-radius:2px;overflow:hidden}.progress-bar__fill{height:100%;background:var(--color-accent);border-radius:2px;transition:width .3s ease}.retry-field{display:flex;flex-direction:column;gap:var(--gap-sm);padding:1rem;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.retry-field label{font-size:.85rem;color:var(--color-text-muted)}.editor-page{min-height:100dvh;padding:1rem;align-items:stretch;justify-content:flex-start}.editor-layout{display:grid;grid-template-columns:1fr 280px;gap:var(--gap);width:100%;max-width:1200px;margin:0 auto}@media(max-width:768px){.editor-layout{grid-template-columns:1fr}}.editor-main{display:flex;flex-direction:column;gap:var(--gap)}.editor-header{display:flex;align-items:center;gap:var(--gap)}.player-wrap{background:#000;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--color-border)}.timeline{display:flex;align-items:center;gap:var(--gap-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.5rem var(--gap-sm)}.timeline__play-btn{padding:.3rem .6rem;font-size:1rem;line-height:1;flex-shrink:0}.timeline__scrubber{flex:1;-moz-appearance:none;appearance:none;-webkit-appearance:none;height:4px;background:var(--color-border);border-radius:2px;outline:none;cursor:pointer}.timeline__scrubber::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--color-accent);cursor:pointer}.timeline__scrubber::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--color-accent);border:none;cursor:pointer}.timeline__frame-count{font-size:.78rem;color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.editor-export,.editor-clips{display:flex;flex-direction:column;gap:var(--gap-sm)}.editor-clips__title{font-size:1rem;font-weight:600;color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;margin-bottom:var(--gap-xs)}.clip-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--gap-sm);display:flex;flex-direction:column;gap:var(--gap-sm)}.clip-card__header{display:flex;align-items:center;justify-content:space-between}.clip-card__label{font-size:.85rem;font-weight:500}.clip-card__trim{display:flex;flex-direction:column;gap:var(--gap-xs)}.trim-label{display:flex;align-items:center;gap:var(--gap-xs);font-size:.78rem;color:var(--color-text-muted)}.trim-slider{flex:1;-moz-appearance:none;appearance:none;-webkit-appearance:none;height:3px;background:var(--color-border);border-radius:2px;outline:none;cursor:pointer}.trim-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--color-accent);cursor:pointer}.trim-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--color-accent);border:none;cursor:pointer}.trim-value{font-size:.75rem;color:var(--color-text-muted);min-width:2.5rem;text-align:right;flex-shrink:0}