:root{color-scheme:dark;--bg: #171717;--panel: #202020;--border: #333;--text: #fff7e9;--muted: #a8a29e;--accent: #ff6a18;accent-color:var(--accent);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0}h1,h2{margin:0 0 .5rem}.muted{color:var(--muted);margin:.25rem 0}.row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}input,select,button{font:inherit;color:inherit;background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:.45rem .6rem}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.ghost{background:transparent}label{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem;color:var(--muted)}.setup{max-width:960px;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.brand{display:flex;align-items:center;gap:.75rem}.brand h1{margin:0}.tagline{margin:0;font-weight:600;color:var(--accent)}.app-shell{height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:var(--bg)}.app-header{display:flex;align-items:center;gap:1rem;padding:.3rem .9rem;border-bottom:1px solid var(--border);background:var(--panel-2, var(--panel))}.app-header .brand{gap:.6rem}.app-header h1{font-size:1.05rem}.app-header .tagline{font-size:.75rem}.app-header .language{flex-direction:row;align-items:center;gap:.35rem;margin-left:auto}.header-chips{display:flex;gap:.4rem;flex-wrap:wrap}.chip{font-size:.75rem;padding:.2rem .55rem;border:1px solid var(--border);border-radius:999px;color:var(--muted);white-space:nowrap}.workspace{display:grid;min-height:0}.field{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem;color:var(--muted)}.side-pane{container:side / inline-size;display:flex;flex-direction:column;gap:.4rem;padding:.45rem .6rem;overflow-y:auto;min-height:0}.side-pane label,.side-pane .field,.camera-panel label,.camera-panel .field{font-size:.78rem;gap:.1rem}.side-pane input,.side-pane select,.side-pane button,.camera-panel input,.camera-panel select,.camera-panel button{padding:.18rem .4rem;font-size:.85rem}.group{border:1px solid var(--border);border-radius:8px;background:var(--panel);padding:0 .6rem}.group>summary{cursor:pointer;padding:.25rem 0;font-weight:600;font-size:.85rem}.group>summary::marker{color:var(--muted)}.group>*:not(summary){margin-bottom:.45rem}.group-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.group-head p{margin:0;font-size:.75rem}.group-head button{flex:none;white-space:nowrap}.meeting-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem .5rem}.meeting-grid .span-2{grid-column:span 2}.meeting-grid select,.meeting-grid input{width:100%;min-width:0}.meeting-grid .row{flex-wrap:nowrap;gap:.3rem}.meeting-grid .row>input{flex:1 1 0;width:auto}.meeting-grid .row>input[type=checkbox],.meeting-grid .row>button{flex:none}.preview-pane{container-type:inline-size;display:flex;flex-direction:column;gap:.5rem;padding:.6rem .9rem;min-height:0;overflow:hidden;background:var(--bg)}.splitter{cursor:col-resize;background:var(--border);border:0}.splitter:hover,.splitter:focus-visible{background:var(--accent)}.app-footer{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.35rem .9rem;border-top:1px solid var(--border);background:var(--panel-2, var(--panel))}.app-footer button{padding:.35rem .85rem}.app-footer .row{margin-left:auto}.app-footer a{color:var(--muted)}.footer-links{order:-1;font-size:.72rem;line-height:1.3}.footer-links .muted{margin:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.participants{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.2rem}.participant{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr) 5.5rem auto auto;gap:.3rem;align-items:center}.participant>input,.participant>select{width:100%;min-width:0}.participant>button{padding:.2rem .45rem}.participant .rate{color:var(--muted);font-size:.78rem;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}@container side (max-width: 440px){.meeting-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.participant{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name remove" "role role" "salary rate"}.participant>input:first-child{grid-area:name}.participant>button{grid-area:remove}.participant>select{grid-area:role}.participant>input[type=number]{grid-area:salary}.participant .rate{grid-area:rate}}.share-link{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.share-link input{flex:1;min-width:16rem}.camera-command{display:block;padding:.5rem .6rem;background:var(--panel);border:1px solid var(--border);border-radius:6px;font-family:Cascadia Mono,Consolas,monospace;font-size:.85rem;overflow-wrap:anywhere}.share{max-width:640px}.share-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin:0}.share-stats div{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:1rem}.share-stats dt{color:var(--muted);font-size:.9rem}.share-stats dd{margin:.25rem 0 0;font-size:1.6rem;font-weight:700;font-variant-numeric:tabular-nums}.share-stats .share-cost{color:var(--accent)}a.button{align-self:flex-start;text-decoration:none;border-radius:6px;padding:.45rem .9rem}a.button.primary{background:var(--accent);color:#fff;font-weight:600}@media(max-width:720px){.participant{grid-template-columns:minmax(0,1fr) auto}}.checkbox{flex-direction:row;align-items:center;gap:.5rem}.mode-switch{flex:none;display:flex;flex-wrap:wrap;gap:.25rem 1rem}.preview{margin:0;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:.3rem}.camera-panel{flex:none;display:flex;flex-direction:column;gap:.4rem;padding-top:.5rem;border-top:1px solid var(--border)}.camera-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.4rem .75rem;align-items:end}.camera-fields select{width:100%;min-width:0}.camera-fields .checkbox{font-size:.8rem;gap:.3rem}.camera-driver{font-size:.78rem}.camera-driver .muted{margin:0}.camera-error{margin:0;color:#fca5a5;font-size:.8rem}.camera-help>summary{cursor:pointer;font-size:.78rem;color:var(--muted)}.camera-help p{font-size:.78rem}.style-pick-row{display:flex;gap:.5rem;align-items:flex-end}.style-pick-row label{flex:1 1 0;min-width:0}.style-pick-row select{width:100%}.style-pick-row button{flex:none}.style-groups{display:flex;flex-direction:column;gap:.35rem}.style-table{display:flex;flex-direction:column;gap:.1rem}.style-row{display:grid;grid-template-columns:5.6rem 3.2rem minmax(0,1fr) minmax(0,1.1fr) 3.6rem;gap:.4rem;align-items:center;font-size:.8rem}.style-head{font-size:.66rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);white-space:nowrap}.style-row>input[type=checkbox]{justify-self:center}.style-row select{width:100%;min-width:0}.style-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.style-size{display:flex;align-items:center;gap:.3rem;min-width:0}.style-size input[type=range]{flex:1;min-width:0}.style-value{width:2.4rem;text-align:right;color:var(--muted);font-size:.72rem;font-variant-numeric:tabular-nums}.style-color{display:flex;align-items:center;gap:.2rem}.style-color input[type=color]{width:1.7rem;height:1.4rem;padding:.05rem}.style-color button{padding:.1rem .35rem;line-height:1}.style-bg .bg-mode{grid-column:span 2}.style-sliders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.style-sliders input[type=range]{width:100%}@container side (max-width: 440px){.style-head{display:none}.style-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;row-gap:.2rem}.style-row .style-name{grid-column:span 2}.style-bg .style-name{grid-column:1 / -1}.style-bg .bg-mode{grid-column:auto}.style-sliders{grid-template-columns:1fr}}.overlay-editor{display:contents}.stage-fit{flex:1 1 0;min-height:0;container-type:size;display:grid;align-items:start;justify-items:start}.overlay-editor>.stage-fit{flex:0 1 48vh;max-height:calc(100cqw / var(--ratio, 1.7778))}.stage-fit>.counter-view.embedded{width:min(100cqw,calc(100cqh * 16 / 9))}.overlay-stage{position:relative;width:100%;background:repeating-conic-gradient(#1a1d24 0% 25%,#14171d 0% 50%) 50% / 24px 24px;border:1px solid #2b2f38;border-radius:8px;overflow:hidden;touch-action:none}.stage-bar{flex:none;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.8rem}.stage-bar .muted{margin:0}.stage-bar .stage-hint{margin-left:auto}.stage-bar button{padding:.25rem .55rem;font-size:.85rem}@media(max-width:900px){.workspace{grid-template-columns:1fr!important}.splitter{display:none}.app-shell{height:auto;min-height:100vh}.side-pane,.preview-pane{overflow:visible}.preview-pane .stage-fit{flex:none;height:min(56vw,60vh)}}.overlay-card{position:absolute;overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;transform-origin:center}.overlay-card:active{cursor:grabbing}.overlay-card.fixed,.overlay-card.fixed:active{cursor:default}.overlay-card:focus-visible{outline-offset:-4px}.overlay-card .counter-view.embedded{height:100%;aspect-ratio:auto;border:0;border-radius:inherit}.overlay-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.overlay-note{position:absolute;top:.5rem;left:.5rem;z-index:2;margin:0;padding:.25rem .5rem;border-radius:6px;background:#0009;color:#fff;font-size:.78rem}.overlay-error{position:absolute;inset:auto .5rem .5rem;z-index:2;margin:0;padding:.5rem .6rem;border-radius:6px;background:#7f1d1de6;color:#fff;font-size:.85rem}.overlay-turn{position:absolute;top:4px;left:50%;transform:translate(-50%);display:grid;place-items:center;width:22px;height:22px;border:1px solid rgb(255 255 255 / .45);border-radius:50%;background:#0f1115bf;color:#fff;font-size:13px;line-height:1;cursor:grab;touch-action:none}.overlay-turn:active{cursor:grabbing}.overlay-turn:focus-visible{outline:2px solid #93c5fd;outline-offset:2px}.overlay-handle{position:absolute;right:3%;bottom:3%;width:16px;height:16px;border-right:3px solid currentColor;border-bottom:3px solid currentColor;color:#fff;opacity:.8;cursor:nwse-resize;touch-action:none}.counter-page{height:100vh;position:relative}button.counter-stop{position:absolute;right:.75rem;bottom:.75rem;background:#0009;border-color:#fff6;color:#fff;opacity:0;pointer-events:none;transition:opacity .12s ease}.counter-page:hover button.counter-stop,button.counter-stop:focus-visible{opacity:1;pointer-events:auto}.counter-stop:hover{background:#000c}@media(prefers-reduced-motion:reduce){button.counter-stop{transition:none}}.counter-view{container-type:size;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text);background:var(--bg-paint);text-align:center;overflow:hidden}.counter-view[data-bg=solid]{--bg-paint: color-mix(in srgb, var(--bg) calc(var(--bg-opacity) * 1%), transparent)}.counter-view[data-bg=gradient]{--bg-paint: linear-gradient( var(--bg-angle), color-mix(in srgb, var(--bg) calc(var(--bg-opacity) * 1%), transparent), color-mix(in srgb, var(--bg-alt) calc(var(--bg-opacity) * 1%), transparent) )}.counter-view.embedded{height:auto;aspect-ratio:16 / 9;border:1px solid var(--border);border-radius:8px}.counter-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:1cqh;padding:3cqw;transform:rotate(var(--rotation, 0deg));transform-origin:center}.counter-view .decoration{position:absolute;top:0;right:0;font-size:6cqh;transform:translate(40%,-40%)}.counter-view .label{margin:0;text-transform:uppercase;letter-spacing:.1em;font-family:var(--el-label-font);font-size:calc(4cqh * var(--el-label-size));color:var(--el-label-color, var(--muted))}.counter-view .total{margin:0;font-family:var(--el-cost-font);font-weight:var(--weight);font-size:min(calc(13cqw * var(--el-cost-size) * var(--fit, 1)),calc(26cqh * var(--el-cost-size) * var(--fit, 1)));font-variant-numeric:tabular-nums;line-height:1.1;white-space:nowrap;color:var(--el-cost-color, var(--text))}.counter-view .total.measure{position:absolute;visibility:hidden;pointer-events:none}.counter-view .plates{display:inline-flex;gap:.08em;align-items:center;vertical-align:middle}.counter-view .plate{position:relative;display:inline-grid;place-items:center;flex:none;width:.72em;height:1.15em;border-radius:.08em;background:color-mix(in srgb,var(--bg-alt) calc(var(--bg-opacity) * 1%),transparent);perspective:5em}.counter-view .plate-half{position:absolute;left:0;right:0;height:50%;overflow:hidden;pointer-events:none;z-index:1}.counter-view .plate-half>span{position:absolute;left:0;right:0;height:200%;display:grid;place-items:center}.counter-view .plate-half-top{top:0}.counter-view .plate-half-top>span{top:0}.counter-view .plate-half-bottom{bottom:0}.counter-view .plate-half-bottom>span{bottom:0}.counter-view .plate-flap{z-index:2;background:color-mix(in srgb,var(--bg-alt) calc(var(--bg-opacity) * 1%),transparent);backface-visibility:hidden}.counter-view .plate-flap-top{border-radius:.08em .08em 0 0;transform-origin:bottom;animation:plate-flap-top calc(var(--flip) / 2) ease-in forwards}.counter-view .plate-flap-bottom{border-radius:0 0 .08em .08em;transform-origin:top;animation:plate-flap-bottom calc(var(--flip) / 2) ease-in calc(var(--flip) / 2) forwards}@keyframes plate-flap-top{0%{transform:rotateX(0);filter:brightness(1)}to{transform:rotateX(-90deg);filter:brightness(calc(1 - var(--flip-shade, .35)))}}@keyframes plate-flap-bottom{0%{transform:rotateX(0);filter:brightness(1)}to{transform:rotateX(90deg);filter:brightness(calc(1 - var(--flip-shade, .35)))}}.counter-view .plate:after{content:"";position:absolute;left:0;right:0;top:calc(50% - .02em);height:.04em;pointer-events:none;z-index:3;background:color-mix(in srgb,var(--bg) calc(var(--bg-opacity) * 1%),transparent)}.counter-view .plate-space{flex:none;width:.4em}.counter-view.running .total{color:var(--el-cost-color, var(--accent))}.counter-view .status{margin:0;font-family:var(--el-status-font);font-size:calc(4cqh * var(--el-status-size));color:var(--el-status-color, var(--muted))}.counter-view .time{font-family:var(--el-elapsed-font);font-variant-numeric:tabular-nums;color:var(--el-elapsed-color, var(--text))}.stats{display:flex;gap:4cqw;flex-wrap:wrap;justify-content:center;margin:1cqh 0 0}.stats dd{margin:0;font-variant-numeric:tabular-nums}.stats>div[data-el=elapsed] dt,.stats>div[data-el=elapsed] dd{font-family:var(--el-elapsed-font)}.stats>div[data-el=elapsed] dt{font-size:calc(3.5cqh * var(--el-elapsed-size));color:var(--el-elapsed-color, var(--muted))}.stats>div[data-el=elapsed] dd{font-size:min(calc(3.5cqw * var(--el-elapsed-size)),calc(7cqh * var(--el-elapsed-size)));color:var(--el-elapsed-color, var(--text))}.stats>div[data-el=personTime] dt,.stats>div[data-el=personTime] dd{font-family:var(--el-personTime-font)}.stats>div[data-el=personTime] dt{font-size:calc(3.5cqh * var(--el-personTime-size));color:var(--el-personTime-color, var(--muted))}.stats>div[data-el=personTime] dd{font-size:min(calc(3.5cqw * var(--el-personTime-size)),calc(7cqh * var(--el-personTime-size)));color:var(--el-personTime-color, var(--text))}.stats>div[data-el=costPerMinute] dt,.stats>div[data-el=costPerMinute] dd{font-family:var(--el-costPerMinute-font)}.stats>div[data-el=costPerMinute] dt{font-size:calc(3.5cqh * var(--el-costPerMinute-size));color:var(--el-costPerMinute-color, var(--muted))}.stats>div[data-el=costPerMinute] dd{font-size:min(calc(3.5cqw * var(--el-costPerMinute-size)),calc(7cqh * var(--el-costPerMinute-size)));color:var(--el-costPerMinute-color, var(--text))}@media(max-width:480px){.setup{padding:1rem;gap:1.25rem}.app-header{flex-wrap:wrap}.header-chips{order:3;width:100%}.app-footer .row>button{flex:1 1 100%}.share-link input{min-width:0}}