*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{background-color:#0a0a0a;color:#e0e0e0;font-family:Pixelify Sans,SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:Pixelify Sans,SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;cursor:pointer}input,select{font-family:Pixelify Sans,SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace}@media(max-width:768px){button,.sidebar__import-btn,.anim-list__card,.anim-list__add-btn,.bone-list__toggle,.bone-list__collapse-btn,.viewport__control-btn,.animation-timeline__play-pause{-webkit-tap-highlight-color:rgba(249,115,22,.2);touch-action:manipulation}input,select,textarea{font-size:16px}@media(max-width:480px){input,select,textarea{font-size:16px}}}.backend-health{font-family:Pixelify Sans,SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;display:flex;align-items:center;gap:6px;padding:8px 20px 12px;margin-top:auto;font-size:11px;color:#555;border-top:1px solid #1a1a1a}.backend-health__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.backend-health__dot--ok{background:#22c55e;box-shadow:0 0 6px #22c55e40}.backend-health__dot--off{background:#666}.backend-health__dot--pending{background:#eab308;animation:backend-health-pulse 1s ease-in-out infinite}@keyframes backend-health-pulse{50%{opacity:.5}}.backend-health__label{text-transform:uppercase;letter-spacing:.05em}.login{display:flex;flex-direction:column;width:100%;height:100%;padding:20px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.login__card{position:relative;width:100%;display:flex;flex-direction:column;flex:1;min-height:0}.login__close{position:absolute;top:0;right:0;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:6px;color:#666;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.login__close:hover{background:#f973161a;color:#f97316;transform:scale(1.1)}.login__close:active{transform:scale(.95)}.login__header{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:24px;padding-top:8px}.login__logo{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(249,115,22,.2));image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.login__title{font-family:Pixelify Sans,SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;margin:0;font-size:18px;font-weight:600;color:#f97316;text-align:center;letter-spacing:-.02em}.login__tabs{display:flex;gap:6px;margin-bottom:20px;padding:4px;background:#0a0a0a99;border:1px solid rgba(255,255,255,.05);border-radius:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login__tab{font-family:Pixelify Sans,SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;flex:1;padding:10px 14px;background:transparent;border:none;border-radius:8px;color:#888;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.login__tab:hover:not(.login__tab--active){color:#ccc;background:#ffffff08}.login__tab--active{background:linear-gradient(135deg,#f9731626,#f9731614);color:#f97316;box-shadow:0 2px 8px #f973161a}.login__form,.login__solana{display:flex;flex-direction:column;gap:16px;flex:1;min-height:0;overflow-y:auto}.login__input{font-family:Pixelify Sans,SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;width:100%;padding:12px 16px;background:#0a0a0a99;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;box-sizing:border-box;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login__input::placeholder{color:#666}.login__input:hover{border-color:#ffffff26}.login__input:focus{outline:none;border-color:#f97316;background:#0a0a0acc;box-shadow:0 0 0 3px #f973161a}.login__error{margin:0;padding:10px 14px;font-size:13px;color:#f87171;background:#f871711a;border:1px solid rgba(248,113,113,.2);border-radius:8px;animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.login__actions{display:flex;flex-direction:column;gap:12px;margin-top:8px;flex-shrink:0}.login__btn{font-family:Pixelify Sans,SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.login__btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.login__btn--primary{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;box-shadow:0 4px 12px #f973164d}.login__btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#ff8c42,#f97316);box-shadow:0 6px 16px #f9731666;transform:translateY(-1px)}.login__btn--primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #f973164d}.login__btn--secondary{background:transparent;color:#888;border:1px solid rgba(255,255,255,.1)}.login__btn--secondary:hover{color:#ccc;border-color:#ffffff26;background:#ffffff08}.login__btn--solana{background:linear-gradient(135deg,#9945ff,#14f195);color:#fff;box-shadow:0 4px 12px #9945ff4d}.login__btn--solana:hover:not(:disabled){opacity:.95;transform:translateY(-1px);box-shadow:0 6px 16px #9945ff66}.login__connectors{display:flex;flex-direction:column;gap:10px}.login__connectors-empty{margin:0;padding:16px;font-size:13px;color:#666;line-height:1.5;text-align:center;background:#ffffff05;border:1px dashed rgba(255,255,255,.1);border-radius:8px}.login__btn--connector{display:flex;align-items:center;justify-content:center;gap:12px;background:#1a1a1a99;border:1px solid rgba(255,255,255,.1);color:#e0e0e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login__btn--connector:hover:not(:disabled){border-color:#f973164d;background:#252525cc;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.login__btn--connector:active:not(:disabled){transform:translateY(0)}.login__btn--connector:disabled{opacity:.5}.login__connector-icon{flex-shrink:0;border-radius:6px;width:24px;height:24px;object-fit:contain}.login__solana-desc{margin:0;padding:12px 16px;font-size:13px;color:#999;line-height:1.5;background:#f973160d;border:1px solid rgba(249,115,22,.1);border-radius:8px}@media(max-width:768px){.login{padding:16px}.login__header{margin-bottom:20px;gap:10px}.login__logo{width:40px;height:40px}.login__title{font-size:16px}.login__tabs{margin-bottom:16px}.login__tab{font-size:12px;padding:8px 12px}.login__form,.login__solana{gap:12px}.login__input{font-size:14px;padding:10px 14px}.login__btn{font-size:13px;padding:10px 18px}}@media(max-width:480px){.login{padding:12px}.login__header{margin-bottom:16px}.login__logo{width:36px;height:36px}.login__title{font-size:15px}.login__tab{font-size:11px;padding:7px 10px}.login__input{font-size:14px;padding:10px 12px}.login__btn{font-size:12px;padding:10px 16px}}.navbar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#111;border-bottom:1px solid #1a1a1a;box-shadow:0 2px 8px #0000004d;z-index:100;position:relative}.navbar__left{display:flex;align-items:center;gap:10px}.navbar__logo{width:24px;height:24px;flex-shrink:0;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.navbar__title{font-family:Pixelify Sans,SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:15px;font-weight:600;letter-spacing:.06em;color:#f97316}.navbar__right{display:flex;align-items:center;gap:12px}.navbar__profile{display:flex;align-items:center;gap:8px;height:100%}.navbar__profile-icon{width:20px;height:20px;flex-shrink:0;opacity:.7;transition:opacity .2s;display:flex;align-items:center;justify-content:center}.navbar__profile:hover .navbar__profile-icon{opacity:1}.navbar__user-label{font-family:Pixelify Sans,SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:13px;color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px;line-height:1;display:flex;align-items:center}@media(max-width:768px){.navbar{padding:12px 16px}.navbar__title{font-size:14px}.navbar__right{gap:8px}.navbar__user-label{max-width:120px;font-size:12px}.navbar__logout{font-size:12px;padding:5px 10px}.navbar__signin{font-size:12px;padding:6px 12px}}@media(max-width:480px){.navbar{padding:10px 12px}.navbar__title{font-size:13px}.navbar__logo{width:20px;height:20px}.navbar__user-label{max-width:100px;font-size:11px}.navbar__logout{font-size:11px;padding:4px 8px}.navbar__signin{font-size:11px;padding:5px 10px}}.navbar__logout{font-family:Pixelify Sans,SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;padding:6px 12px;background:transparent;border:1px solid #333;border-radius:6px;color:#888;font-size:13px;cursor:pointer;transition:all .2s}.navbar__logout:hover{border-color:#555;color:#fff}.navbar__signin{font-family:Pixelify Sans,SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;padding:8px 16px;background:#f97316;border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.navbar__signin:hover{background:#ea580c}.app{display:grid;grid-template-columns:440px 1fr 280px;grid-template-rows:auto 1fr;width:100%;height:100%}@media(max-width:1024px){.app{grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto}.app>.navbar{grid-column:1;grid-row:1}.app>.sidebar:first-of-type{grid-column:1;grid-row:2;max-height:40vh;border-right:none;border-bottom:1px solid #1a1a1a}.app>.viewport{grid-column:1;grid-row:3;min-height:50vh}.app>.sidebar--right{grid-column:1;grid-row:4;max-height:40vh;border-left:none;border-top:1px solid #1a1a1a}}@media(max-width:768px){.app{grid-template-rows:auto auto 1fr auto}.sidebar,.sidebar--right{max-height:35vh}.sidebar__search{padding:10px 16px}.sidebar__section{padding:10px 16px 12px}.sidebar__search-input{font-size:14px;padding:10px 12px}.anim-list__grid{grid-template-columns:1fr;gap:8px;padding:0 10px 10px}.anim-list__header,.bone-list__header{padding:8px 16px}.prompt-bar{padding:10px 16px}.prompt-bar__input{font-size:14px;padding:12px 14px}.prompt-bar__generate-btn{font-size:14px;padding:12px 20px}.viewport__controls{bottom:60px;left:12px;gap:6px}.viewport__control-btn{width:32px;height:32px}.viewport__lighting-select{min-width:90px;height:32px;font-size:12px;padding:0 24px 0 8px}.animation-timeline{padding:10px 16px}.animation-timeline__controls{gap:8px}.animation-timeline__play-pause{width:28px;height:28px}.animation-timeline__time{font-size:10px;min-width:70px}}@media(max-width:480px){.sidebar,.sidebar--right{max-height:30vh}.sidebar__search{padding:8px 12px}.sidebar__section{padding:8px 12px 10px}.sidebar__section-title{font-size:10px;margin-bottom:10px}.sidebar__import-btn{font-size:12px;padding:10px 12px}.anim-list__card-name{font-size:11px;padding:5px 6px 6px}.anim-list__preview-wrap{margin:8px 10px 6px}.viewport__controls{bottom:50px;left:8px}.viewport__control-btn{width:32px;height:32px;min-width:32px;min-height:32px}.viewport__lighting-select{min-width:90px;height:32px;font-size:12px}.animation-timeline{padding:8px 12px}.animation-timeline__play-pause{width:32px;height:32px;min-width:32px;min-height:32px}.animation-timeline__track{height:8px}.animation-timeline__handle{width:16px;height:16px;min-width:16px;min-height:16px}.animation-timeline__marker{width:4px;height:16px;min-width:4px;min-height:16px}.bone-list__items{max-height:200px}}.app>.navbar{grid-column:1 / -1}.app>*{min-height:0}.app--loading{place-items:center}.app__loading-content{display:flex;flex-direction:column;align-items:center;gap:20px}.app__loading-logo{width:64px;height:64px;object-fit:contain;animation:pulse 2s ease-in-out infinite;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.app__loading{color:#888;font-size:14px}.sidebar{display:flex;flex-direction:column;background:#111;border-right:1px solid #1a1a1a;min-height:0;overflow:hidden}.sidebar--right{border-right:none;border-left:1px solid #1a1a1a}.sidebar__scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;display:flex;flex-direction:column}.sidebar__sticky{position:sticky;top:0;z-index:2;background:#111;flex-shrink:0;border-bottom:1px solid #1a1a1a;box-shadow:0 4px 20px #0006}.sidebar__sticky-bottom{position:sticky;bottom:0;z-index:2;background:#111;border-top:1px solid #1a1a1a;box-shadow:0 -4px 20px #0006;margin-top:auto}.sidebar__footer{flex-shrink:0;display:flex;flex-direction:column;border-top:1px solid #1a1a1a;background:#111}.sidebar--right .sidebar__footer{margin-top:auto}.sidebar__search{padding:12px 20px;border-bottom:1px solid #1a1a1a;flex-shrink:0}.sidebar__search-input{width:100%;padding:8px 12px;background:#141414;border:1px solid #222;border-radius:6px;color:#e0e0e0;font-family:Pixelify Sans,SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:12px;outline:none;box-sizing:border-box;transition:border-color .2s}.sidebar__search-input::placeholder{color:#555}.sidebar__search-input:focus{border-color:#f97316}.sidebar__section{padding:12px 20px 14px;border-top:1px solid #1a1a1a}.sidebar__sticky .sidebar__section:last-child{padding-bottom:14px}.sidebar__import-btn{font-family:Pixelify Sans,SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;width:100%;padding:8px 14px;background:transparent;border:1px solid #333;border-radius:6px;color:#999;font-size:13px;cursor:pointer;transition:all .2s}.sidebar__import-btn:hover{border-color:#555;color:#fff}.sidebar__btn--import{border-color:#22c55e;color:#4ade80;background:#22c55e1a}.sidebar__btn--import:hover{border-color:#22c55e;color:#86efac;background:#22c55e33}.sidebar__btn--texture{border-color:#eab308;color:#facc15;background:#eab3081a}.sidebar__btn--texture:hover{border-color:#eab308;color:#fde047;background:#eab30833}.sidebar__section--row{display:flex;gap:8px}.sidebar__section-title{font-family:Pixelify Sans,SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:11px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.sidebar__download-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.sidebar__download-field:last-of-type{margin-bottom:16px}.sidebar__download-label{font-family:Pixelify Sans,SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:11px;color:#888}.sidebar__download-note{font-size:10px;color:#666;line-height:1.4;margin-bottom:12px;padding:8px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:6px}.sidebar__btn--download{background:#f97316;color:#fff;border-color:#f97316}.sidebar__btn--download:hover{background:#ea580c;border-color:#ea580c;color:#fff}.viewport{position:relative;overflow:hidden;min-height:0;height:100%}.viewport__controls{position:absolute;bottom:80px;left:20px;z-index:11;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.viewport__control-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#111111f2;border:1px solid #333;border-radius:6px;color:#f97316;cursor:pointer;padding:0;transition:all .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.viewport__control-btn:hover{border-color:#f97316;background:#f973161a}.viewport__control-btn:active{transform:scale(.95)}.viewport__control-btn--active{background:#f9731626;border-color:#f97316}.viewport__control-btn--bones{background:#f9731640}.viewport__lighting{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.viewport__lighting-label{font-family:Pixelify Sans,SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:11px;color:#fff9;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.viewport__lighting-select{font-family:Pixelify Sans,SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;min-width:100px;height:36px;padding:0 28px 0 10px;font-size:13px;color:#f97316;background:#111111f2;border:1px solid #333;border-radius:6px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%23f97316' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .2s,background-color .2s}.viewport__lighting-select:hover{border-color:#f97316;background-color:#f9731614}.viewport__lighting-select:focus{outline:none;border-color:#f97316}.bone-list{border-top:1px solid #1a1a1a}.bone-list__header{font-family:Pixelify Sans,SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;display:flex;align-items:center;gap:8px;padding:10px 20px;font-size:11px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.05em}.bone-list__collapse-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:transparent;border:none;color:#555;cursor:pointer;padding:0;transition:all .15s;flex-shrink:0}.bone-list__collapse-btn:hover{color:#999}.bone-list__chevron{transition:transform .2s}.bone-list__chevron--collapsed{transform:rotate(-90deg)}.bone-list__toggle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:1px solid #333;border-radius:4px;color:#555;cursor:pointer;transition:all .15s;padding:0}.bone-list__toggle:hover{border-color:#555;color:#999}.bone-list__toggle--active{border-color:#666;color:#e0e0e0;background:#2a2a2a}.bone-list__toggle--bones{border-color:#7c6cf0;color:#b4a8ff;background:#2a2540}.bone-list__mode-label{padding:0 20px 6px;font-size:10px;color:#555;transition:opacity .2s}.bone-list__items{max-height:300px;overflow-y:auto;padding-bottom:8px;transition:opacity .2s}.bone-list__item{display:flex;align-items:center;gap:6px;height:18px;font-family:Pixelify Sans,SF Mono,Fira Code,Fira Mono,Menlo,monospace;font-size:11px;color:#e0e0e0;white-space:nowrap}.bone-list__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.bone-list__name{overflow:hidden;text-overflow:ellipsis}.anim-list{border-top:1px solid #1a1a1a}.anim-list__preview-wrap{position:relative;width:100%;aspect-ratio:4 / 3;max-height:140px;background:#0d0d0d;border-radius:6px;overflow:hidden;margin:10px 12px 8px;flex-shrink:0}.anim-list__preview-wrap--row{width:56px;height:38px;min-width:56px;min-height:38px;max-height:none;aspect-ratio:4 / 3;margin:0;border-radius:4px}.anim-list__preview{width:100%;height:100%;display:block}.anim-list__preview-loading{font-size:11px;color:#555}.anim-list__header{font-family:Pixelify Sans,SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;font-size:11px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.05em}.anim-list__add-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:1px solid #333;border-radius:4px;color:#555;cursor:pointer;font-size:14px;padding:0;transition:all .15s}.anim-list__add-btn:hover{border-color:#555;color:#999}.anim-list__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 12px 10px}.anim-list__card{position:relative;display:flex;flex-direction:column;align-items:stretch;padding:0;background:transparent;border:1px solid transparent;border-radius:6px;color:#999;font-size:12px;cursor:pointer;text-align:left;transition:all .15s;overflow:hidden}.anim-list__card:hover{background:#1a1a1a;color:#ccc}.anim-list__card--active{background:#1a1a1a;border-color:#f97316;color:#f0f0f0}.anim-list__card-preview{width:100%;aspect-ratio:3 / 2.5;min-height:75px;background:#0d0d0d;border-radius:6px 6px 0 0;overflow:hidden;display:flex;align-items:center;justify-content:center}.anim-list__card-preview .anim-list__preview-wrap--row{width:100%;height:100%;min-width:0;min-height:0}.anim-list__card-preview-placeholder{font-size:18px;color:#444}.anim-list__card-name{font-family:Pixelify Sans,SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;padding:6px 8px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.anim-list__card-download-wrap{position:absolute;top:4px;right:4px;z-index:2}.anim-list__card-download{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:#0009;border:1px solid transparent;border-radius:4px;color:#555;cursor:pointer;font-size:12px;transition:all .15s}.anim-list__card-download:hover{color:#f97316;border-color:#333;background:#000c}.anim-list__card-download--open{color:#f97316;border-color:#f97316;background:#f9731633}.anim-list__download-wrap{position:relative;flex-shrink:0}.anim-list__download-panel{position:absolute;top:100%;right:0;margin-top:4px;padding:10px 12px;min-width:200px;background:#1a1a1a;border:1px solid #333;border-radius:8px;box-shadow:0 8px 24px #00000080;z-index:30}@media(max-width:768px){.anim-list__download-panel{right:auto;left:0;min-width:calc(100% - 24px);margin-left:12px;margin-right:12px}}.anim-list__download-panel-title{font-family:Pixelify Sans,SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:11px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.anim-list__download-panel-row{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.anim-list__download-panel-row:last-of-type{margin-bottom:12px}.anim-list__download-panel-label{font-family:Pixelify Sans,SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:11px;color:#999}.anim-list__download-panel-note{font-size:10px;color:#888;margin:-4px 0 8px;line-height:1.35}.anim-list__download-panel-select{font-family:Pixelify Sans,SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;width:100%;padding:6px 8px;background:#111;border:1px solid #333;border-radius:4px;color:#e0e0e0;font-size:12px;cursor:pointer}.anim-list__download-panel-select:hover{border-color:#555}.anim-list__download-panel-select:focus{outline:none;border-color:#f97316}.anim-list__download-panel-btn{font-family:Pixelify Sans,SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;width:100%;padding:8px 12px;background:#f97316;border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s}.anim-list__download-panel-btn:hover{background:#ea580c}.prompt-bar{display:flex;flex-direction:column;gap:10px;padding:12px 20px;border-top:1px solid #1a1a1a}.prompt-bar__input{font-family:Pixelify Sans,SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;width:100%;padding:10px 14px;background:#141414;border:1px solid #222;border-radius:8px;color:#e0e0e0;font-size:13px;outline:none;box-sizing:border-box;transition:border-color .2s}.prompt-bar__input::placeholder{color:#555}.prompt-bar__input:focus{border-color:#444}.prompt-bar__settings-toggle{background:none;border:none;color:#666;font-size:11px;cursor:pointer;padding:0;text-align:left}.prompt-bar__settings-toggle:hover{color:#999}.prompt-bar__settings-wrapper{max-height:0;overflow:hidden;transition:max-height .3s ease-out,opacity .3s ease-out;opacity:0}.prompt-bar__settings-wrapper--open{max-height:500px;opacity:1}.prompt-bar__settings{display:flex;flex-direction:column;gap:8px;padding:8px 0}.prompt-bar__field{display:flex;flex-direction:column;gap:4px}.prompt-bar__label{font-family:Pixelify Sans,SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:11px;color:#888;display:flex;justify-content:space-between}.prompt-bar__value{color:#ccc;font-variant-numeric:tabular-nums}.prompt-bar__settings input[type=range]{width:100%;accent-color:#f97316;height:4px}.prompt-bar__seed-input{font-family:Pixelify Sans,SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;width:100%;padding:6px 10px;background:#141414;border:1px solid #222;border-radius:6px;color:#e0e0e0;font-size:12px;outline:none;box-sizing:border-box}.prompt-bar__seed-input::placeholder{color:#555}.prompt-bar__seed-input:focus{border-color:#444}.prompt-bar__generate-btn{font-family:Pixelify Sans,SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;width:100%;padding:10px 20px;background:#fff;border:none;border-radius:8px;color:#0a0a0a;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.prompt-bar__generate-btn:hover{background:#e0e0e0}.prompt-bar__generate-btn:disabled{background:#333;color:#666;cursor:not-allowed}.prompt-bar__status{font-family:Pixelify Sans,SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:12px;color:#666}.prompt-bar__status--generating{color:#f0c040}.prompt-bar__status--done{color:#40c080}.prompt-bar__status--error{color:#f04040}.animation-timeline{position:absolute;bottom:0;left:0;right:0;z-index:12;background:#111111f2;border-top:1px solid #1a1a1a;padding:12px 20px}.animation-timeline__container{display:flex;flex-direction:column;gap:8px}.animation-timeline__controls{display:flex;align-items:center;gap:12px}.animation-timeline__play-pause{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid #333;border-radius:6px;color:#f97316;cursor:pointer;padding:0;transition:all .2s;flex-shrink:0}.animation-timeline__play-pause:hover{border-color:#f97316;background:#f973161a}.animation-timeline__play-pause:active{transform:scale(.95)}.animation-timeline__track-wrapper{display:flex;align-items:center;gap:12px;flex:1}.animation-timeline__track{position:relative;width:100%;height:8px;background:#222;border-radius:4px;cursor:pointer;overflow:visible;-webkit-user-select:none;user-select:none}.animation-timeline__progress{position:absolute;top:0;left:0;height:100%;background:#f97316;border-radius:4px;pointer-events:none}.animation-timeline__handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:#f97316;border:2px solid #fff;border-radius:50%;cursor:grab;pointer-events:auto;transition:transform .1s}.animation-timeline__handle:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.2)}.animation-timeline__marker-range{position:absolute;top:0;height:100%;background:#f9731633;pointer-events:none;z-index:0;border-radius:4px}.animation-timeline__marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:4px;height:16px;background:#f97316;cursor:ew-resize;pointer-events:auto;z-index:2;border-radius:2px;transition:all .15s;-webkit-user-select:none;user-select:none}.animation-timeline__marker:hover{width:6px;height:20px;background:#ff8c42;box-shadow:0 0 4px #f9731680}.animation-timeline__marker:active{width:6px;height:24px;background:#ffa366}.animation-timeline__marker--start{left:0}.animation-timeline__marker--end{left:100%}.animation-timeline__time{display:flex;align-items:center;font-family:Pixelify Sans,SF Mono,Fira Code,Fira Mono,Menlo,monospace;font-size:11px;color:#999;white-space:nowrap;flex-shrink:0;min-width:80px;justify-content:flex-end}.animation-timeline__time-current{color:#f97316}.animation-timeline__time-separator{color:#555;margin:0 2px}.animation-timeline__time-duration{color:#999}