.header{padding:1rem 2rem;background:var(--panel);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}@media(max-width:1024px){.header{padding:.75rem 1rem}}.header .header-title{margin:0;font-size:1.25rem;font-weight:700;color:var(--primary);display:flex;align-items:center;gap:.5rem}@media(max-width:1024px){.header .header-title{font-size:1rem;gap:.25rem}}.header .header-title .header-title-link{display:flex;align-items:center;gap:.5rem;cursor:pointer;text-decoration:none;color:inherit}.header .header-logo{vertical-align:middle;margin-right:.5rem}.header .header-badge{font-size:1.2rem;margin-left:.5rem;padding:.2rem .5rem;background:var(--primary);color:var(--bg);border-radius:3px;font-weight:700}@media(max-width:1024px){.header .header-badge{font-size:.8rem;padding:.1rem .3rem;margin-left:.25rem}}.dropdown-card{position:absolute;top:100%;margin-top:.5rem;width:240px;background-color:var(--bg);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);padding:.75rem;z-index:100;display:flex;flex-direction:column;box-sizing:border-box}.dropdown-card--right{right:0}.dropdown-card--left{left:0}.dropdown-card *{box-sizing:border-box}.dropdown-section{padding:0}.dropdown-section:not(:last-child){border-bottom:1px solid var(--border);margin-bottom:.5rem;padding-bottom:.5rem}.dropdown-section:not(:first-child){padding-top:.5rem}.dropdown-label{display:block;padding:.25rem .75rem;text-transform:uppercase;font-size:.7rem;font-weight:600;color:var(--text-muted);letter-spacing:.05em}.dropdown-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.875rem;color:var(--text);text-decoration:none;border-radius:6px;transition:background-color .2s ease,color .2s ease;cursor:pointer}.dropdown-item:hover{background-color:var(--border);color:var(--primary)}.dropdown-item .meta-left{display:flex;align-items:center;gap:.5rem}.dropdown-item svg{font-size:1rem}.dropdown-meta-link{display:flex;justify-content:space-between;align-items:center;padding:.4rem .75rem;font-size:.8rem;color:var(--text);text-decoration:none;border-radius:6px;transition:background-color .2s ease,color .2s ease;cursor:pointer}.dropdown-meta-link:hover{background-color:var(--border);color:var(--primary)}.dropdown-meta-link:hover .dropdown-version-tag{background-color:var(--panel)}.dropdown-meta-link .meta-left{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.dropdown-version-tag{font-family:var(--mono);background-color:var(--code-bg);color:var(--text);padding:.1rem .4rem;border-radius:4px;font-size:.7rem}.dropdown-arrow{color:var(--text-muted);font-size:.7rem}.header-menu-container{position:relative;display:flex;align-items:center;gap:1rem}@media(max-width:1024px){.header-menu-container{gap:.5rem}}.header-sponsor-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;text-decoration:none;background-color:var(--sponsor-bg);color:var(--sponsor);transition:background-color .2s ease,transform .1s ease}@media(max-width:1024px){.header-sponsor-btn{padding:.4rem .6rem;font-size:.75rem}}.header-sponsor-btn .icon-heart{color:var(--sponsor)}.header-sponsor-btn:hover{background-color:var(--sponsor-hover)}.header-sponsor-btn:active{transform:scale(.98)}.header-burger-trigger{background:none;border:none;padding:.5rem;cursor:pointer;border-radius:6px;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease}.header-burger-trigger:hover{background-color:var(--border);color:var(--text)}.dropzone{border:2px dashed var(--border);border-radius:8px;padding:1.5rem;text-align:center;transition:all .2s ease;cursor:pointer;background:hsla(0,0%,100%,.02);color:var(--text-muted)}@media(max-width:1024px){.dropzone{padding:1rem}}.dropzone:hover:not(.disabled){background:hsla(0,0%,100%,.08);border-color:var(--primary);color:var(--text)}.dropzone.disabled{opacity:.5;cursor:not-allowed;border-style:solid;background:var(--panel)}.dropzone.disabled input,.dropzone.disabled label{cursor:not-allowed}.dropzone.dragging:not(.disabled){background:rgba(99,102,241,.1);border-color:var(--primary);transform:scale(1.02)}.dropzone.has-content:not(.disabled){border-style:solid;border-color:var(--primary);background:var(--panel)}.dropzone label{cursor:pointer;font-size:.95rem;color:var(--text)}.dropzone input[type=file]{margin-top:.5rem;width:100%;font-size:.95rem;color:var(--text-muted)}.btn{border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;padding:.6rem;border:none}.btn:disabled,.btn:disabled:hover{opacity:.4;cursor:not-allowed;filter:grayscale(.8)}.btn--primary{background-color:var(--primary);color:#fff;padding:.85rem;font-size:1rem}.btn--primary:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px)}.btn--secondary{background:rgba(0,0,0,0);color:var(--text-muted);border:1px solid var(--border)}.btn--secondary:hover:not(:disabled){color:var(--text);border-color:var(--text-muted);background:hsla(0,0%,100%,.05)}.btn--outline{background:rgba(0,0,0,0);color:var(--primary-text);border:1px solid var(--primary-text)}.btn--outline:hover:not(:disabled){background:var(--primary-text);color:var(--bg)}.btn--error{background:var(--error);color:#fff;padding:.4rem .8rem;font-size:.75rem}.config-panel{width:350px;background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100%}@media(max-width:1024px){.config-panel{width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border)}}.config-content{flex:1 1;overflow-y:auto}.config-section{padding:1rem 1.5rem;border-bottom:1px solid var(--border)}.config-section:last-of-type{border-bottom:none}.config-section h2{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-h);margin-top:0;margin-bottom:1rem;font-weight:700}.config-section.is-locked h2{color:var(--text-h);opacity:.4}.config-section.is-locked .hint-text{opacity:.4}.input-group{margin-bottom:1.25rem}.input-group:has(:disabled) label{opacity:.5;cursor:not-allowed}.input-group label{display:block;font-weight:600;margin-bottom:.5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.02em;color:var(--text-muted)}.input-group .checkbox-wrapper{display:flex;align-items:center;gap:.5rem;cursor:pointer}.input-group .checkbox-wrapper input[type=checkbox]{margin:0;width:auto;cursor:pointer}.input-group .checkbox-wrapper label{margin-bottom:0;text-transform:none;font-size:.85rem;cursor:pointer;color:var(--text)}.input-group .checkbox-wrapper:has(input:disabled){cursor:not-allowed}.input-group .checkbox-wrapper:has(input:disabled) input,.input-group .checkbox-wrapper:has(input:disabled) label{opacity:.5;cursor:not-allowed;color:var(--text-muted)}.input-group .textarea-input,.input-group input[type=number],.input-group input[type=text],.input-group select{width:100%;padding:.75rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.95rem;transition:all .2s ease;box-sizing:border-box}.input-group .textarea-input:focus:not(:disabled),.input-group input[type=number]:focus:not(:disabled),.input-group input[type=text]:focus:not(:disabled),.input-group select:focus:not(:disabled){outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(94,97,230,.2)}.input-group .textarea-input:disabled,.input-group input[type=number]:disabled,.input-group input[type=text]:disabled,.input-group select:disabled{opacity:.5;cursor:not-allowed;background:var(--panel);border-color:var(--border);color:var(--text-muted)}.input-group .textarea-input{resize:vertical;min-height:80px;font-family:inherit}.input-group input[type=range]{width:100%;margin:.5rem 0;cursor:pointer}.input-group input[type=range]:disabled{opacity:.5;cursor:not-allowed}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;width:100%}.grid-3 .input-group{margin-bottom:0}.grid-3 .input-group input[type=number]{width:100%;box-sizing:border-box;padding:.4rem}.grid-3 .input-group label{text-align:center;font-size:.65rem;margin-bottom:.25rem}.color-picker-wrapper{display:flex;gap:.5rem}.color-picker-wrapper input[type=color]{width:40px;height:38px;padding:0;background:none;border:1px solid var(--border);border-radius:4px;cursor:pointer}.color-picker-wrapper input[type=color]:disabled{opacity:.5;cursor:not-allowed}.hint-text{font-size:.7rem;color:var(--error);margin-top:.4rem}.hint-text[aria-disabled=true]{opacity:.5;cursor:not-allowed}.hint-text--info{color:var(--text-muted)}.render-actions{padding:1.5rem;background:var(--panel);border-top:1px solid var(--border);flex-shrink:0;display:flex;flex-direction:column;gap:1rem}.validation-error{color:var(--error);font-size:.8rem;margin:0;padding:.75rem;background:rgba(239,68,68,.1);border-radius:4px;border:1px solid rgba(239,68,68,.2);line-height:1.4}.success-card{padding:1.5rem;text-align:center;max-width:800px;width:90%;height:100%;margin:0 auto;animation:slideUp .4s ease-out;display:flex;flex-direction:column;gap:1.25rem;box-sizing:border-box}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.success-header{flex-shrink:0;display:flex;flex-direction:column;gap:.25rem}.success-icon{width:48px;height:48px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto .25rem;box-shadow:0 0 15px var(--primary-hover);flex-shrink:0}.success-card h3{margin:0;font-size:1.5rem;font-weight:700}.success-meta{color:var(--text-muted);font-size:.875rem;margin:0}.success-preview{background:var(--panel);border-radius:12px;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow);display:flex;justify-content:center;align-items:center;flex:1 1;min-height:0}.success-preview video{max-width:100%;max-height:100%;display:block;object-fit:contain}.success-actions{display:flex;gap:1rem;justify-content:center;max-width:500px;margin:0 auto;width:100%;flex-shrink:0}.success-actions>*{flex:1 1}.copy-button{display:flex!important;align-items:center;justify-content:center;gap:.5rem}.copy-button svg{transition:all .2s ease}.copy-button--success .icon-success{animation:popScale .3s ease-out}.copy-button--error .icon-error{animation:shake .4s ease-in-out}@keyframes popScale{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}50%{transform:translateX(4px)}75%{transform:translateX(-4px)}}.success-support{font-size:.8125rem;color:var(--text-muted);text-align:center;justify-content:center;flex-shrink:0}.success-support,.success-support span{display:flex;align-items:center;gap:.25rem}.success-support .icon-heart{color:var(--sponsor);font-size:.85rem}.success-support a{color:var(--sponsor);text-decoration:none;font-weight:500;transition:color .2s ease}.success-support a:hover{text-decoration:underline}.renderer-monitor{border-radius:8px;overflow:hidden;box-shadow:var(--shadow);position:relative;border:1px solid var(--border)}.monitor-viewport,.renderer-monitor{background:var(--bg);display:flex;align-items:center;justify-content:center;width:100%;height:100%}.monitor-label{position:absolute;top:.75rem;left:.75rem;font-weight:700;font-size:.6rem;letter-spacing:.08em;background:var(--panel);padding:.25rem .5rem;border-radius:4px;color:var(--primary-text);z-index:5;border:1px solid var(--border);text-transform:uppercase}.progress-overlay{background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1rem;border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow);width:100%;max-width:800px;display:flex;flex-direction:column;gap:.5rem;margin:0}.progress-header{display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:center;font-size:.8rem}.progress-percentage{width:3ch;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.progress-bar-container{width:100%;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--primary);transition:width .1s linear}.progress-actions{display:flex;justify-content:flex-end;align-items:center}.progress-actions .invisible{visibility:hidden;pointer-events:none}.meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem;margin-top:.75rem;font-size:.7rem;color:var(--text-muted)}.meta-item strong{display:inline;color:var(--text);font-size:.75rem;margin-right:.25rem}.error-container{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(15,23,42,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;padding:1rem}.error-card{background:var(--panel);padding:2.5rem;border-radius:16px;border:1px solid var(--error);text-align:center;max-width:400px;width:100%;box-shadow:var(--shadow)}.error-card h3{margin:0 0 .5rem;color:var(--error);font-size:1.5rem}.error-card .error-message{margin:0 0 1.5rem;color:var(--text)}.rendering-view{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden;padding:1.5rem 2rem;box-sizing:border-box;gap:1.5rem;align-items:center}.rendering-view .monitor-wrapper{min-height:0;max-width:800px}.monitor-content,.rendering-view .monitor-wrapper{flex:1 1;width:100%;display:flex;align-items:center;justify-content:center}.monitor-content,.upload-placeholder{flex-direction:column}.upload-placeholder{display:flex;align-items:center;justify-content:center;color:var(--text);text-align:center;width:100%;flex:1 1}.upload-placeholder svg{margin-bottom:1rem}.studio-footer{width:100%;padding:1rem 2rem;box-sizing:border-box;font-size:.75rem;color:var(--text-muted);text-align:center;flex-shrink:0}.studio-footer p{margin:0;display:flex;align-items:center;justify-content:center;gap:.25rem}.studio-footer .footer-icon{margin-right:4px}.monitor-panel{flex:1 1;background:var(--bg);display:flex;flex-direction:column;height:100%;overflow:hidden}@media(max-width:1024px){.monitor-panel{height:auto;overflow:visible}}.seo-fallback{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;text-align:center;background-color:var(--bg);color:var(--text);font-family:var(--sans);transition:opacity .5s ease-in-out,visibility .5s;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000}.seo-fallback.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.splash-content{max-width:500px;animation:splashFadeIn .8s ease-out}@keyframes splashFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.splash-logo{width:80px;height:80px;margin:0 auto 2rem;background:var(--panel);padding:1.5rem;border-radius:20px;box-shadow:var(--shadow)}.splash-logo svg{width:100%;height:100%;animation:pulse 2s ease-in-out infinite;stroke:var(--primary-text)}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.seo-fallback h1{font-size:2rem;font-weight:800;color:var(--text-h);margin:0 0 1rem;letter-spacing:-.02em}.seo-fallback h1 .badge{font-size:1rem;background:var(--primary-text);color:var(--bg);padding:.2rem .6rem;border-radius:4px;vertical-align:middle;margin-left:.5rem}.seo-fallback .description{font-size:1.1rem;line-height:1.6;color:var(--text-muted);margin-bottom:2.5rem}.loader{margin-bottom:3rem}.loader p{font-size:.85rem;font-weight:600;color:var(--text-muted);margin-top:.75rem;text-transform:uppercase;letter-spacing:.05em}.loader-bar{width:200px;height:4px;background:var(--border);border-radius:2px;margin:0 auto;position:relative;overflow:hidden}.loader-bar:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--primary-text);border-radius:2px;transform:translateX(-100%);animation:loading-gpu 1.5s ease-in-out infinite}@keyframes loading-gpu{0%{transform:translateX(-100%) scaleX(.2)}50%{transform:translateX(0) scaleX(.5)}to{transform:translateX(100%) scaleX(.2)}}.splash-links{display:flex;justify-content:center;gap:1rem;font-size:.9rem}.splash-links a{color:var(--primary-text);text-decoration:none;font-weight:500}.splash-links a:hover{text-decoration:underline}.splash-links .separator{color:var(--border)}.studio-wrapper{opacity:0;transition:opacity .5s ease-in-out;height:100%;width:100%}.studio-wrapper.is-visible{opacity:1}