:root{--primary: oklch(69.389% .14551 63.785);--accent: oklch(from var(--primary) .96 .02 h);--accent-focus: oklch(from var(--primary) .9 .06 h);--link: oklch(from var(--primary) .6 c h);--background: white;--text: #1e1e1e;--success: #2e7d32;--error: #c62828;--radius: 4px;--spacing: 2rem}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--background);color:var(--text);line-height:1.6}.container{max-width:800px;margin:0 auto;padding-block:calc(2*var(--spacing));padding-inline:var(--spacing);text-align:center;display:flex;flex-direction:column;gap:var(--spacing);justify-content:center;min-height:100vh;box-sizing:border-box}header{text-align:center}img{max-width:100%;height:auto;margin:0 auto}img.vwbus{width:70%}img.flags{width:80%}h1{color:var(--primary);margin:0;font-size:clamp(1.25rem,11vw,5rem);line-height:.8em;font-weight:500}p{margin:0 0 .5em}a{color:var(--link)}label,strong{font-weight:600}header,div.form,footer{--spacing: 1rem;display:flex;flex-direction:column;gap:var(--spacing)}label{display:block;margin-bottom:.5rem;font-weight:500}input[type=text],input[type=file]{width:100%;padding:.75rem;border:none;background:var(--accent);border-radius:var(--radius);font-size:1rem;box-sizing:border-box;text-align:center}input[type=text]:focus,input[type=file]:focus,input[type=text]:focus-visible,input[type=file]:focus-visible,input[type=text]:active,input[type=file]:active{background:var(--accent-focus)}.dropzone{background:var(--accent);border-radius:var(--radius);padding:1rem 2rem;text-align:center;cursor:pointer;transition:all .3s}.dropzone:hover{background-color:var(--accent)}.dropzone.active{border-color:var(--success);background-color:#2e7d321a}button{background-color:var(--primary);color:#fff;border:0;padding:.75rem 1.5rem;border-radius:var(--radius);cursor:pointer;font-size:1rem;font-weight:500;transition:background-color .3s}button:hover{background-color:#b8915b}button:disabled{background-color:var(--accent-focus);color:var(--text);cursor:not-allowed}.status{padding:.5rem;border-radius:var(--radius)}.success{background-color:#2e7d3233;color:var(--success)}.error{background-color:#c6282833;color:var(--error)}progress{width:100%;height:8px;border-radius:var(--radius);margin:1rem 0}.video-preview{margin:0;max-width:100%;border-radius:var(--radius);overflow:hidden}.video-preview video{width:100%;background:#000}footer{text-align:center;font-size:.8rem}footer a{text-decoration:none}.privacy-text{font-size:.8rem;color:#666;font-style:italic}.upload-window-notice{font-size:.8rem;color:var(--primary);font-weight:500;margin-top:.5rem;padding:.5rem;background:var(--accent);border-radius:var(--radius);border-left:3px solid var(--primary)}.upload-closed-content{color:var(--primary);font-size:.8rem;background:var(--accent);border-radius:var(--radius);border-left:3px solid var(--primary);box-sizing:border-box}.upload-closed-content h2{margin:0}.duration-info{margin:0;font-size:.8rem}.duration-info .error{color:var(--error);background:transparent;font-weight:700}.progress-container{margin:1rem 0}.build-notice{max-width:800px;margin:1rem auto;background:#fff3cd;border:1px solid #ffe69c;color:#664d03;border-radius:var(--radius);padding:.75rem 1rem;font-size:.8rem}.step-indicator{display:flex;justify-content:center;gap:var(--spacing);position:relative}.step-indicator:before{content:"";position:absolute;top:15px;left:0;right:0;border-top:2px dashed var(--accent-focus);z-index:1}.step{flex:0 0 30%;display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.step span{width:30px;height:30px;border-radius:50%;background:var(--accent-focus);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:.5rem;transition:all .3s}.step.active span{background:var(--primary);color:#fff}.step.completed span{background:var(--success);color:#fff}.step-label{font-size:.8rem;color:var(--text);font-weight:500}.step.active .step-label{color:var(--primary)}.step.completed .step-label{color:var(--success)}.button-group{display:flex;gap:1rem;justify-content:center}.back-button{background-color:var(--accent);color:var(--primary)}.next-button,.upload-button{background-color:var(--primary);color:#fff}.reset-button{background-color:var(--success)}.confirmation-step{text-align:center}.confirmation-icon{font-size:3rem;color:var(--success);line-height:1em}.confirmation-step h2{color:var(--success);margin:0}@media (max-width: 600px){.step-indicator{gap:1rem}.step-label{font-size:.7rem}}