@font-face{font-family:Oswald;font-style:normal;font-weight:500 600;font-display:block;src:url(/fonts/oswald-latin-500-600.woff2) format("woff2")}:root{font-family:Verdana,Geneva,sans-serif;color:#8eeef6;background:#011224;font-synthesis:none;--cyan: #8eeef6;--orange: #ff8c42}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#011224}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:3px}a:focus-visible{outline:3px solid #fff;outline-offset:3px}.app-shell{position:relative;min-height:100vh;min-height:100svh;display:grid;place-items:center;isolation:isolate;padding:max(16px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:radial-gradient(ellipse 78% 96% at 9.3% 8.9%,#00274f,#011c3a,#011224)}.app-shell:before{content:"";position:fixed;z-index:0;top:1.76vh;left:6.6vw;width:min(70.67vw,99.4vh);aspect-ratio:1017.67 / 972.828;pointer-events:none;background:url(/figma-assets/browser-background-bird.svg) center / 100% 100% no-repeat}.player-window{--stage-width: 90cqw;position:relative;z-index:1;container-type:inline-size;width:min(800px,100%,103svh);aspect-ratio:100 / 92;min-height:620px;overflow:hidden;border:1px solid rgb(142 238 246 / 23%);border-radius:9px;background:radial-gradient(ellipse at center,#032a55,#021e3d,#011224);box-shadow:0 22px 80px #00000073}.player-header{position:relative;height:16.75cqw}h1{position:absolute;z-index:2;top:3.875cqw;left:4.5cqw;margin:0;color:var(--cyan);font:500 6.5cqw/1 Oswald,sans-serif;text-shadow:0 0 16.5px var(--cyan)}.direction-lines{position:absolute;top:calc(8.5cqw - 7px);left:35.125cqw;width:38.875cqw;height:7.625cqw}.speaker-preview{position:absolute;top:4.375cqw;right:5.875cqw;width:24.5cqw;height:16.5cqw}.speaker-preview svg,.speaker-preview img{position:absolute;left:-.625cqw;width:25.75cqw;height:6.75cqw}.speaker-preview svg{top:-.5cqw;overflow:visible}.speaker-preview img{top:10.25cqw}.speaker-preview-room{stroke:#8eeef62e;filter:drop-shadow(0 0 1.3px #1f4355)}.speaker-preview ellipse{fill:#8eeef633;filter:drop-shadow(0 4px 2px rgb(0 0 0 / 25%))}.speaker-preview ellipse.is-active{fill:var(--orange)}.media-stage{position:relative;width:var(--stage-width);height:50.625cqw;margin-left:4.875cqw;overflow:hidden;border:2px dashed rgb(142 238 246 / 30%);border-radius:16px;background:#1f293b7f}.media-stage.has-source{border-style:solid}.media-stage:has(.drop-area.is-dragging){border-color:var(--orange);border-style:solid}.media-stage video{display:block;width:100%;height:100%;object-fit:contain}.drop-area{position:absolute;inset:0;border-radius:inherit;transition:background .15s,box-shadow .15s}.drop-area.is-dragging{background:#ff8c421f;box-shadow:none}.drop-area.is-replacement:not(.is-dragging) .drop-trigger img,.drop-area.is-replacement:not(.is-dragging) .drop-trigger strong,.drop-area.is-replacement:not(.is-dragging) .drop-trigger span{display:none}.drop-area.is-replacement .drop-trigger{cursor:pointer}.drop-trigger{position:absolute;inset:0;width:100%;border:0;color:inherit;background:transparent}.drop-trigger img{position:absolute;top:9.125cqw;left:calc(50% - 4cqw);width:8cqw;height:8cqw}.drop-trigger strong{position:absolute;top:23.75cqw;left:50%;width:230px;transform:translate(-50%);color:var(--orange);font-size:2.875cqw;font-weight:400;text-align:center}.drop-trigger span{position:absolute;top:34cqw;left:calc(50% - 4.625cqw);color:#8eeef64f;font-size:3cqw}.source-badge{position:absolute;pointer-events:none;top:12px;left:12px;display:flex;gap:10px;border:1px solid rgb(142 238 246 / 35%);border-radius:4px;padding:6px 9px;color:var(--cyan);background:#011224c2;font:500 13px Oswald,sans-serif;opacity:0;transition:opacity .35s ease}.source-badge.is-visible{opacity:1}.source-badge span{opacity:.55}.status{position:absolute;top:76.125cqw;left:4.875cqw;width:var(--stage-width);min-height:16px;display:flex;align-items:center;gap:7px;color:#8eeef6a8;font-size:10px}.status strong{color:var(--cyan);text-transform:capitalize}.status-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#8eeef673}.status-ready .status-dot,.status-playing .status-dot{background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.status-error,.status-error strong{color:#ff9a67}.status-error .status-dot{background:var(--orange)}.status progress{width:132px;margin-left:auto;accent-color:var(--cyan)}.resource-warning{position:absolute;top:78.5cqw;left:4.875cqw;width:min(var(--stage-width),500px);margin:0;color:#8eeef66b;font-size:9px;line-height:1.3}.player-footer{position:absolute;top:82.25cqw;right:4.375cqw;left:4.875cqw;height:7.5cqw;display:flex;align-items:center;gap:4.75cqw}.footer-controls{position:relative;width:29cqw;aspect-ratio:232 / 60;height:auto;flex:0 0 auto}.controls{display:contents}.eclipser-link{position:absolute;inset:0;display:block;overflow:visible;color:var(--cyan);text-decoration:none;font:600 2.875cqw/1 Oswald,sans-serif;text-shadow:0 0 8px rgb(142 238 246 / 45%);transition:filter .12s ease,transform .12s ease}.eclipser-link-art{position:absolute;inset:0;pointer-events:none}.eclipser-link-art img{position:absolute;display:block;max-width:none}.eclipser-link-outer-frame{position:absolute;inset:0;display:block;transform:rotate(180deg);transform-origin:center}.eclipser-link-outer{top:-7.833%;left:-2.026%;width:104.052%;height:115.667%}.eclipser-link-inner-frame{position:absolute;top:8.333%;left:2.155%;width:95.69%;height:83.333%;display:block;transform:rotate(180deg);transform-origin:center}.eclipser-link-inner{inset:0;width:100%;height:100%}.eclipser-link-bird{position:absolute;top:5%;left:9.483%;width:23.276%;height:90%;max-width:none}.eclipser-link-label{position:absolute;inset:21.667% 31.897% 25% 36.638%;display:flex;align-items:center;justify-content:center;white-space:nowrap}.eclipser-link-arrow{position:absolute;top:38.953%;left:80.172%;width:7.284%;height:22.092%;max-width:none;transform:rotate(-45deg)}.eclipser-link:hover{filter:brightness(1.18) drop-shadow(0 0 5px rgb(142 238 246 / 55%))}.eclipser-link:active{transform:scale(.98)}.playback-transport{position:absolute;top:-13.75cqw;left:0;width:var(--stage-width);min-height:6.75cqw;display:grid;grid-template-columns:auto auto minmax(0,5fr) auto minmax(0,1fr);align-items:center;gap:1.125cqw;border:2px solid rgb(142 238 246 / 30%);border-radius:8px;padding:1.5cqw 2cqw;color:var(--cyan);background:#011224e0;box-shadow:0 6px 20px #0000003d;font-size:1.375cqw}.transport-toggle{width:clamp(32px,4cqw,40px);height:clamp(32px,4cqw,40px);display:grid;place-items:center;margin:-6px 0 -6px -8px;padding:0;border:0;border-radius:50%;color:var(--cyan);background:transparent;cursor:pointer;transition:background-color .12s ease,filter .12s ease,transform .12s ease}.transport-toggle svg{width:22px;height:22px;fill:currentColor}.transport-toggle:hover:not(:disabled){background:#8eeef61f;filter:drop-shadow(0 0 5px rgb(142 238 246 / 65%))}.transport-toggle:active:not(:disabled){transform:scale(.9)}.transport-toggle:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.transport-toggle:disabled{cursor:not-allowed;opacity:.36}.time{min-width:32px;font-variant-numeric:tabular-nums}.timeline-label,.timeline-label input,.volume-label,.volume-label input{width:100%}.playback-transport input{display:block;accent-color:var(--cyan)}.playback-transport input:disabled{opacity:1;appearance:none;-webkit-appearance:none;background:transparent}.playback-transport input:disabled::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:#8eeef647}.playback-transport input:disabled::-webkit-slider-thumb{width:14px;height:14px;margin-top:-4px;appearance:none;-webkit-appearance:none;border:1px solid var(--cyan);border-radius:50%;background:var(--cyan);box-shadow:0 0 5px #8eeef63d}.playback-transport input:disabled::-moz-range-track{height:6px;border-radius:999px;background:#8eeef647}.playback-transport input:disabled::-moz-range-thumb{width:12px;height:12px;border:1px solid var(--cyan);border-radius:50%;background:var(--cyan);box-shadow:0 0 5px #8eeef63d}.demo-field{position:relative;isolation:isolate;width:22.5cqw;aspect-ratio:180 / 39;align-self:flex-start;height:auto;margin-top:.325cqw;flex:0 0 auto;transition:filter .12s ease}.footer-controls>.demo-field{position:absolute;top:.325cqw;left:calc(100% + 4.75cqw)}.demo-field.is-open{z-index:2}.demo-border{position:absolute;top:-18.72%;left:-4.06%;width:108.12%;height:137.44%;pointer-events:none}.demo-border img{display:block;width:100%;height:100%}.demo-trigger{position:relative;z-index:1;width:100%;height:100%;appearance:none;border:0;padding:0 3.444cqw 0 1.375cqw;color:var(--cyan);background:transparent;font:600 2cqw Oswald,sans-serif;line-height:1;transform:translate(2px,-1px);cursor:pointer;text-align:left}.demo-trigger:focus-visible{outline:0}.demo-field:hover,.demo-field:focus-within{filter:brightness(1.18) drop-shadow(0 0 5px rgb(142 238 246 / 55%))}.demo-arrow{position:absolute;z-index:2;top:calc(27.63% + 3px);right:7.94%;width:10.35%;height:calc(40% - 2px);transform:rotate(180deg);pointer-events:none}.demo-menu{position:absolute;z-index:10;right:0;bottom:calc(100% + 1.5cqw);width:100%;display:grid;gap:3px;border:2px solid rgb(142 238 246 / 30%);border-radius:8px;padding:6px;background-color:#011224;opacity:1;-webkit-backdrop-filter:none;backdrop-filter:none;isolation:isolate;box-shadow:0 6px 20px #0000003d}.demo-option{width:100%;min-height:30px;border:0;border-radius:4px;padding:5px 8px;color:var(--cyan);background:transparent;font:600 14px/1.15 Oswald,sans-serif;text-align:left;cursor:pointer}.demo-option:hover,.demo-option:focus-visible,.demo-option.is-selected{outline:0;background:#8eeef61f;box-shadow:inset 0 0 0 1px #8eeef64d}.martinic-logo{position:relative;width:29.25cqw;height:7.5cqw;margin-left:auto;color:var(--cyan);text-decoration:none;font:500 6cqw/1 Oswald,sans-serif;text-shadow:0 0 15.2px var(--cyan)}.martinic-logo>span:last-child{position:absolute;top:calc(50% + 1.1875cqw);right:.25cqw;left:9.25cqw;height:6cqw;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;line-height:normal;text-align:center;white-space:nowrap}.martinic-bird{position:absolute;top:0;left:0;width:7.5cqw;height:7.5cqw;overflow:visible}.martinic-bird img{position:absolute;top:-1.375cqw;left:-1.375cqw;width:10.25cqw;height:10.25cqw;max-width:none}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}@media(max-width:640px)and (orientation:portrait){.app-shell{display:block;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.player-window{--stage-width: calc(100cqw - 32px) ;width:min(100%,430px);min-height:0;margin:0 auto;aspect-ratio:auto;overflow:visible}.player-header{height:90px}h1{top:22px;left:16px;font-size:clamp(36px,10vw,44px)}.direction-lines{display:none}.speaker-preview{top:16px;right:14px;transform:scale(.95);transform-origin:top right}.media-stage{width:var(--stage-width);height:auto;margin-left:16px;aspect-ratio:9 / 16;border-radius:14px}.drop-trigger img{top:25%;left:50%;width:clamp(62px,18vw,78px);height:clamp(62px,18vw,78px);transform:translate(-50%)}.drop-trigger strong{top:52%;width:min(82%,280px);font-size:clamp(21px,5.5vw,25px);line-height:1.2}.drop-trigger span{top:72%;left:50%;transform:translate(-50%);font-size:clamp(19px,5vw,23px)}.source-badge{max-width:calc(100% - 24px);flex-wrap:wrap;gap:4px 9px;font-size:13px}.status{position:static;width:var(--stage-width);min-height:20px;margin:12px 16px 0;font-size:12px}.resource-warning{position:static;width:var(--stage-width);margin:5px 16px 0;font-size:11px;line-height:1.4}.player-footer{position:static;width:var(--stage-width);height:auto;margin:22px 16px 24px;display:flex;flex-direction:column;align-items:center;gap:24px}.footer-controls{position:static;width:100%;height:auto;aspect-ratio:auto;display:flex;flex-direction:column;align-items:center;gap:24px}.controls{display:contents}.playback-transport{position:relative;top:auto;left:auto;order:1;width:100%;min-height:64px;grid-template-columns:auto auto minmax(0,5fr) auto minmax(54px,1fr);gap:8px;padding:14px;font-size:14px}.transport-toggle{width:38px;height:38px;margin:-5px 0 -5px -5px}.transport-toggle svg{width:24px;height:24px}.footer-controls>.demo-field{position:relative;top:auto;left:auto;order:2;width:min(292px,84vw);margin:0;align-self:center}.demo-trigger{padding-left:14px;color:var(--cyan);background:linear-gradient(90deg,rgb(142 238 246 / 12%),rgb(142 238 246 / 2%) 42%,transparent 78%);box-shadow:inset 0 0 15px #8eeef666;clip-path:polygon(0 0,92% 0,100% 20%,100% 100%,8% 100%,0 80%);font-size:clamp(22px,5.76vw,24px)}.demo-border{opacity:.84}.demo-arrow{filter:drop-shadow(0 0 .5px var(--cyan))}.demo-trigger>span{white-space:nowrap}.demo-menu{top:calc(100% + 12px);bottom:auto;gap:5px;padding:7px}.demo-option{min-height:40px;padding:8px 10px;font-size:17px}.eclipser-link{position:relative;inset:auto;order:3;width:min(292px,84vw);aspect-ratio:232 / 60;height:auto;font-size:clamp(20px,6vw,26px)}.martinic-logo{display:flex;width:fit-content;height:58px;margin:0;font-size:44px;align-items:flex-end;justify-content:center;gap:15px}.martinic-logo>span:last-child{position:relative;inset:3px auto auto;height:auto;transform:none;display:block;line-height:1}.martinic-bird{position:relative;top:auto;left:auto;width:58px;height:58px;flex:0 0 58px}.martinic-bird img{top:-11px;left:-11px;width:80px;height:80px}}@media(max-width:360px)and (orientation:portrait){.app-shell{padding-right:10px;padding-left:10px}.player-window{--stage-width: calc(100cqw - 24px) }h1{font-size:34px}.media-stage,.status,.resource-warning,.player-footer{margin-left:12px;margin-right:12px}.playback-transport{grid-template-columns:auto auto minmax(0,4fr) auto minmax(44px,1fr);padding-right:10px;padding-left:10px}}@media(orientation:landscape)and (max-width:1000px){.app-shell{place-items:start center;padding:16px}.player-window{width:min(96vw,980px);min-height:0;aspect-ratio:100 / 92}}