.ppo-root{--border:#d9d7de;--panel:#f5f4f7;--accent:#162e64;--accent-contrast:#fff;--muted:#6f6b78;--error:#c22f2f;--error-bg:#fdecec;--warn-text:#9a3b12;--warn-bg:#fdeee5;--paper-surround:#e9e8ee;max-width:72rem;accent-color:var(--yoshinyan-orange);margin:0 auto;padding:2rem 1rem 4rem}@media (prefers-color-scheme:dark){.ppo-root{--paper-surround:#15141a;--border:#3a3841;--panel:#201f24;--accent:#fb713c;--accent-contrast:#041b55;--muted:#a09caa;--error:#ef8080;--error-bg:#3a1d1d;--warn-text:#f2b28c;--warn-bg:#3a2417}}.ppo-section,.ppo-run,.ppo-rejected{margin-top:2rem}.ppo-section h2,.ppo-run h2,.ppo-rejected h2{margin:0 0 .75rem;font-size:1.05rem}.ppo-hint{color:var(--muted);margin:.4rem 0 0;font-size:.85rem}.ppo-summary{color:var(--muted);margin:.75rem 0 0;font-size:.9rem}.ppo-filename{overflow-wrap:anywhere;color:var(--text,inherit);font-weight:600}.ppo-empty{border:1px dashed var(--border);text-align:center;color:var(--muted);border-radius:.9rem;margin:1rem 0;padding:1.5rem}.ppo-dropzone{border:2px dashed var(--border);text-align:center;cursor:pointer;background:var(--panel);border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:2.5rem 1rem;display:flex}.ppo-dropzone.ppo-compact{padding:1rem}.ppo-dropzone:hover,.ppo-dropzone.ppo-over{border-color:var(--accent)}.ppo-dropzone:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ppo-dropzone-label{font-weight:600}.ppo-dropzone-hint{color:var(--muted);font-size:.85rem}.ppo-toolbar{z-index:2;background:var(--bg,canvas);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.5rem 1.25rem;padding:.6rem 0;display:flex;position:sticky;top:0}.ppo-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.ppo-count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem}.ppo-grid{grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:1rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.ppo-card{border:1px solid var(--border);background:var(--panel);border-radius:.9rem;flex-direction:column;gap:.4rem;min-width:0;padding:.5rem;display:flex}.ppo-card.ppo-selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.ppo-card.ppo-cut{border-left:4px solid var(--warn-text)}.ppo-card.ppo-dragging{opacity:.7;z-index:1;position:relative}.ppo-card-top{color:var(--muted);align-items:center;gap:.35rem;font-size:.75rem;display:flex}.ppo-position{font-variant-numeric:tabular-nums;color:inherit;font-weight:700}.ppo-source{text-overflow:ellipsis;white-space:nowrap;margin-left:auto;overflow:hidden}.ppo-handle{color:var(--muted);cursor:grab;touch-action:none;background:0 0;border:none;padding:.25rem;font-size:1rem;line-height:1}.ppo-thumb{border:1px solid var(--border);background:var(--paper-surround);cursor:pointer;border-radius:.5rem;padding:0;overflow:hidden}.ppo-thumb:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ppo-frame{aspect-ratio:1/1.414;justify-content:center;align-items:center;width:100%;display:flex}.ppo-image{object-fit:contain;width:100%;height:100%;display:block}.ppo-image-quarter{width:141.4%;height:70.7%}.ppo-thumb-loading{background:linear-gradient(100deg, var(--panel) 30%, var(--border) 50%, var(--panel) 70%);background-size:200% 100%;width:100%;height:100%;animation:1.4s linear infinite ppo-shimmer;display:block}@media (prefers-reduced-motion:reduce){.ppo-thumb-loading{animation:none}}@keyframes ppo-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.ppo-thumb-failed{color:var(--muted);text-align:center;padding:.5rem;font-size:.75rem}.ppo-card-actions{gap:.2rem;display:flex}.ppo-card-actions .ppo-iconbtn{flex:1 1 0;min-width:0;padding:0 .15rem}.ppo-cutbtn{border:1px solid var(--border);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:.4rem;min-height:2rem;padding:.3rem;font-size:.72rem}.ppo-cutbtn[aria-pressed=true]{border-color:var(--warn-text);background:var(--warn-bg);color:var(--warn-text);font-weight:600}.ppo-fieldset{border:1px solid var(--border);border-radius:.7rem;margin:0;padding:.75rem 1rem}.ppo-fieldset legend{padding:0 .35rem;font-size:.8rem;font-weight:600}.ppo-radio{align-items:center;gap:.5rem;min-height:2.25rem;padding:.25rem 0;display:flex}.ppo-split{flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-top:.75rem;display:flex}.ppo-split .ppo-hint{flex-basis:100%;margin:0}.ppo-field{min-width:0;margin-top:.75rem}.ppo-field-name{max-width:24rem}.ppo-field-number{max-width:10rem}.ppo-field label{margin-bottom:.25rem;font-size:.8rem;font-weight:600;display:block}.ppo-field input,.ppo-field select{box-sizing:border-box;border:1px solid var(--border);width:100%;font:inherit;color:inherit;background:canvas;border-radius:.5rem;min-height:2.75rem;padding:.5rem .6rem}.ppo-field input:focus-visible,.ppo-field select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.ppo-field input:disabled,.ppo-field select:disabled{opacity:.6}.ppo-btn{border:1px solid var(--accent);background:var(--accent);color:var(--accent-contrast);font:inherit;cursor:pointer;border-radius:.6rem;min-height:2.75rem;padding:.55rem 1.1rem;font-weight:600}.ppo-btn-primary{margin-top:.5rem;font-size:1.05rem}.ppo-btn-small{min-height:2.25rem;padding:.35rem .8rem;font-size:.85rem}.ppo-btn-secondary{color:inherit;border-color:var(--border);background:0 0}.ppo-iconbtn{border:1px solid var(--border);color:inherit;min-width:2rem;min-height:2.25rem;font:inherit;cursor:pointer;background:0 0;border-radius:.4rem}.ppo-danger{color:var(--error)}.ppo-btn:disabled,.ppo-iconbtn:disabled,.ppo-cutbtn:disabled,.ppo-linkbtn:disabled{opacity:.5;cursor:not-allowed}.ppo-btn:focus-visible,.ppo-iconbtn:focus-visible,.ppo-cutbtn:focus-visible,.ppo-handle:focus-visible,.ppo-linkbtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ppo-linkbtn{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;padding:.35rem 0;font-size:.85rem;text-decoration:underline}.ppo-run{border-top:1px solid var(--border);padding-top:1.5rem}.ppo-outcome{margin:.75rem 0 0;font-size:.9rem}.ppo-progress{min-height:1.4em;margin:.75rem 0 0;font-size:.9rem}.ppo-warning,.ppo-error{border-radius:.4rem;margin:.5rem 0 0;padding:.5rem .75rem;font-size:.85rem}.ppo-warning{border-left:3px solid var(--warn-text);background:var(--warn-bg);color:var(--warn-text)}.ppo-error{border-left:3px solid var(--error);background:var(--error-bg);color:var(--error)}.ppo-rejected{border:1px solid var(--error);background:var(--error-bg);border-radius:.9rem;padding:1rem}.ppo-rejected ul{gap:.5rem;margin:0;padding:0;font-size:.9rem;list-style:none;display:grid}.ppo-rejected li{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}@media (width<=30rem){.ppo-grid{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr))}.ppo-toolbar{gap:.4rem .75rem}}