:root{--bg-dark: #0a0a0a;--bg-panel: rgba(30, 30, 30, .7);--primary: #6366f1;--primary-hover: #4f46e5;--accent: #ec4899;--text-main: #ffffff;--text-muted: #a1a1aa;--border-color: rgba(255, 255, 255, .1);--glass-bg: rgba(20, 20, 20, .6);--glass-border: 1px solid rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--backdrop-blur: blur(12px);--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;font-weight:400;color-scheme:dark}body{margin:0;padding:0;background-color:var(--bg-dark);background-image:radial-gradient(circle at 15% 50%,rgba(99,102,241,.15),transparent 25%),radial-gradient(circle at 85% 30%,rgba(236,72,153,.15),transparent 25%);color:var(--text-main);min-height:100vh;overflow-x:hidden}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;letter-spacing:-.02em}button{cursor:pointer;border:none;outline:none;font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.landing-container{min-height:100vh;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);color:#fff;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}.landing-nav{padding:2rem 4rem;display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;position:fixed;width:100%;top:0;margin-bottom:3rem;line-height:1.6}.cta-button{padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;background:linear-gradient(to right,#00c6ff,#0072ff);border:none;border-radius:50px;color:#fff;cursor:pointer;transition:transform .2s,box-shadow .2s;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0072ff4d}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:4rem;max-width:1200px;margin:0 auto}.feature-card{background:#ffffff0d;padding:2rem;border-radius:20px;border:1px solid rgba(255,255,255,.1);transition:transform .3s}.feature-card:hover{transform:translateY(-5px);background:#ffffff14}.feature-icon{color:#00c6ff;margin-bottom:1rem}.feature-title{font-size:1.5rem;margin-bottom:.5rem;font-weight:600}.feature-desc{color:#a8c0ff;line-height:1.5}@media(max-width:768px){.hero-title{font-size:2.5rem}.landing-nav{padding:1.5rem 2rem}.features-grid{padding:2rem}}.app-container{height:100vh;display:flex;flex-direction:column;overflow:hidden}header{padding:1rem 2rem;background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-bottom:var(--glass-border);display:flex;align-items:center;justify-content:space-between;z-index:10;box-shadow:0 4px 30px #0000001a}header h1{font-size:1.5rem;background:linear-gradient(to right,#fff,var(--text-muted));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}header p{color:var(--text-muted);font-size:.9rem;font-weight:500}.grid-layout{flex:1;display:grid;grid-template-columns:380px 1fr;height:calc(100vh - 73px);overflow:hidden}.control-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-right:var(--glass-border);padding:24px;display:flex;flex-direction:column;gap:24px;overflow-y:auto;z-index:5}.input-group{background:#ffffff08;padding:20px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.05);transition:transform .2s ease,box-shadow .2s ease}.input-group:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0003;border-color:#ffffff1a}.input-group label{display:block;margin-bottom:12px;color:var(--text-muted);font-size:.9rem;font-weight:500}.input-group strong{color:var(--primary);margin-left:8px}.custom-file-upload{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;background:#6366f11a;color:var(--primary);border:1px dashed var(--primary);border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;font-weight:600}.custom-file-upload:hover{background:#6366f133;transform:scale(1.02)}input[type=file]{display:none}input[type=range]{-webkit-appearance:none;width:100%;height:6px;background:#ffffff1a;border-radius:3px;outline:none;margin-top:8px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary);cursor:pointer;transition:transform .2s;box-shadow:0 0 10px #6366f180}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.preview-2d-container{display:grid;grid-template-columns:1fr 1fr;gap:16px}.preview-box{background:#0000004d;padding:12px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.05);text-align:center}.preview-box span{display:block;margin-bottom:8px;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.preview-box img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1)}.download-btn{margin-top:auto;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;padding:16px;border-radius:var(--radius-md);font-weight:600;font-size:1rem;letter-spacing:.02em;box-shadow:0 4px 15px #6366f166;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.download-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #6366f180;filter:brightness(1.1)}.download-btn:active:not(:disabled){transform:translateY(0)}.download-btn:disabled{background:#ffffff1a;color:#ffffff4d;cursor:not-allowed;box-shadow:none}.viewport-3d{position:relative;background:radial-gradient(circle at center,#1a1a1a,#000);box-shadow:inset 0 0 50px #00000080}@media(max-width:900px){.grid-layout{grid-template-columns:1fr;height:auto;overflow-y:auto}.control-panel{border-right:none;border-bottom:var(--glass-border);max-height:none;overflow:visible}.viewport-3d{height:500px;min-height:50vh}}