:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fafafa;--fg:#1a1a1a;--muted:#666;--border:#d9d9d9;--accent:#2457f5;--card:#fff}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#111;--fg:#eee;--muted:#999;--border:#333;--card:#1b1b1b;--accent:#7a9bff}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif;line-height:1.6}.container{max-width:960px;margin:0 auto;padding:24px 16px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;max-width:400px;margin:12vh auto 0;padding:32px 24px}h1{margin:0 0 8px;font-size:1.4rem}p.muted{color:var(--muted);margin:0 0 24px}label{margin-bottom:4px;font-size:.9rem;display:block}input[type=email]{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--fg);border-radius:8px;padding:10px 12px;font-size:1rem}button{cursor:pointer;border:1px solid var(--border);background:var(--card);width:100%;color:var(--fg);border-radius:8px;padding:10px 12px;font-size:1rem}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;margin-top:12px}button:disabled,button[disabled]{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.divider{text-align:center;color:var(--muted);margin:16px 0;font-size:.85rem}.error{color:#c0392b;margin:0 0 16px;font-size:.9rem}header.app{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}header.app button{width:auto;padding:6px 12px;font-size:.9rem}.empty{text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:12px;padding:48px 16px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pe-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;padding:0;list-style:none;display:grid}.pe-card{border:1px solid var(--border);background:var(--card);color:inherit;border-radius:10px;gap:4px;padding:14px;text-decoration:none;display:grid}.pe-card:hover{border-color:var(--accent)}.pe-badge{border:1px solid var(--border);border-radius:99px;margin-left:6px;padding:1px 8px;font-size:.75rem;display:inline-block}.pe-badge.on{color:#fff;background:#1f9d55;border-color:#1f9d55}.pe-badge.warn{background:#f59e0b22;border-color:#f59e0b}.pe-warn{background:#f59e0b1f;border-left:3px solid #f59e0b;border-radius:4px;margin:8px 0;padding:8px 12px}.pe-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.pe-name{color:inherit;background:0 0;border:1px solid #0000;border-radius:6px;width:min(480px,90vw);padding:2px 6px;font-size:1.3rem;font-weight:700}.pe-name:hover:not(:disabled),.pe-name:focus{border-color:var(--border);background:var(--card)}.pe-main{grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr);align-items:start;gap:24px;display:grid}@media (max-width:900px){.pe-main{grid-template-columns:1fr}}.pe-preview{width:100%}.pe-timeline{margin-top:12px}.pe-ruler{border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;height:26px;position:relative}.pe-tick{color:var(--muted);pointer-events:none;font-size:.7rem;position:absolute;top:2px;transform:translate(-50%)}.pe-tick:first-child{transform:none}.pe-playhead{pointer-events:none;z-index:2;background:#e11d48;width:2px;position:absolute;top:0;bottom:-4px}.pe-lanes{background:repeating-linear-gradient(90deg, transparent 0 calc(10% - 1px), var(--border) calc(10% - 1px) 10%);border-radius:4px;margin-top:4px;position:relative}.pe-bar{background:var(--accent);color:#fff;cursor:grab;touch-action:none;border-radius:6px;align-items:center;min-width:8px;height:26px;display:flex;position:absolute;overflow:hidden}.pe-bar.selected{box-shadow:0 0 0 4px var(--accent);z-index:1;outline:2px solid #fff}.pe-bar.disabled{cursor:default;opacity:.7}.pe-bar-label{white-space:nowrap;text-overflow:ellipsis;pointer-events:none;flex:1;padding:0 10px;font-size:.75rem;overflow:hidden}.pe-grip{cursor:ew-resize;background:#ffffff59;width:8px;position:absolute;top:0;bottom:0}.pe-grip.start{left:0}.pe-grip.end{right:0}.pe-others{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.pe-chip{border-radius:99px;width:auto;padding:2px 10px;font-size:.8rem}.pe-chip.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.pe-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;margin-bottom:12px;display:flex}.pe-tabs button{background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;width:auto;padding:8px 12px}.pe-tabs button.on{border-bottom-color:var(--accent);font-weight:700}.pe-actions{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;display:flex}.pe-actions button,button.pe-small,button.pe-danger{width:auto}button.pe-small{padding:4px 10px;font-size:.85rem}button.pe-danger{color:#c0392b;border-color:#c0392b;margin-top:12px}.pe-buttons{gap:6px;margin:8px 0;padding:0;list-style:none;display:grid}.pe-item{text-align:left;gap:2px;padding:8px 12px;display:grid}.pe-item.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.pe-item.bad{border-color:#c0392b}.pe-form{border:1px solid var(--border);border-radius:8px;margin:12px 0;padding:12px}.pe-form legend{padding:0 6px;font-weight:700}.pe-form legend.pe-sub{margin-top:16px}.pe-field{margin:10px 0}.pe-field input:not([type=checkbox]):not([type=range]):not([type=color]),.pe-field select,.pe-field textarea,.pe-create input,.pe-create select{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--fg);border-radius:8px;padding:8px 10px;font-size:1rem}.pe-field textarea{font-family:ui-monospace,monospace;font-size:.8rem}.pe-hint{margin:2px 0;font-size:.8rem}.pe-err{margin:2px 0;font-size:.85rem}.pe-check{align-items:center;gap:8px;margin:6px 0;display:flex}.pe-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.pe-row>*{flex:1;min-width:120px}.pe-option{border:1px dashed var(--border);border-radius:8px;margin:8px 0;padding:8px}.pe-grid{grid-template-columns:repeat(3,44px);gap:4px;display:grid}.pe-cell{border-radius:6px;width:44px;height:32px;padding:0}.pe-cell.on,.pe-bar-pos.on{background:var(--accent);border-color:var(--accent)}.pe-bar-pos{grid-column:1/-1;padding:4px;font-size:.8rem}.pe-versions{padding:0;list-style:none}.pe-versions li{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;display:flex}.pe-create{max-width:480px}:root{--viz-1:#2a78d6;--viz-grid:#00000014;--viz-axis:#666;--viz-surface:#fff}@media (prefers-color-scheme:dark){:root{--viz-1:#3987e5;--viz-grid:#ffffff1a;--viz-axis:#a0a0a0;--viz-surface:#1b1b1b}}.viz-page{gap:16px;max-width:960px;margin:0 auto;padding:16px;display:grid}.viz-page h1,.viz-page h2{margin:0}.viz-page h2{font-size:1rem}.viz-filters{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.viz-seg{gap:4px;display:inline-flex}.viz-seg button{padding:6px 12px}.viz-seg button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.viz-check{align-items:center;gap:6px;display:inline-flex}.viz-tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.viz-hero,.viz-tile,.viz-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:14px}.viz-hero{grid-column:1/-1}.viz-hero-num{font-variant-numeric:tabular-nums;font-size:2.6rem;font-weight:700;line-height:1.1}.viz-tile strong{font-variant-numeric:tabular-nums;font-size:1.4rem;display:block}.viz-delta{font-size:.8rem;display:block}.viz-card{gap:10px;display:grid}.viz-two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.viz-plot{position:relative}.viz-plot svg{width:100%;height:auto;display:block}.viz-plot svg:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.viz-grid{stroke:var(--viz-grid);stroke-width:1px}.viz-baseline{stroke:var(--viz-axis);stroke-width:1px}.viz-axis{fill:var(--viz-axis);font-variant-numeric:tabular-nums;font-size:11px}.viz-bar{fill:var(--viz-1)}.viz-bar.hover{opacity:.8}.viz-hit{fill:var(--viz-1);opacity:.08}.viz-line{fill:none;stroke:var(--viz-1);stroke-width:2px;stroke-linejoin:round}.viz-area{fill:var(--viz-1);opacity:.1}.viz-cross{stroke:var(--viz-axis);stroke-width:1px}.viz-dot{fill:var(--viz-1);stroke:var(--viz-surface);stroke-width:2px}.viz-tip{pointer-events:none;background:var(--card);border:1px solid var(--border);white-space:nowrap;z-index:1;border-radius:8px;padding:6px 10px;font-size:.8rem;position:absolute;box-shadow:0 2px 8px #00000026}.viz-tip-title{color:var(--muted)}.viz-tip-row{align-items:center;gap:6px;display:flex}.viz-key{background:var(--viz-1);border-radius:2px;width:8px;height:8px}.viz-cap{font-size:.8rem;margin:0!important}.viz-link{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:0;padding:4px 0;text-decoration:underline}.viz-table-wrap{overflow-x:auto}.viz-table-wrap[hidden]{display:none}.viz-table{border-collapse:collapse;width:100%;font-size:.9rem}.viz-table th,.viz-table td{border-bottom:1px solid var(--border);text-align:left;padding:6px 8px;font-weight:400}.viz-table thead th{color:var(--muted)}.viz-table .num{text-align:right;font-variant-numeric:tabular-nums}.viz-opts{color:var(--muted);margin:4px 0 0;padding-left:16px;font-size:.8rem}.viz-seg button{white-space:nowrap;margin-top:0}.viz-link{text-align:left}.pe-clips{flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 8px;display:flex}.pe-clips button[role=tab]{border:1px solid var(--border);background:var(--card);color:var(--fg);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:200px;padding:6px 12px;overflow:hidden}.pe-clips button[role=tab][aria-selected=true]{background:var(--accent);border-color:var(--accent);color:#fff}.pe-clips button[role=tab].bad{border-color:#c0392b}.pe-picker{border:1px solid var(--border);background:var(--card);border-radius:10px;gap:8px;margin:0 0 10px;padding:10px;display:grid}.pe-picker-list{gap:6px;max-height:320px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.pe-picker-list .pe-item{text-align:left;align-items:center;gap:10px;width:100%;display:flex}.pe-picker-list img,.pe-thumb-empty{object-fit:cover;background:#000;border-radius:6px;flex:none;width:54px;height:96px}.pe-thumb-empty{display:inline-block}.pe-share-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.pe-share-list li{border:1px solid var(--border);background:var(--card);border-radius:8px;gap:6px;padding:8px 10px;display:grid}.pe-code{overflow-wrap:anywhere;color:var(--muted);font-size:.8rem;display:block}.pe-qr{border:1px solid var(--border);color:#1a1a1a;background:#fff;border-radius:10px;align-items:center;gap:12px;padding:10px;display:flex}.pe-qr img{background:#fff}.gen{gap:16px;max-width:760px;display:grid}.gen textarea{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--fg);font:inherit;resize:vertical;border-radius:8px;padding:10px}.gen-usage{border:1px solid var(--border);background:var(--card);border-radius:10px;gap:6px;padding:12px;display:grid}.gen-meter{background:var(--border);border-radius:4px;flex:1;height:8px;overflow:hidden}.gen-meter>div{background:var(--accent);height:100%;transition:width .3s}.gen-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.gen-item{border:1px solid var(--border);background:var(--card);border-radius:10px;gap:6px;padding:12px;display:grid}.gen-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.gen-prompt{white-space:pre-wrap;overflow-wrap:anywhere}.gen-progress{align-items:center;gap:10px;display:flex}.comp-scenes{gap:12px;margin:0;padding:0;list-style:none;display:grid}.comp-scene{border:1px solid var(--border);background:var(--card);border-radius:10px;gap:8px;padding:12px;display:grid}.comp-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.comp-scene textarea{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--fg);font:inherit;border-radius:8px;padding:8px}