*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{font-family:Inter,system-ui,sans-serif;background:#10131a;color:#ebedf3}#root{height:100%}.layout{display:grid;grid-template-columns:380px 1fr;height:100%;min-height:0;overflow:hidden}.panel{display:flex;flex-direction:column;min-height:0;padding:16px;border-right:1px solid #2a3040;overflow-x:hidden;overflow-y:auto;background:#171c26;-webkit-overflow-scrolling:touch}.viewer{position:relative;min-height:0;min-width:0;height:100%;overflow:hidden}.viewer canvas{display:block;width:100%!important;height:100%!important}input,button,select{width:100%;margin-top:8px;margin-bottom:8px}button{border:1px solid #394157;border-radius:8px;background:#212838;color:#eef2ff;font-weight:600;padding:10px 12px;cursor:pointer}button:hover{background:#2a3246}.section{margin-bottom:18px;border:1px solid #30394d;border-radius:8px;padding:10px}.screen-card{margin-bottom:10px}.dropzone{border:1px dashed #4c5875;border-radius:8px;padding:10px;margin-top:8px;margin-bottom:8px;background:#1a2130;color:#b8c2dc;text-align:center;font-size:13px}.icon-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.icon-button{font-size:16px;line-height:1;padding:8px 0}