body,html{margin:0;padding:0;height:100%;width:100%;background:#222}.app-container{display:flex;height:100vh;width:100vw;overflow:hidden;font-family:sans-serif}.sidebar{width:260px;padding:26px;box-sizing:border-box;border-right:1px solid #666;display:flex;overflow-y:auto;background:#333;color:#e6e6e6;flex-direction:column}.sidebar h1{font-size:20px;margin:0}.description{padding-top:20px;font-size:14px;display:block;margin-bottom:16px;line-height:1.4}.controls{padding-block:20px}.control-group{margin-bottom:20px}.control-group h3{margin:0;font-size:16px}.control-group input[type=file]{margin-top:16px}.hint{font-size:12px;opacity:.7;margin-top:6px}.canvas-container{flex:1;position:relative;background:#222;display:flex;justify-content:center;align-items:center}#previewImage{margin-top:10px;width:180px;height:180px;border:1px solid #666;background:#222;display:flex;align-items:center;justify-content:center}#canvas{display:block;background:#000;max-width:100%;max-height:100%;width:auto;height:auto;border-radius:10px;border:1px solid #555;box-shadow:0 4px 12px #00000080}