:root{--bg:#121212;--bg-panel:#1c1c1c;--bg-stage:#0a0a0a;--line:#2e2e2e;--text:#e8e8e8;--text-dim:#9a9a9a;--accent:#d8a03c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background-color:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{overflow:hidden}button{font:inherit;color:inherit;background:var(--bg-panel);border:1px solid var(--line);cursor:pointer;border-radius:6px;min-height:44px;padding:0 1rem}button:hover{border-color:var(--accent)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;height:100%;padding:2rem;display:flex}.empty h1{letter-spacing:.02em;margin:0;font-size:2rem;font-weight:500}.lead{color:var(--text-dim);margin:0 0 1.5rem}.primary{border-color:var(--accent);min-height:56px;padding:0 2rem;font-size:1.125rem}.hint{max-width:34rem;color:var(--text-dim);margin:1.5rem 0 0}.hint.subtle{margin-top:.75rem;font-size:.875rem}.error{color:#e06c6c;margin-top:1.5rem}.hidden-input{display:none}.workspace{grid-template-rows:auto auto 1fr auto;min-width:0;height:100%;display:grid}.bar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:.75rem 1rem;min-width:0;padding:.75rem 1rem;font-size:.9375rem;display:flex}.folder{min-width:0;font-weight:500}.position,.progress{color:var(--text-dim);font-variant-numeric:tabular-nums}.notice{background:#2a2114;border-bottom:1px solid #4a3a1e;align-items:flex-start;gap:1rem;padding:.75rem 1rem;display:flex}.notice p{color:var(--text-dim);margin:.25rem 0 0}.notice ul{color:var(--text-dim);max-height:6rem;margin:.5rem 0 0;padding-left:1.25rem;font-size:.9375rem;overflow-y:auto}.notice button{flex:none;margin-left:auto}.stage{background:var(--bg-stage);justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative}.stage-canvas{width:100%;height:100%;display:block}.stage-empty{color:var(--text-dim)}.strip{border-top:1px solid var(--line);background:var(--bg-panel);min-width:0}.filmstrip{gap:.5rem;min-width:0;margin:0;padding:.75rem;list-style:none;display:flex;overflow:auto hidden}.frame{border-radius:6px;flex:none;position:relative}.frame[data-dragging=true]{opacity:.35}.frame[data-drop=true]{outline:2px solid var(--accent);outline-offset:2px}.frame-button{text-align:left;cursor:grab;background:0 0;border:1px solid #0000;border-radius:6px;width:148px;padding:.375rem;display:block}.frame-button:active{cursor:grabbing}.frame[data-current=true] .frame-button{border-color:var(--accent);background:#241d10}.frame-position{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:.75rem;display:block}.frame-image,.frame-placeholder{background:var(--bg-stage);border-radius:3px;width:100%;height:84px;display:block}.frame-placeholder{color:#e06c6c;place-items:center;font-size:.75rem;display:grid}.strip-hint{color:var(--text-dim);margin:0;padding:0 1rem .75rem;font-size:.8125rem}.dev-button{min-height:36px;color:var(--text-dim);margin-top:3rem;font-size:.8125rem}.presentation-controls{flex-wrap:wrap;align-items:center;gap:.75rem;margin-left:auto;display:flex}.presentation-controls button{min-height:36px;padding:0 .75rem;font-size:.875rem}.verbonden{color:#6fcf74;font-size:.875rem}.verbonden:before{content:"● "}.schakelaar{color:var(--text-dim);cursor:pointer;align-items:center;gap:.375rem;font-size:.875rem;display:flex}.waarschuwing{color:var(--accent);font-size:.875rem}kbd{border:1px solid var(--line);color:var(--text-dim);border-radius:3px;padding:.0625rem .3125rem;font-family:inherit;font-size:.8125em}.midden{grid-template-columns:minmax(0,1fr) 15rem;min-width:0;min-height:0;display:grid}.toestand{color:var(--accent);pointer-events:none;background:#0009;border-radius:4px;align-items:center;gap:.5rem;padding:.25rem .625rem;font-size:.8125rem;display:flex;position:absolute;bottom:.75rem;left:1rem}.toestand[data-origineel=true]{color:var(--text)}.sliders{border-left:1px solid var(--line);background:var(--bg-panel);flex-direction:column;gap:.875rem;padding:1rem;display:flex;overflow-y:auto}.slider label{color:var(--text-dim);justify-content:space-between;font-size:.8125rem;display:flex}.slider-waarde{font-variant-numeric:tabular-nums;color:var(--accent)}.slider input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:28px;margin:0}.slider input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(var(--text-dim), var(--text-dim)) 50% / 1px 9px no-repeat, var(--line);border-radius:2px;height:3px}.slider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--text-dim);border-radius:50%;width:16px;height:16px;margin-top:-6.5px}.slider input[type=range][data-actief=true]::-webkit-slider-thumb{background:var(--accent)}.slider input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.slider input[type=range]:disabled{opacity:.4;cursor:default}.sliders-hint{color:var(--text-dim);margin:0;font-size:.75rem}.sliders button{margin-top:auto;font-size:.875rem}.sliders button:disabled{opacity:.4;cursor:default;border-color:var(--line)}.paneel{border-left:1px solid var(--line);background:var(--bg-panel);flex-direction:column;min-height:0;display:flex;overflow-y:auto}.paneel .sliders{border-left:none;overflow:visible}.crop-controls{border-bottom:1px solid var(--line);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.crop-kop{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.crop-kop h2{margin:0;font-size:.9375rem;font-weight:500}.crop-kop button{min-height:32px;padding:0 .625rem;font-size:.8125rem}.crop-presets,.crop-modus{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.crop-presets button,.crop-modus button{flex:auto;min-height:32px;padding:0 .5rem;font-size:.8125rem}.crop-presets button[data-actief=true],.crop-modus button[data-actief=true]{border-color:var(--accent);color:var(--accent)}.crop-info{color:var(--text-dim);font-variant-numeric:tabular-nums;margin:0;font-size:.75rem}.crop-waarschuwing{color:var(--accent)}.crop-overlay{pointer-events:none;position:absolute;inset:0}.crop-overlay svg{display:block}.crop-kader{fill:#0000;stroke:#ffffffe6;stroke-width:1.5px;pointer-events:auto;cursor:move}.crop-raster{stroke:#ffffff59;stroke-width:1px;pointer-events:none}.crop-greep{fill:var(--accent);stroke:#0009;stroke-width:1px;pointer-events:auto;cursor:grab}.crop-greep:active{cursor:grabbing}.crop-midden{width:1px;height:1px;position:absolute}.sessie-controls{border-top:1px solid var(--line);flex-direction:column;gap:.5rem;padding:1rem;display:flex}.sessie-controls h2{margin:0;font-size:.9375rem;font-weight:500}.sessie-uitleg{color:var(--text-dim);margin:0;font-size:.75rem}.sessie-knoppen{gap:.25rem;display:flex}.sessie-knoppen button{flex:auto;min-height:32px;padding:0 .5rem;font-size:.8125rem}.sessie-ok{color:#6fcf74;margin:0;font-size:.75rem}.sessie-fout{color:#e06c6c;margin:0;font-size:.75rem}.recent{margin-top:2.5rem}.recent h2{color:var(--text-dim);margin:0 0 .5rem;font-size:.8125rem;font-weight:400}.recent ul{flex-wrap:wrap;justify-content:center;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.recent button{min-height:36px;padding:0 .75rem;font-size:.875rem}.export-controls{border-top:1px solid var(--line);flex-direction:column;gap:.5rem;padding:1rem;display:flex}.export-controls h2{margin:0;font-size:.9375rem;font-weight:500}.uitleg-knop,.tekstknop{min-height:0;color:var(--accent);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.uitleg-knop{min-height:36px;padding:0 .5rem;font-size:.875rem}.uitleg-achtergrond{z-index:10;background:#000000b3;place-items:center;padding:2rem 1rem;display:grid;position:fixed;inset:0}.uitleg{background:var(--bg-panel);border:1px solid var(--line);border-radius:8px;width:min(46rem,100%);max-height:100%;padding:1.5rem;line-height:1.65;overflow-y:auto}.uitleg header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.uitleg h2{margin:0;font-size:1.25rem;font-weight:500}.uitleg h3{color:var(--accent);margin:1.5rem 0 .5rem;font-size:1rem;font-weight:500}.uitleg p,.uitleg li{color:var(--text)}.uitleg ol,.uitleg ul{margin:0;padding-left:1.25rem}.uitleg li{margin-bottom:.375rem}.uitleg table{border-collapse:collapse;width:100%}.uitleg th{text-align:left;white-space:nowrap;vertical-align:top;padding:.25rem 1rem .25rem 0;font-weight:400}.uitleg td{color:var(--text-dim);padding:.25rem 0}.uitleg-terzijde{color:var(--text-dim);font-size:.9375rem}.frame-image,.frame-placeholder{transition:filter .12s ease-out}.frame[data-vervaagd=true] .frame-image,.frame[data-vervaagd=true] .frame-placeholder{filter:blur(10px)brightness(.55)}.naam-knop{min-height:32px;margin-right:auto;padding:0 .625rem;font-size:.875rem}.naam-knop:disabled{opacity:.4;cursor:default}.naam-zichtbaar{color:var(--accent);border-color:var(--accent);text-overflow:ellipsis;white-space:nowrap;max-width:20rem;overflow:hidden}.opnieuw-knop{min-height:32px;padding:0 .625rem;font-size:.875rem}.opnieuw-knop:disabled{opacity:.4;cursor:default}.presentation{cursor:none;background:#0a0a0a;place-items:center;display:grid;position:fixed;inset:0}.presentation-canvas{width:100%;height:100%;display:block}.presentation-position{color:#4a4a4a;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;font-size:.875rem;position:fixed;bottom:.75rem;right:1rem}.presentation-hint{text-align:center;max-width:32rem;color:var(--text-dim);padding:0 2rem;position:fixed}