*{margin:0;padding:0;box-sizing:border-box;}
:root{--bg:#080808;--panel:#0F0F0F;--border:rgba(255,255,255,0.07);--text:#fff;--muted:#555;--accent:#fff;}
body{background:var(--bg);color:var(--text);font-family:'Barlow',sans-serif;min-height:100vh;overflow-x:hidden;}

/* LAYOUT */
.layout{display:flex;min-height:calc(100vh - 54px);}
.ctrl{width:340px;min-width:340px;border-right:1px solid var(--border);background:var(--panel);overflow-y:auto;max-height:calc(100vh - 54px);}
.preview{flex:1;overflow-y:auto;max-height:calc(100vh - 54px);padding:24px;}