:root{--bg-color:#0d0f12;--text-color:#fff;--primary:#3b82f6;--primary-hover:#2563eb;--surface:#1e2329;--surface-border:#2d333b;--accent:#10b981}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.btn{cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 4px 14px #3b82f663}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.btn-outline{border:1px solid var(--surface-border);color:var(--text-color);background:0 0}.btn-outline:hover{border-color:var(--primary);background:#3b82f61a}.navbar{border-bottom:1px solid var(--surface-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;background:#0d0f12cc;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;position:sticky;top:0}.logo{letter-spacing:-.05em;background:linear-gradient(90deg,#fff,#9ca3af);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:800}.glass-panel{background:var(--surface);border:1px solid var(--surface-border);border-radius:1rem;padding:2rem;box-shadow:0 10px 30px #00000080}.hero{text-align:center;background:radial-gradient(circle at top,#3b82f626,#0000 60%);padding:6rem 2rem}.hero h1{letter-spacing:-.02em;margin-bottom:1.5rem;font-size:4rem;font-weight:800;line-height:1.1}.hero p{color:#9ca3af;max-width:600px;margin:0 auto 2.5rem;font-size:1.25rem}.animate-fade-in{animation:.8s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dropzone{border:2px dashed var(--surface-border);text-align:center;cursor:pointer;background:#ffffff05;border-radius:1rem;padding:4rem 2rem;transition:all .3s}.dropzone:hover,.dropzone.active{border-color:var(--primary);background:#3b82f60d}.dropzone-icon{color:var(--primary);margin-bottom:1rem;font-size:3rem}.form-group{margin-bottom:1.5rem}.form-label{color:#d1d5db;margin-bottom:.5rem;font-weight:500;display:block}.form-checkbox{cursor:pointer;align-items:center;gap:.5rem;display:flex}.editor-layout{height:calc(100vh - 81px);display:flex}.editor-sidebar{background:var(--surface);border-right:1px solid var(--surface-border);width:320px;padding:1.5rem;overflow-y:auto}.editor-canvas{flex:1;position:relative}.dim-input{background:var(--bg-color);border:1px solid var(--surface-border);color:#fff;border-radius:.25rem;width:100%;margin-top:.25rem;padding:.5rem}.dim-input:focus{border-color:var(--primary);outline:none}