:root{font:16px -apple-system,BlinkMacSystemFont,sans-serif;color:#15313d;background:#edf3f5}body{margin:0;padding:env(safe-area-inset-top) 12px env(safe-area-inset-bottom)}main{max-width:900px;margin:auto}h1{font-size:1.45rem}button,select,input{font:inherit}button{padding:10px 13px;border:0;border-radius:8px;background:#173844;color:white;margin:4px 2px;min-height:44px}button:disabled{opacity:.45}.buttons{position:sticky;top:0;background:#edf3f5;padding:5px 0;z-index:1}canvas{width:100%;background:#152936;border-radius:10px}details,#result{background:white;padding:14px;margin:12px 0;border-radius:10px}summary{font-weight:bold;cursor:pointer}label{display:block;margin:12px 0}input[type=number],select{width:100%;box-sizing:border-box;padding:8px;border:1px solid #b8cbd3;border-radius:5px}input[type=checkbox]{width:20px;height:20px;vertical-align:middle}#rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:0 18px}p{line-height:1.5}#status{overflow-wrap:anywhere}#result.warning{background:#ffe1d2;color:#9a2e00}
:root .monitor{position:relative;height:min(45vh,380px);background:#152936;border-radius:10px;overflow:hidden}.monitor video,.monitor canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.monitor canvas[hidden]{display:none}#runtime{font-size:.9rem;font-weight:bold;margin:6px 0}#result{margin:6px 0 12px}

header{display:flex;align-items:center;justify-content:space-between;gap:8px}header small{font-size:.75rem}h2{font-size:1.1rem}.tabs{position:sticky;top:0;z-index:3;background:#edf3f5;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:6px 0}.tabs button{margin:0;padding:10px 2px;font-size:.9rem;background:#d8e4e9;color:#173844;border:2px solid transparent}.tabs button[aria-selected=true]{background:#173844;color:white}.tabs button:focus-visible{outline:3px solid #168f91;outline-offset:1px}[role=tabpanel][hidden]{display:none}.buttons{position:static}#stop{width:100%;background:#913b29}#tab-lock-note{font-size:.85rem}.tabs button:disabled{cursor:not-allowed;opacity:.35}
@media (max-width:600px){#result{line-height:1.5;min-height:4.5em;overflow-wrap:anywhere}}
.card{background:white;padding:14px;margin:12px 0;border-radius:10px}.card h2{margin:0 0 12px}.note{font-size:.85rem;color:#4c6570}input[type=file]{max-width:100%}[hidden]{display:none!important}.tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.record-list{list-style:none;padding:0;margin:10px 0}.record-list button{width:100%;text-align:left;background:#e7f0f2;color:#173844;white-space:pre-line}.record-list button[aria-pressed=true]{outline:2px solid #168f91}.record-list .empty{padding:10px;color:#4c6570}#record-video{width:100%;max-height:40vh;background:#152936;border-radius:10px}#record-result{margin:10px 0;line-height:1.5}#record-result.warning{background:#ffe1d2;padding:10px;border-radius:8px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.85rem}#model-info,#record-info,#record-message{overflow-wrap:anywhere}#record-player .buttons button{font-size:.85rem}.tabs button{white-space:nowrap}@media(max-width:400px){.tabs button{font-size:.75rem}}