@font-face{font-family:Nunito Sans;font-style:normal;font-weight:200 1000;font-stretch:100%;font-display:swap;src:url(../media/f813d0b748b050e0-s.109ulqh0wub5u.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:200 1000;font-stretch:100%;font-display:swap;src:url(../media/dcd150d580a10316-s.02m2p-env-7db.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:200 1000;font-stretch:100%;font-display:swap;src:url(../media/d261779aa92de579-s.0slsd4dj30esv.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:200 1000;font-stretch:100%;font-display:swap;src:url(../media/24ce79ed121239f3-s.187m47s3z4syd.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:200 1000;font-stretch:100%;font-display:swap;src:url(../media/f141b5b7abe57afc-s.p.380f-mwhk0aej.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Sans Fallback;src:local(Arial);ascent-override:99.71%;descent-override:34.82%;line-gap-override:0.0%;size-adjust:101.39%}.nunito_sans_6c21f0a2-module__q8T8lW__className{font-family:Nunito Sans,Nunito Sans Fallback;font-style:normal}.nunito_sans_6c21f0a2-module__q8T8lW__variable{--font-nunito:"Nunito Sans", "Nunito Sans Fallback"}
@font-face{font-family:Titillium Web;font-style:normal;font-display:swap;font-weight:600;src:url(../media/titillium-web-latin-600-normal.1rqxy492wqcaw.woff2)format("woff2"),url(../media/titillium-web-latin-600-normal.2u3iaurazbrl2.woff)format("woff")}
@font-face{font-family:Titillium Web;font-style:normal;font-display:swap;font-weight:700;src:url(../media/titillium-web-latin-700-normal.1ou8tie05k2us.woff2)format("woff2"),url(../media/titillium-web-latin-700-normal.2k5kss8p5s8s5.woff)format("woff")}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-titillium:"Titillium Web";--capitec-blue:#00486d;--capitec-blue-bright:#009de0;--capitec-red:#e61414;--capitec-white:#fff;--capitec-black:#3a3a3a;--editor-bg:#080d12;--panel:#101820;--panel-raised:#151f29;--panel-soft:#1a2631;--line:#273642;--line-strong:#3b4f5e;--text:#f4f7f9;--muted:#93a4b1;--muted-strong:#bcc8d1;--focus:#47c5f3;--danger:#ef5151;--success:#4ed6a8;--warning:#ffc857;--radius:12px;--shadow:0 18px 55px #00000059}*{box-sizing:border-box}html,body{min-height:100%}body{background:radial-gradient(circle at 20% -10%, #009de021, transparent 28rem), var(--editor-bg);color:var(--text);font-family:var(--font-nunito), "Nunito Sans", Arial, sans-serif;margin:0;font-size:14px}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--focus);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.48}.editor-shell{min-height:100vh}.editor-loading{min-height:100vh;color:var(--focus);justify-content:center;align-items:center;gap:12px;display:flex}.editor-loading div{gap:3px;display:grid}.editor-loading strong{color:var(--text);font-size:16px}.editor-loading span{color:var(--muted-strong);font-size:14px}.app-header{z-index:50;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a1016f5;align-items:center;gap:24px;min-height:72px;padding:12px 22px;display:flex;position:sticky;top:0}.brand-lockup{align-items:center;gap:12px;min-width:330px;display:flex}.brand-lockup img{object-fit:contain;background:#fff;border-radius:12px;width:42px;height:42px;padding:6px}.brand-lockup div{flex-direction:column;gap:2px;display:flex}.brand-lockup strong{letter-spacing:-.01em;font-size:15px}.brand-lockup span,.autosave-status{color:var(--muted);font-size:11px}.engine-badge{border:1px solid var(--line-strong);color:var(--muted-strong);letter-spacing:.02em;border-radius:999px;align-items:center;margin-left:8px;padding:2px 7px;font-size:10px;font-weight:800;line-height:1.35;display:inline-flex}.engine-badge--html{color:#8edfff;background:#47c5f31a;border-color:#47c5f37a}.header-actions{flex:1;justify-content:flex-end;align-items:center;gap:8px;display:flex}.button,.icon-button{min-height:36px;color:var(--text);cursor:pointer;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:7px;font-weight:700;text-decoration:none;transition:border-color .14s,background-color .14s,transform .14s,opacity .14s;display:inline-flex}.button{background:0 0;padding:8px 12px;font-size:12px}.button:not(:disabled):hover,.icon-button:not(:disabled):hover{transform:translateY(-1px)}.button--primary{background:var(--capitec-red);border-color:#f22727;box-shadow:0 8px 24px #e6141433}.button--primary:hover{background:#f12626}.button--secondary{border-color:var(--line-strong);background:var(--panel-soft)}.button--secondary:hover{background:#21303b;border-color:#557080}.button--ghost{color:var(--muted-strong)}.button--ghost:hover{background:var(--panel-soft);color:var(--text)}.button--danger{color:#ff9c9c;background:#ef51511f;border-color:#ef515166}.button--small{min-height:30px;padding:5px 9px;font-size:11px}.icon-button{border-color:var(--line);background:var(--panel-soft);width:34px;min-height:34px;padding:0}.icon-button--primary{border-color:var(--capitec-blue-bright);background:var(--capitec-blue)}.subheader{border-bottom:1px solid var(--line);background:#0d141b;justify-content:space-between;align-items:center;gap:20px;min-height:52px;padding:8px 22px;display:flex}.workspace-tabs,.project-actions,.preset-switcher{align-items:center;gap:5px;display:flex}.workspace-tabs{border:1px solid var(--line);background:#090f14;border-radius:10px;padding:4px}.workspace-tabs button,.preset-switcher button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:7px;font-weight:800;display:inline-flex}.workspace-tabs button{padding:7px 13px;font-size:12px}.workspace-tabs button.is-active,.preset-switcher button.is-active{background:var(--panel-soft);color:var(--text);box-shadow:inset 0 0 0 1px var(--line-strong)}.project-actions{gap:3px}.engine-route-link{border-color:var(--line);margin-right:4px}.autosave-status{align-items:center;gap:5px;margin-left:8px;display:inline-flex}.notice,.render-status{border:1px solid;border-radius:10px;align-items:center;gap:10px;margin:12px 22px 0;display:flex}.notice{min-height:42px;padding:8px 12px}.notice span{flex:1}.notice button{color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.notice--success{color:#9ff0d3;background:#4ed6a814;border-color:#4ed6a859}.notice--error{color:#faa;background:#ef515117;border-color:#ef515159}.notice--warning{color:#ffe0a1;background:#ffc85714;border-color:#ffc85759}.render-status{border-color:var(--line-strong);background:var(--panel-raised);box-shadow:var(--shadow);padding:11px 13px}.render-status__icon{width:32px;height:32px;color:var(--capitec-blue-bright);background:#009de01f;border-radius:50%;place-items:center;display:grid}.render-status--completed .render-status__icon{color:var(--success);background:#4ed6a81f}.render-status--failed .render-status__icon{color:var(--danger);background:#ef51511f}.render-status__body{flex-direction:column;flex:1;gap:5px;display:flex}.render-status__body span{color:var(--muted-strong);font-size:12px}.render-status__actions{align-items:center;gap:7px;display:flex}.progress-track{background:#071016;border-radius:10px;width:min(520px,100%);height:5px;overflow:hidden}.progress-track div{border-radius:inherit;background:linear-gradient(90deg, var(--capitec-blue), var(--capitec-blue-bright));height:100%;transition:width .15s linear}.editor-main{grid-template-columns:minmax(0,1fr) 360px;min-height:calc(100vh - 124px);display:grid}.editor-main__canvas{min-width:0;padding:18px 18px 32px 22px}.properties-panel{border-left:1px solid var(--line);scrollbar-color:var(--line-strong) transparent;background:#0f171ff2;align-self:start;height:calc(100vh - 72px);position:sticky;top:72px;overflow-y:auto}.panel-heading{z-index:2;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f171ff7;justify-content:space-between;align-items:center;padding:17px 18px;display:flex;position:sticky;top:0}.panel-heading h2{margin:2px 0 0;font-size:15px}.eyebrow{color:var(--capitec-blue-bright);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:900}.type-pill,.badge{border:1px solid var(--line-strong);background:var(--panel-soft);color:var(--muted-strong);text-transform:capitalize;border-radius:999px;align-items:center;gap:5px;padding:4px 8px;font-size:10px;font-weight:800;display:inline-flex}.badge--warning{color:var(--warning);border-color:#ffc85773}.properties-section{border-bottom:1px solid var(--line);flex-direction:column;gap:11px;padding:16px 18px 21px;display:flex}.properties-section--selected{background:#009de006}.section-title{color:var(--muted-strong);letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:11px;font-weight:900;display:flex}.section-title--sub{border-top:1px solid var(--line);margin-top:7px;padding-top:12px}.locked-label{color:var(--muted);letter-spacing:normal;text-transform:none;align-items:center;gap:4px;font-size:9px;display:inline-flex}.field{flex-direction:column;gap:5px;min-width:0;display:flex}.field__label{color:var(--muted);letter-spacing:.02em;font-size:10px;font-weight:800}.field__hint{color:var(--muted);font-size:9px}.field input,.field textarea,.field select,.asset-control input{border:1px solid var(--line);width:100%;color:var(--text);background:#0b1218;border-radius:7px}.field input,.field select,.asset-control input{min-height:34px;padding:7px 9px}.field textarea{resize:vertical;min-height:62px;padding:8px 9px;line-height:1.4}.field input:hover,.field textarea:hover,.field select:hover,.asset-control input:hover{border-color:var(--line-strong)}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.color-field{grid-template-columns:34px minmax(0,1fr);gap:5px;display:grid}.color-field input[type=color]{cursor:pointer;padding:4px}.asset-control{border:1px solid var(--line);background:#0d151c;border-radius:9px;flex-direction:column;gap:6px;padding:10px;display:flex}.asset-control__current{min-width:0;color:var(--muted-strong);align-items:center;gap:6px;font-size:11px;display:flex}.asset-control__current>span:not(.badge){text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.asset-control__dropzone{appearance:none;border:1px dashed var(--line-strong);width:100%;min-height:72px;color:inherit;cursor:pointer;text-align:left;background:#0b1218;border-radius:8px;flex-direction:column;justify-content:center;align-items:stretch;gap:9px;padding:10px;transition:border-color .14s,background-color .14s,box-shadow .14s;display:flex}.asset-control__dropzone:hover{border-color:var(--capitec-blue-bright);background:#009de00f}.asset-control__dropzone.is-drag-active{border-color:var(--focus);background:#009de024;box-shadow:inset 0 0 0 1px #47c5f361}.asset-control__upload-prompt{color:var(--focus);justify-content:center;align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.asset-control__hint,.asset-control__error{font-size:9px;line-height:1.35}.asset-control__hint{color:var(--muted)}.asset-control__error{color:var(--danger)}.asset-control__url{grid-template-columns:minmax(0,1fr) auto;gap:5px;display:grid}.overlay-actions{border-top:1px solid var(--line);flex-wrap:wrap;gap:6px;padding-top:10px;display:flex}.video-workspace{flex-direction:column;gap:16px;min-width:0;display:flex}.preview-panel,.timeline-panel,.image-workspace{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);overflow:hidden}.preview-toolbar,.timeline-heading,.image-workspace__heading{border-bottom:1px solid var(--line);background:var(--panel-raised);justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.preview-toolbar>div:first-child,.timeline-heading>div:first-child{flex-direction:column;gap:2px;display:flex}.preview-toolbar strong,.timeline-heading strong{font-size:12px}.engine-readiness{border-bottom:1px solid var(--line);min-height:56px;color:var(--muted-strong);background:#009de00e;align-items:center;gap:14px;padding:9px 14px;display:flex}.engine-readiness--ready{color:#9ff0d3;background:#4ed6a80e}.engine-readiness--failed{color:#faa;background:#ef515112}.engine-readiness__summary{flex:310px;align-items:center;gap:9px;min-width:250px;display:flex}.engine-readiness__summary>div{gap:1px;display:grid}.engine-readiness__summary strong{color:var(--text);font-size:11px}.engine-readiness__summary span{text-overflow:ellipsis;white-space:nowrap;max-width:520px;font-size:10px;overflow:hidden}.engine-readiness__steps{flex:auto;justify-content:flex-end;gap:10px;margin:0;padding:0;list-style:none;display:flex}.engine-readiness__steps li{color:var(--muted);white-space:nowrap;align-items:center;gap:4px;font-size:9px;font-weight:800;display:inline-flex}.engine-readiness__steps li>span{background:var(--line-strong);border-radius:50%;width:6px;height:6px}.engine-readiness__steps li.is-active{color:#8edfff}.engine-readiness__steps li.is-active>span{background:var(--focus);box-shadow:0 0 0 3px #47c5f31f}.engine-readiness__steps li.is-complete{color:#9ff0d3}.engine-readiness__steps li.is-complete>span{background:#4ed6a8}.preset-switcher{border:1px solid var(--line);background:#0b1218;border-radius:8px;padding:3px}.preset-switcher button{padding:5px 10px;font-size:10px}.preview-viewport{background-color:#0d151c;background-image:linear-gradient(45deg,#0b1117 25%,#0000 25%),linear-gradient(-45deg,#0b1117 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#0b1117 75%),linear-gradient(-45deg,#0000 75%,#0b1117 75%),none;background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;height:clamp(320px,100dvh - 300px,650px);min-height:320px;position:relative;overflow:hidden}.composition-stage{transform-origin:0 0;position:absolute;box-shadow:0 24px 60px #0000008c}.html-player-loading{z-index:1;color:var(--focus);background:#070b0e;place-items:center;display:grid;position:absolute;inset:0}.interaction-layer{z-index:10;pointer-events:auto;position:absolute;inset:0}.overlay-selection{cursor:pointer;border:2px solid #0000}.overlay-selection:hover{border-color:#47c5f3a6}.overlay-selection--selected{border-color:var(--focus);background:#47c5f309;box-shadow:0 0 0 1px #000000a6}.overlay-selection--selected .react-resizable-handle,.overlay-selection--selected>div[style*="position: absolute"]{border-radius:2px;background:var(--focus)!important;border:2px solid #0d151c!important}.overlay-selection__label{background:var(--focus);color:#041019;white-space:nowrap;border-radius:5px 5px 5px 0;padding:4px 7px;font-size:11px;font-weight:900;display:none;position:absolute;top:-27px;left:-2px}.overlay-selection--selected .overlay-selection__label{display:block}.playback-controls{border-top:1px solid var(--line);background:var(--panel-raised);align-items:center;gap:8px;min-height:54px;padding:9px 13px;display:flex}.scrubber{accent-color:var(--capitec-red);flex:1}.timecode{min-width:52px;color:var(--muted-strong);font-variant-numeric:tabular-nums;text-align:center;font-size:11px}.timeline-panel{min-width:0}.timeline-heading{min-height:48px}.timeline-heading>span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.timeline-grid{scrollbar-color:var(--line-strong) transparent;grid-template-columns:176px minmax(640px,1fr);max-height:360px;display:grid;position:relative;overflow:auto}.timeline-label,.timeline-canvas{border-bottom:1px solid #273642ad;min-height:38px}.timeline-label{z-index:3;border:0;border-right:1px solid var(--line);min-width:0;color:var(--muted-strong);text-align:left;background:#111a22;border-bottom:1px solid #273642ad;align-items:center;gap:7px;padding:0 11px;font-size:11px;display:flex;position:sticky;left:0}.timeline-label--row:not(:disabled){cursor:pointer}.timeline-label--row:not(:disabled):hover,.timeline-label--selected{color:var(--text);background:#182632}.timeline-label span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.timeline-label--ruler{z-index:5;min-height:32px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:900}.timeline-canvas{background-color:#0c141a;background-image:linear-gradient(90deg,#4154622e 1px,#0000 1px);background-size:6.6815% 100%;min-width:640px;position:relative}.timeline-ruler{cursor:crosshair;min-height:32px}.timeline-tick{background:var(--line-strong);width:1px;position:absolute;top:0;bottom:0}.timeline-tick span{color:var(--muted);font-size:9px;position:absolute;top:7px;left:4px}.timeline-track{position:absolute;inset:0}.timeline-clip{color:#fff;cursor:grab;-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,#155879,#0d769e);border:1px solid #317ea1;border-radius:5px;align-items:center;gap:5px;font-size:10px;font-weight:800;overflow:visible;display:flex!important}.timeline-clip:active{cursor:grabbing}.timeline-clip>span{text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0;padding:0 8px;overflow:hidden}.timeline-clip--locked{color:#9aabb5;cursor:default;background:#233039;border-color:#344650;height:27px;padding:0 8px;position:absolute;top:5px}.timeline-clip--locked>span{padding:0}.timeline-clip--selected{border-color:#89e2ff;box-shadow:0 0 0 1px #041019,0 0 0 3px #47c5f359}.timeline-handle{z-index:2;cursor:ew-resize;background:#ffffffad;width:10px!important}.timeline-playhead{z-index:7;background:var(--capitec-red);pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.timeline-playhead:before{background:var(--capitec-red);content:"";border-radius:0 0 4px 4px;width:9px;height:8px;position:absolute;top:0;left:-4px}.timeline-playhead--full{z-index:8;height:100%;left:176px}.image-workspace{min-height:calc(100vh - 175px)}.image-workspace__heading{padding:16px 18px}.image-workspace__heading h2{letter-spacing:-.02em;margin:3px 0 0;font-size:19px}.image-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:14px;padding:18px;display:grid}.image-preview-card{border:1px solid var(--line);background:#0b1218;border-radius:10px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.image-preview-card__meta{border-bottom:1px solid var(--line);color:var(--success);justify-content:space-between;align-items:center;gap:12px;padding:10px 11px;display:flex}.image-preview-card__meta div{flex-direction:column;gap:2px;display:flex}.image-preview-card__meta strong{color:var(--text);font-size:12px}.image-preview-card__meta span{color:var(--muted);font-size:10px}.image-preview-card__canvas{background:radial-gradient(circle,#009de014,#0000 70%),#080e13;flex:1;justify-content:center;align-items:center;min-height:470px;padding:18px;display:flex}.image-preview-card__canvas>div{box-shadow:0 18px 45px #0000008c}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.visually-hidden{clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}@media (max-width:1280px){.app-header{flex-wrap:wrap}.brand-lockup{min-width:290px}.header-actions{flex-wrap:wrap}.editor-main{grid-template-columns:minmax(0,1fr) 330px}.image-preview-grid{grid-template-columns:1fr}.image-preview-card__canvas{min-height:360px}}@media (max-width:900px){.app-header,.subheader{position:static}.app-header,.subheader,.header-actions,.project-actions{align-items:stretch}.subheader{flex-direction:column}.engine-readiness{flex-direction:column;align-items:flex-start}.engine-readiness__steps{flex-wrap:wrap;justify-content:flex-start;width:100%}.editor-main{flex-direction:column;display:flex}.properties-panel{border-top:1px solid var(--line);border-left:0;height:auto;position:static}.preview-viewport{height:min(70dvh,520px);min-height:320px}}