:root{--bg:#0f1115;--bg-elev:#161920;--bg-elev-2:#1d2129;--bg-input:#0c0e12;--border:#272c36;--border-strong:#353b47;--text:#e6e8ee;--text-dim:#9aa1b0;--text-faint:#6b7280;--accent:#5b8cff;--accent-strong:#7aa2ff;--accent-soft:#5b8cff29;--text-layer:#5b8cff;--transition-layer:#f5a524;--danger:#f05252;--success:#31c48d;--radius:6px;--font-ui:"Noto Sans JP", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-ui);color:var(--text);background:var(--bg);font-size:13px;line-height:1.5}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}.app{grid-template:"header header header""left center right"minmax(0,1fr)/260px minmax(0,1fr) 320px;height:100vh;display:grid}.app__header{background:var(--bg-elev);border-bottom:1px solid var(--border);flex-wrap:wrap;grid-area:header;align-items:center;gap:24px;padding:8px 16px;display:flex}.app__logo{letter-spacing:.02em;white-space:nowrap;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;display:flex}.app__logo-mark{background:linear-gradient(135deg, var(--accent), var(--transition-layer));border-radius:5px;width:18px;height:18px}.app__left,.app__right{background:var(--bg-elev);flex-direction:column;min-height:0;display:flex;overflow-y:auto}.app__left{border-right:1px solid var(--border);grid-area:left}.app__right{border-left:1px solid var(--border);grid-area:right}.app__center{flex-direction:column;grid-area:center;min-width:0;min-height:0;display:flex}.panel{border-bottom:1px solid var(--border);padding:14px 14px 16px}.panel__title{color:var(--text-dim);letter-spacing:.06em;align-items:center;gap:8px;margin:0 0 10px;font-size:12px;font-weight:700;display:flex}.panel__hint{color:var(--text-faint);margin:6px 0 10px;font-size:12px}.panel__warn{border-radius:var(--radius);color:#f7c46c;background:#f5a5241f;margin:8px 0 0;padding:6px 8px;font-size:12px}.btn{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-elev-2);cursor:pointer;justify-content:center;align-items:center;gap:6px;min-height:28px;padding:4px 10px;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.btn--primary:hover:not(:disabled){background:var(--accent-strong)}.btn--block{width:100%;min-height:34px;margin-top:12px}.btn--icon{width:28px;padding:0}.btn--danger:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}.select,.num-input,.textarea{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-input);min-height:28px;padding:4px 8px}.select:focus,.num-input:focus,.textarea:focus{border-color:var(--accent);outline:none}.num-input{font-variant-numeric:tabular-nums;width:72px}.textarea{resize:vertical;width:100%;line-height:1.5}.color-input{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-input);cursor:pointer;width:40px;height:28px;padding:2px}.range{min-width:60px;accent-color:var(--accent);flex:1}.segmented{border:1px solid var(--border-strong);border-radius:var(--radius);display:inline-flex;overflow:hidden}.segmented button{background:var(--bg-input);cursor:pointer;min-height:26px;color:var(--text-dim);border:0;padding:4px 10px}.segmented button+button{border-left:1px solid var(--border-strong)}.segmented button.is-active{background:var(--accent-soft);color:var(--text);font-weight:700}.segmented--full{display:flex}.segmented--full button{flex:1}.switch{cursor:pointer;color:var(--text-dim);align-items:center;gap:6px;display:inline-flex}.switch input{accent-color:var(--accent);width:16px;height:16px}.dot{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.dot--text{background:var(--text-layer)}.dot--transition{background:var(--transition-layer)}.field{grid-template-columns:84px minmax(0,1fr);align-items:center;gap:8px;margin-bottom:8px;display:grid}.field--stack{grid-template-columns:1fr;gap:4px}.field__label{color:var(--text-dim);font-size:12px}.field__row{align-items:center;gap:6px;min-width:0;display:flex}.field__unit{color:var(--text-faint);white-space:nowrap;font-size:11px}.inline-field{color:var(--text-dim);align-items:center;gap:6px;font-size:12px;display:flex}.comp-settings{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.tabs{border-radius:var(--radius);background:var(--bg-input);gap:4px;padding:3px;display:flex}.tabs__tab{color:var(--text-dim);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:1;padding:6px 4px;font-size:12px}.tabs__tab.is-active{background:var(--bg-elev-2);color:var(--text);font-weight:700}.preset-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.preset-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev-2);text-align:left;cursor:pointer;gap:10px;width:100%;padding:10px;transition:border-color .12s,transform .12s;display:flex}.preset-card:hover{border-color:var(--accent)}.preset-card:active{transform:scale(.99)}.preset-card__badge{border-radius:6px;flex:none;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.preset-card__badge--text{color:var(--text-layer);background:#5b8cff2e}.preset-card__badge--transition{color:var(--transition-layer);background:#f5a5242e}.preset-card__body{flex-direction:column;gap:2px;min-width:0;display:flex}.preset-card__name{font-weight:700}.preset-card__desc{color:var(--text-faint);font-size:11px;line-height:1.4}.preview{background:#0a0b0e;flex-direction:column;flex:1;min-height:0;display:flex}.preview__stage{flex:1;min-height:0;position:relative}.preview__stage>.preview__canvas{background-color:#2a2d33;background-image:linear-gradient(45deg,#3a3e46 25%,#0000 25%),linear-gradient(-45deg,#3a3e46 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#3a3e46 75%),linear-gradient(-45deg,#0000 75%,#3a3e46 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;width:auto;max-width:calc(100% - 40px);height:auto;max-height:calc(100% - 40px);margin:auto;position:absolute;inset:0;box-shadow:0 8px 30px #00000080}.preview__meta{color:var(--text-faint);justify-content:space-between;padding:4px 12px;font-size:11px;display:flex}.preview__loading{color:var(--accent-strong)}.timeline{background:var(--bg-elev);border-top:1px solid var(--border);border-bottom:0;flex:none;max-height:40%;overflow-y:auto}.timeline__controls{align-items:center;gap:8px;margin-bottom:10px;display:flex}.timeline__play{min-width:84px}.timeline__tc{font-variant-numeric:tabular-nums;margin-left:6px;font-weight:700}.timeline__frame{color:var(--text-faint);font-variant-numeric:tabular-nums}.timeline__tracks{flex-direction:column;gap:4px;display:flex}.timeline__scrub-row,.timeline__row{grid-template-columns:160px minmax(0,1fr);align-items:center;gap:10px;display:grid}.timeline__scrubber{width:100%}.timeline__label{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:12px;display:flex;overflow:hidden}.timeline__row{cursor:pointer;border-radius:4px;padding:2px 0}.timeline__row:hover{background:#ffffff08}.timeline__row.is-selected{background:var(--accent-soft)}.timeline__row.is-selected .timeline__label{color:var(--text)}.timeline__lane{background:var(--bg-input);border-radius:4px;height:20px;position:relative}.timeline__bar{opacity:.85;border-radius:3px;position:absolute;top:3px;bottom:3px}.timeline__bar--text{background:var(--text-layer)}.timeline__bar--transition{background:var(--transition-layer)}.timeline__playhead{pointer-events:none;background:#fff;width:2px;margin-left:-1px;position:absolute;top:-2px;bottom:-2px}.inspector__header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.inspector__header .panel__title{margin:0}.inspector__actions{gap:4px;display:flex}.inspector__group{border-top:1px solid var(--border);margin-top:6px;padding-top:10px}.inspector__group-title{color:var(--text-faint);letter-spacing:.08em;margin:0 0 8px;font-size:11px;font-weight:700}.export-panel{border-top:1px solid var(--border);background:var(--bg-elev);border-bottom:0;margin-top:auto;position:sticky;bottom:0;box-shadow:0 -8px 16px #00000040}.toast-stack{z-index:100;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:16px;right:16px}.toast{border:1px solid var(--border-strong);border-left:4px solid var(--accent);border-radius:var(--radius);background:var(--bg-elev-2);pointer-events:auto;align-items:center;gap:12px;max-width:420px;padding:10px 12px;animation:.18s ease-out toast-in;display:flex;box-shadow:0 8px 24px #00000073}.toast--error{border-left-color:var(--danger)}.toast--success{border-left-color:var(--success)}.toast__close{color:var(--text-faint);cursor:pointer;background:0 0;border:0;margin-left:auto}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}}@media (width<=900px){body{overflow:auto}.app{grid-template:"header""center""left""right"/minmax(0,1fr);height:auto;min-height:100vh}.preview{height:56vh}.app__left,.app__right{border:0;overflow:visible}}.export-formats{border:1px solid var(--border-strong);border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.export-formats__item{background:var(--bg-input);color:var(--text-dim);text-align:left;cursor:pointer;border:0;flex-direction:column;align-items:flex-start;gap:1px;padding:6px 10px;display:flex}.export-formats__item+.export-formats__item{border-top:1px solid var(--border-strong)}.export-formats__item.is-active{background:var(--accent-soft);color:var(--text);box-shadow:inset 3px 0 0 var(--accent)}.export-formats__item:disabled{cursor:default;opacity:.7}.export-formats__label{font-weight:700}.export-formats__hint{color:var(--text-faint);font-size:11px}.export-formats__item.is-active .export-formats__hint{color:var(--text-dim)}.export-progress{margin-top:12px}.export-progress__row{align-items:baseline;gap:8px;font-size:12px;display:flex}.export-progress__phase{color:var(--text);font-weight:700}.export-progress__count{color:var(--text-faint);font-variant-numeric:tabular-nums;flex:1}.export-progress__percent{color:var(--accent-strong);font-variant-numeric:tabular-nums;font-weight:700}.export-progress__bar{background:var(--bg-input);border-radius:999px;height:6px;margin-top:6px;overflow:hidden}.export-progress__fill{border-radius:inherit;background:var(--accent);height:100%;transition:width .15s linear}.export-progress__abort{color:#f69a9a;border-color:#f0525280;margin-top:10px}.export-guide{border-radius:var(--radius);background:#31c48d1a;border:1px solid #31c48d59;margin-top:10px;padding:8px 10px;font-size:12px}.export-guide__head{align-items:center;gap:6px;display:flex}.export-guide__file{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);flex:1;overflow:hidden}.export-guide__size{color:var(--text-faint);font-variant-numeric:tabular-nums}.export-guide__close{color:var(--text-faint);cursor:pointer;background:0 0;border:0;padding:0 2px}.export-guide__steps{color:var(--text-dim);margin:6px 0 0;padding-left:18px}.export-guide__steps li+li{margin-top:2px}.export-guide__text{color:var(--text-dim);margin:6px 0 0}