:root{--bg:#000;--surface:#0a0a0a;--border:#262626;--border-strong:#404040;--text:#fff;--text-muted:#737373;--primary:#fff;--primary-bg:#fff;--primary-text:#000;--accent:#fff}body{background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,-apple-system,sans-serif}.app-container{flex-direction:column;max-width:1300px;min-height:100vh;margin:0 auto;padding:3rem;display:flex}header{border-bottom:1px solid var(--border);margin-bottom:4rem;padding-bottom:2rem}h1{letter-spacing:-.05em;text-transform:uppercase;margin:0;font-size:2rem;font-weight:400}.glass-panel{background:var(--surface);border:1px solid var(--border);border-radius:0;padding:2rem}.btn{cursor:pointer;border:1px solid var(--border-strong);color:var(--text);text-transform:uppercase;letter-spacing:.05em;background:0 0;border-radius:0;justify-content:center;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-size:.85rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:hover,.btn-primary{background:var(--text);color:var(--bg);border-color:var(--text)}.btn-primary:hover{color:var(--text);border-color:var(--text);background:0 0}.grid-layout{grid-template-columns:1fr 320px;gap:3rem;display:grid}.editor-surface{border:1px solid var(--border);background:#050505;justify-content:center;align-items:center;min-height:600px;display:flex;position:relative}.controls-panel{flex-direction:column;gap:2rem;display:flex}.upload-zone{border:1px dashed var(--border-strong);text-align:center;cursor:pointer;padding:3rem;transition:border-color .2s}.upload-zone:hover{border-color:var(--text)}.field-item{border:1px solid var(--border);letter-spacing:.02em;background:0 0;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:1rem;font-size:.8rem;display:flex}.field-item:hover{border-color:var(--border-strong)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}input[type=text],input[type=number],select{color:#fff;border:1px solid var(--border);background:#000;padding:.5rem;font-family:inherit;font-size:.85rem}input[type=color]{cursor:pointer;background:0 0;border:none;width:100%;height:30px;padding:0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}