:root{--bg:#0f1115;--panel:#171a21;--panel-2:#1f2430;--text:#e7e9ee;--muted:#9aa3b2;--accent:#4f8cff;--border:#2a3140;--radius:12px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}a{color:var(--accent)}.app{min-height:100dvh;padding:20px;padding-left:max(20px, env(safe-area-inset-left,20px));padding-right:max(20px, env(safe-area-inset-right,20px));padding-bottom:max(20px, env(safe-area-inset-bottom,20px));flex-direction:column;gap:16px;max-width:1200px;margin:0 auto;display:flex}.app__header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.app__title{margin:0;font-size:1.15rem;font-weight:600}.app__status{color:var(--muted);font-size:.85rem}.stage{flex:1;grid-template-columns:1fr 1fr;gap:16px;min-height:50vh;display:grid}.tile{border:1px solid var(--border);border-radius:var(--radius);aspect-ratio:16/9;background:#000;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.tile video{object-fit:cover;width:100%;height:100%}.tile__label{color:#fff;background:#0009;border-radius:999px;padding:3px 8px;font-size:.75rem;position:absolute;bottom:10px;left:10px}.tile__placeholder{color:var(--muted);font-size:.9rem}.controls{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:12px;padding:16px;display:flex}.controls__row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.controls__row label{color:var(--muted);min-width:90px;font-size:.8rem}.controls__row input[type=text]{background:var(--panel-2);border:1px solid var(--border);min-width:220px;min-height:44px;color:var(--text);border-radius:8px;flex:1;padding:9px 12px;font-size:16px}.controls__row input[type=text]:focus{outline:2px solid var(--accent);border-color:#0000}.btn{border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:pointer;touch-action:manipulation;border-radius:8px;min-height:44px;padding:11px 20px;font-size:.9rem;transition:filter .15s}.btn:hover{filter:brightness(1.15)}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn--danger{color:#fff;background:#b4453a;border-color:#b4453a}.btn:disabled{opacity:.5;cursor:not-allowed}.link{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.link code{background:var(--panel-2);border:1px solid var(--border);word-break:break-all;border-radius:8px;flex:1;padding:6px 10px;font-size:.8rem}@media (width<=640px){.stage{grid-template-columns:1fr}}@media (width<=480px){.app{padding:12px;padding-left:max(12px, env(safe-area-inset-left,12px));padding-right:max(12px, env(safe-area-inset-right,12px));padding-bottom:max(12px, env(safe-area-inset-bottom,12px));gap:12px}.app__title{font-size:1rem}.app__status{font-size:.75rem}.stage{min-height:40vh}.controls__row{flex-direction:column;align-items:stretch}.btn{text-align:center;width:100%}.link{flex-direction:column;align-items:stretch}.link code{width:100%}}