:root{color-scheme:dark;--green:#b6ef63;--line:#30403f}*{box-sizing:border-box}body{margin:0;font:14px system-ui,sans-serif;background:#101719;color:#edf1ee}button,input,select,textarea{font:inherit}button{border:1px solid #40514d;background:#1c292a;color:#e9f0eb;border-radius:7px;padding:10px 13px;cursor:pointer}button:hover{border-color:var(--green)}button:disabled{opacity:.4;cursor:default}.primary{background:var(--green);color:#16200c;font-weight:700;border-color:var(--green)}a{color:var(--green)}header{height:76px;display:flex;align-items:center;gap:12px;padding:16px 24px;border-bottom:1px solid var(--line)}.brand{font-size:25px;display:flex;align-items:center;gap:10px;text-decoration:none}.brand small{font-size:9px;letter-spacing:2px;color:#9baea5;margin-left:12px}.spacer{flex:1}#connection{font-size:11px;color:#9bb0a6}.hidden{display:none!important}.workspace{display:flex}aside{width:270px;flex-shrink:0;padding:24px;background:#152023;border-right:1px solid var(--line)}aside button{width:100%;margin:5px 0;text-align:left}h3{font-size:11px;letter-spacing:2px;color:#a9bcb0;margin:26px 0 18px}label{display:block;font-size:12px;color:#c0cfc5;margin:12px 0}input:not([type=checkbox]):not([type=range]),select,textarea{display:block;width:100%;margin-top:6px;border:1px solid #3a4c45;border-radius:6px;padding:10px;background:#0f191b;color:#edf1ee}input[type=color]{height:40px}input[type=range]{width:100%;accent-color:var(--green)}input[type=checkbox]{accent-color:var(--green)}input[type=file]{font-size:10px}.hint{font-size:11px;color:#9caf9f;line-height:1.65}main{padding:30px;min-width:0;flex:1}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--green)}h1{font-size:30px;font-weight:550;margin:12px 0}h2{font-size:24px;font-weight:500}.intro p{color:#9bafa3;font-size:12px;margin-bottom:25px}#stage,#viewstage{padding:12px;border-radius:9px;background:#0d1416;background-size:cover;background-position:center}#grid,#viewgrid{display:grid;gap:12px}.tile{position:relative;aspect-ratio:16/9;background:#172529;border:1px solid #35453f;border-radius:7px;overflow:hidden;min-height:0;min-width:0}.tile video,.tile iframe{display:block;border:0;width:100%;height:100%;object-fit:contain;background:#050909}.tile .empty{height:100%;display:flex;align-items:center;justify-content:center;color:#71897c;font-size:30px;background:radial-gradient(#21332d,#142023)}.tile .caption{position:absolute;bottom:0;left:0;right:0;padding:25px 12px 10px;background:linear-gradient(transparent,#000c);font-size:12px;pointer-events:none}.caption strong{border-left:3px solid var(--green);padding-left:8px}.tile .status{position:absolute;top:8px;left:8px;font-size:9px;background:#0a1313d9;padding:4px 6px;color:#b4cbb9}.tile .tools{position:absolute;top:6px;right:6px;display:flex;gap:4px}.tools button{font-size:10px;padding:4px 7px;background:#0c1615df}.tile.selected{border:2px solid var(--green)}.tile.focused{position:fixed;inset:80px 10px 10px;aspect-ratio:auto;z-index:10;background:#000}.card{padding:30px;border:1px solid var(--line);border-radius:12px;background:#162125}.narrow{max-width:520px;margin:70px auto}.card p{line-height:1.6;color:#b3c6ba}.sender{max-width:850px;margin:35px auto;padding:0 18px}.row{display:flex;gap:12px}.row>*{flex:1;min-width:0}#preview{width:100%;aspect-ratio:16/9;background:#050909;margin:15px 0;border-radius:8px}meter{width:100%;accent-color:var(--green)}dialog{width:min(560px,94vw);max-height:90vh;padding:28px;border:1px solid #426047;background:#162225;color:#edf1ee;border-radius:12px}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;background:#0b1415;padding:12px}#linkValue{resize:vertical}#toast{display:none;position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--green);color:#14200e;padding:14px 20px;border-radius:8px;z-index:30;max-width:90vw}.smallitem{border-top:1px solid var(--line);padding:9px 0;font-size:11px}.smallitem button{font-size:10px;padding:6px}.viewerbar{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:12px 20px}.viewerbar h2{font-size:18px;margin:0}#viewstage{margin:0 12px}.output header{height:50px}.output .brand,.output #connection,.output #install,.output #output{display:none}.output .viewerbar,.output #viewmessage{display:none}.output #viewer{height:calc(100vh - 50px)}.output #viewstage{height:100%;margin:0;border-radius:0}.output #viewgrid{height:100%}.output .tile{aspect-ratio:auto}body:fullscreen header,body:fullscreen .viewerbar{display:none}body:fullscreen #viewer,body:fullscreen #viewstage{height:100vh}#viewmessage{padding:0 20px}@media(max-width:750px){header{gap:6px;padding:10px}.brand{font-size:19px}.brand small,#connection{display:none}header button{font-size:10px;padding:8px}.workspace{display:block}aside{width:100%}main{padding:16px}.row{flex-wrap:wrap}.row>*{min-width:180px}h1{font-size:24px}}