:root{font-family:Outfit,Hind Siliguri,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%}*{box-sizing:border-box}.container{display:flex;height:100vh;width:100vw;background-color:#1a1a1a;color:#fff;overflow:hidden}.controls{width:400px;padding:20px;background-color:#2a2a2a;border-right:1px solid #333;display:flex;flex-direction:column;gap:20px;overflow-y:auto;box-shadow:2px 0 10px #0000004d;z-index:10}.controls h2{margin:0 0 10px;font-size:1.5rem}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.9rem;color:#aaa}.form-group input[type=text],.form-group input[type=date]{padding:10px;border-radius:4px;border:1px solid #444;background-color:#333;color:#fff;font-size:1rem;font-family:Outfit,Hind Siliguri,sans-serif}.form-group input[type=file]{font-size:.9rem}.preview-area{flex:1;display:flex;align-items:center;justify-content:center;background-color:#111;overflow:hidden;position:relative}.poster-wrapper{transform-origin:center;box-shadow:0 0 50px #00000080}.btn-primary{padding:12px 20px;border:none;border-radius:4px;background-color:#646cff;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .2s;margin-top:20px}.btn-primary:hover{background-color:#535bf2}.workspace-container{display:flex;height:100%;width:100%;background-color:#1a1a1a;overflow:hidden}.workspace-controls{width:340px;background-color:#222;border-right:1px solid #333;overflow-y:auto;padding:20px;flex-shrink:0;display:flex;flex-direction:column}.workspace-preview{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#000;position:relative}.mobile-toggle-btn{display:none}@media(max-width:768px){.workspace-container{flex-direction:column}.workspace-controls{width:100%;display:none;border-right:none;border-top:1px solid #333;order:2}.workspace-controls.open{display:flex;height:60vh;height:60dvh;padding:20px;overflow-y:auto;animation:slideUp .3s ease-out}@keyframes slideUp{0%{height:0;opacity:0}to{height:60dvh;opacity:1}}.workspace-preview{width:100%;height:auto;flex:1;order:1}.mobile-toggle-btn{display:block;position:absolute;bottom:20px;left:50%;transform:translate(-50%);background-color:#646cff;color:#fff;border:none;padding:10px 20px;border-radius:20px;font-weight:700;z-index:100;box-shadow:0 4px 10px #00000080;cursor:pointer;font-size:.9rem}}.sidebar-close-btn{display:none}.main-sidebar{width:250px;height:100vh;background-color:#1a1a1a;border-right:1px solid #333;display:flex;flex-direction:column;flex-shrink:0;transition:transform .3s ease}.sidebar-backdrop,.sidebar-hamburger{display:none}@media(max-width:768px){.main-sidebar{position:fixed;top:0;left:0;height:100dvh;z-index:2000;transform:translate(-100%);box-shadow:2px 0 10px #00000080}.main-sidebar.open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;top:0;left:0;width:100vw;height:100dvh;background-color:#00000080;z-index:1500;opacity:0;pointer-events:none;transition:opacity .3s ease}.has-sidebar-open .sidebar-backdrop{opacity:1;pointer-events:auto}.sidebar-hamburger{display:flex;align-items:center;justify-content:center;position:fixed;top:15px;left:15px;z-index:1400;background-color:#222;color:#fff;border:1px solid #444;border-radius:4px;width:40px;height:40px;font-size:1.5rem;cursor:pointer;box-shadow:0 2px 5px #0000004d}.sidebar-close-btn{display:block;background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:5px}}